@charset "utf-8";
/* CSS Document */

.clear {
clear:left;
}

#test {
position:absolute;
top:0px;
left:0;
right:0px;
bottom:0px;
background-color:#FFFF4D;
min-height:1000px;
height:100%;
}


#left {
position:absolute;
top:0px;
left:0%;
width:15%;
height:100%;
font-family:Arial, Helvetica, sans-serif;
background-color:#ffff4d;
}
	
#main, #main2 {
position:absolute;
top:0px;
bottom:5%;
min-height:100%;
left:15%;
text-align: center;
width:70%;
height:100%;
font-family:Arial, Helvetica, sans-serif;
}

#main2 {
width:100%;
left:0%;
}
	
#right {
position:absolute;
top:0px;
left:85%;
width:15%;
height:100%;
font-family:Arial, Helvetica, sans-serif;
background-color:#ffff4d;
}

#header {
height:170px;
background:#FFFF00 url(/img/headerlogo.png) repeat scroll center;
overflow:visible;
text-align:center;
}

#navigation, #navigationright {
position:absolute;
top:170px;
text-align: center;
color:#000000;
width:100%;
background-color:#FFff00;
}

#navigationright {
height:17.28em;
}

#contentright{
text-align:justify;
margin:10px;
}

#buttonright {
color:#000;
background-color:#FFF;
border:medium outset #666666;
text-decoration:none;
text-align:center;
}

#buttonright:hover {
border: medium inset #666666;
color:#FF0;
background-color:#666;
}

.menuentry:visited {
color:#000000;
}

.menuentry:hover {
color:#FF0;
background-color:#666666;
}

.menuentry, .menuentrybold {
font-size:0.8em;
color:#000000;
line-height:2.4em;
vertical-align:middle;
text-decoration:none;
}

.menuentrybold:visited {
color:#000000;
}

.menuentrybold:hover {
color:#FF0;
background-color:#666666;
}

.menuentrybold {
font-weight:bold;
}

#middle, #middleimg {
position:absolute;
left:0px;
right:0px;
top:170px;
bottom:0px;
border: 3px groove #000000;
border-bottom-style:none;
min-height:16.8em;
}

#middleimg {
top:0px;
}

#content {
align:center;
color: #000000;
position:absolute;
top:2.4em;
bottom:0px;
left:0px;
right:0px;
overflow:auto;
padding:10px;
text-align:justify;
border-top:2px double #666;
background-color:#FFFFFF;
vertical-align:middle;
}

h1 {
font-size:1.7em;
text-align:center;
}

h3 {
font-weight:lighter;
}

.link {
color:#0000FF;
text-decoration:none;
}

.link:hover {
text-decoration:underline;
}

.red {
color:#FF0000;
text-decoration:none;
}

.bold {
font-weight:bold;
}

#navigationtop {
position:absolute;
left:0px;
right:0px;
top:0px;
font-size:1.2em;
line-height:2.4em;
background-color:#FFFFFF;
font-weight:bold;
font-variant:small-caps;
letter-spacing:0.1em;
}

.menutop {
float:left;
width:33.31%;
vertical-align:middle;
text-align:center;
color:#000000;
text-decoration:none;
}

.menutop:hover {
color:#FFF;
background-color:#666666;
}

.tablelink {
position:relative;
left:2%;
float:left;
width:45%;
height:2.4em;
text-align:center;
font-size:1.1em;
line-height:1.2em;
margin:10px;
color:#FFFFFF;
background-color:#666666;
border:medium outset #666666;
text-decoration:none;
}

.tablelink:hover {
border: medium inset #666666;
color:#000;
background-color:#FF0;
}

img {
border-style:none;
}

.image {
position:relative;
left:2%;
margin:10px;
width:200px;
height:200px;
float:left;
text-align:center;
vertical-align:middle;
background-position:center;
background-repeat:no-repeat;
}

.image:hover {
border:3px solid #000;
margin:7px;
}

#articleimage {
float:left;
margin-right:10px;
}

#articletext {
margin-left:10px;
}

.prices {
font-weight:bold;
width:50%;
}