/* CSS Document */

body {
margin: 0px;
padding: 0px;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
color: #333333;
background-color: #ffffff;
}

a {
text-decoration: underline;
color: #000000;
}

a:hover {
text-decoration: underline;
}

#container {
width: 100%;
overflow: visible;
}

#top {
background-color:#000000;
display: block;
height: 10px;
}


#header {
background-image: url(../images/header.gif);
background-repeat: no-repeat;
height: 194px;
background-color: #ABA08C;
}

#homecollage {
height: 228px;
background-color: #000000;
border-left: 20px solid #000000;
}

#content {
background-image: url(../images/contentbg.gif);
background-repeat: repeat-x;
background-position: top;
background-color: #ffffff;
height: 400px;
margin: 0px;
padding:  0px;

}

#content .news {
width: 300px;
margin-left: 5px;
margin-right: 10px;
float: left;
}

#content .news li {
list-style-type: none;
color: #000000;
font-size: 10px;
}

#content .homecontent {
width: 400px;
margin-left: 25px;
margin-top: 20px;
border: 0px;
padding: 0px;
padding-left: 20px;
border-left: 1px solid #000000;
float: left;
line-height: 18px;
}

#content .headerbar {
background-color: #918877;
line-height: 50px;
border: 0px;
border-bottom: 1px solid #000000;

}

#content .bodycontent {
font-size: 11px;
font-family: Helvetica, Arial;
padding: 30px;
}

#content .tablehead {
font-size: 12px;
font-weight: bold;
color: #333333;
background-color: #ABA08C;
padding: 5px;
}

#content table {
margin: 0px;
padding: 5px;
width: 700px;
}

#content td.even {
background-color: 
}

#content .stats {
	width: 350px;
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 15px;
	float: left;
}

#content .stats li {
list-style-type: none;
color: #000000;
font-size: 11px;
line-height: 18px;
margin: 0px;
padding: 0px;
margin-left: -10px;
}

#content .imagebox {
width: 650px;
margin-left: 0px;
margin-top: 40px;
border: 0px;
padding: 0px;
padding-left: 20px;
float: left;
}

#content p.stathead {
font-family: Trebuchet MS, Arial;
font-size: 14px;
letter-spacing: 1px;
color: #333333;
font-weight: bold;
padding-left: 15px;
margin-top: 10px;
}

#content .imagebox .left {
width: 300px;
float: left;
}

#content .imagebox img.left {
border: 1px solid #000000;
}

#content .imagebox .right {
width: 300px;
margin-left: 20px;
float: left;
}

#content .imagebox img.right {
border: 1px solid #000000;
}

.gallerycontainer{
position: relative;
height: 500px;
}

.thumbnail img{
border: 1px solid white;
margin: 0 0px 0px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #000000;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ABA08C;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*navigation*/

#mainnav {
position: relative;
top: 10px;
left: 380px;
}

.topmenuli{
	list-style-type:none;
	float: left;
	margin: 0em 0px;
	width: 100px;
	
}

.topmenuli a:hover{
	text-decoration: none;
	color: #000000;
	border-top: 1px solid #000000;
}


.topmenutitle{
	display:block;
	font-family: Helvetica, sans-serif; 
	font-weight: bold;
	text-align: center;
	font-size:11px;
	color: black;
	text-decoration: none;
	line-height: 21px;
	border-bottom: 3px double #000000;
	border-top: 1px solid #ABA08C;
	border-left: 0px;
	border-right: 0px;

}

.topmenutitle a:hover {
	border: 0px;

}

.submenuul{
	background-color: #998F7E;
	border: 1px solid #000000;
	color: #ffffff;
	border-top: 0px;
	list-style-type:none;
	position:absolute;
	margin: 0;
	padding:0;
	display:none;
	z-index: 20;
	}
	
.submenuli {
	border: 0px;

}

.submenuli a{
	display:block;
	width:150px;
	color: black;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0px;

}

.submenumain{
	display:block;
	color: white;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bolder;
	text-align: left;
	font-size:9px;
	margin-left: 7px;
	margin-top:3px;

}

.submenumain a
{
	display:block;
	height: 16px;
	color: white;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bolder;
	text-align: left;
	font-size:9px;
	margin-top:3px;
	text-indent: 7px;

}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;

}

#dmenu li>ul { 
	top: auto;
	left: auto;
}


#dmenu {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size:10px;
	
	}

.submenuul {
	margin-top:0px;
	background-position: top left;
	background-repeat: repeat-x;
	

}

.submenuli a{
	padding:4px;
	text-decoration: none;
	color: #FFFFFF;
		border: 0px;
	border-left: 3px solid #DCD4C6;

}

.submenuli a:hover{
	text-decoration: none;
	background:#DCD4C6;
	color: #000000;
	border: 0px;
	border-left: 3px solid #000000;
}



div.hoverMenu:hover li.submenuli:hover {
	text-decoration: none;
	color: #333333;
	background-color: #ffffff;
	display: block;

	}