/* CSS Document */

/* CSS Document */

html { 
margin:0 auto;
padding:10px;
}

body {
text-align:center;
max-width: 920px;
margin:0 auto;
padding:0px;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
font-family: Arial, Helvetica, sans-serif;}

#pageholder{
margin:0 auto;
padding:0px;
width: 920px;
height:inherit;
text-align:center;
background-image:url(images/background.jpg);
background-repeat:repeat-y;
margin-bottom:8px;
}

html>body #pageholder{
float:left;
height:auto;
}

#banner{
float:left;
width:920px;
height:235px;
}

#navbar{
float:left;
width:920px;
margin:4px 0 0 0;

background-image:url(images/navbar.jpg);
}

/* Navigation */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;

}

#nav ul {
}

#nav a {
	display: block;
		margin:0;
	padding:0;
	width:auto;
}

#nav li { /* all list items */
	float: left;
	margin:0;
	padding:0;
	width:auto; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */

	position: absolute;

	padding:0 0 11px 0;
	background-image:url(images/base.gif);
	background-position:bottom;
	background-repeat:no-repeat;	
	width:250px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	position:absolute;

}
/* normal states states */

#nav li a img{
margin-top:10px;
border:0;}

/* first level */
#nav li a:link, #nav li a:visited{

width:auto;
height:37px;
text-align:center;
line-height:26px;
display:block;
margin-left:10px;
text-decoration:none;
text-align:center;
padding:0 5px 0 5px;
line-height:37px;
color:#FFFFFF;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
background-image:url(images/menu.gif);
background-repeat:repeat-x;
}


/* second level */
#nav li ul a:link, #nav li ul a:visited{

width:250px;
height:26px;
margin:0;
padding:0;
line-height:26px;
display:block;
text-decoration:none;
text-align:left;
text-indent:10px;
font-weight:bold;
font-size:10px;
background:#78a0d0;}

/* hover states */
#nav li a.active:link, #nav li a.active:visited {
 }

/* first level */
#nav li a:hover{
background-position:0px -30px;
}



/* second level */
#nav li ul a:hover{
background-image:none;
background-color:#8caed7;
color:#003572;}

#content{
float:left;
text-align:left;
width:920px;
padding:10px 0 10px 0;
color:#333333;
font-size:11px;
line-height:16px;}

#content h1{
font-size:14px;
margin:4px 04px 0;}

#content h2{
font-size:12px;
margin:4px 04px 0;}

#content p{
margin:4px 04px 0;}

.right{
float:right;
margin-left:15px;}

.left{
float:left;
margin-right:15px;}

#footer{
float:left;
width:920px;
height:37px;
background-image:url(images/navbar.jpg);
margin-right:-3px;
color:#FFFFFF;
line-height:37px;
font-size:12px;
}

#footer a{
text-decoration:none;
color:#ffffff;}

#footer a:hover{
color:#b2c5a3;
}

#linky{
padding-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#361928;
}

#linky a:link, #linky a:visited{
color:#361928;
text-decoration:none;
}

#linky a:hover {
text-decoration:underline;
}

.news{
color:#FFFFFF;}

.news h1{
color:#FFFFFF;}

.news p{
color:#FFFFFF;}

.news a{
color:#78a0d0;}

#nav li:hover {background-position: 0 0}