/* CSS Document */
body {
    font-family: Verdana, sans-serif;
}
a {text-decoration: none;}
a:hover {color: #006600;}

#header {
    position: absolute;
	top: 25px;
	left: 50px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 2px solid #000000;
	background: url(images/mainbanner.jpg) no-repeat;
	height: 88px;
	width: 850px;
	
}

#menu {
	position: absolute;
	top: 146px;
	left: 80px;
	width: 220px;
	min-height: 407px;
	padding: 10 0 0 8px;
	font-size: 18px;
	z-index: 2;	
}

#content {
    width: 840px;
	background: #99CC66;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	height: 407px;
	font-size: 10px;
	z-index: 1;
	position: absolute;
	top: 116px;
	left: 50px;
	padding: 5px;
}

#pictures {
    width: 550px;
	height: 165px;
	position: absolute;
	top: 140px;
	left: 315px;
	z-index: 3;
}

#text {
    width: 550px;
	height: 200px;
	background: url(images/textbg.jpg) no-repeat;
	padding: 5px;
	font-size: 10px;
	font-family: Verdana;
	color: black;
	position: absolute;
	top: 316px;
	left: 316px;
	z-index: 4;
	overflow: auto;
}

#footer {
    width: 846px;
	height: 25px;
	background: black;
	color: white;
	padding: 3px;
	font-size: 10px;
	font-family: Arial;
	top: 534px;
	left: 50px;
	position: absolute;
}
.cssnav {
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/downbtn.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 45px;
margin: 0;
padding: 0;
}

.cssnav a {
display: block;
color: #000000;
font-size: 14px;
width: 200px;
height: 45px;
display: block;
float: left;
text-decoration: none;
}

.cssnav img {width: 200px; height: 45px; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}

.cssnav span {
position: absolute;
left: 35px;
top: 8px;
font-size:14px;
margin: 0px;
padding: 0px;
cursor: pointer;
}