/* CSS Document */

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

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

#pageholder{
margin:0 auto;
padding:0px;
width: 762px;
height:inherit;
text-align:center;
background-color:#ffffff;
margin-bottom:8px;
border:1px solid #ffffff;
}

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

#banner{
/*float:left;*/
width: 762px;
height:140px;
}

#banner img{
float:left;}

#slogan{
float:left;
width:618px;
height:113px;
background-color:#0d4099;
color:#FFFFFF;}

/*-----------------------------top nav--------------------*/

.top-navbar{
        color:white;
        background-color:#0d4099;
        font-size:8pt;
        text-align:right;
}
.top-navbar a:hover {
        text-decoration:underline;
}
.top-navbar a {
        text-decoration:none;
        color:white;
}

#navbar{
float:left;
width:618px;
height:27px; 
margin:0px 0 1px 0;
padding:0px;
list-style:none;
background-color:#869fcc;
border-top:1px solid #ffffff;
}

/* Navigation */

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

#nav > li > a {
	display: block;
	padding-left:1em;
	padding-right:1em;
  /*
	width:102px;
  */
}

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

#nav li ul { /* second-level lists */
	position: absolute;
	background: #ffffff;
	padding-top:1px;
	width:102px;
	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 */

/* first level */
#nav li a:link, #nav li a:visited{
        /*
width:102px;
        */
height:27px;
line-height:27px;
margin-left:0px;
display:block;
text-decoration:none;
text-align:center;
color:#FFFFFF;
background-color:#869fcc;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
/*
font-style:italic;
*/
/*
text-transform:uppercase;
*/
border-left:1px solid #ffffff;
}

/* second level */
#nav li ul a:link, #nav li ul a:visited{
width:160px;
height:26px;
line-height:26px;
display:block;
text-decoration:none;
text-align:left;
text-indent:8px;
font-weight:bold;
font-size:10px;
border-top:0px solid #ffffff;
border-bottom:1px solid #ffffff;
border-right:1px solid #ffffff;}

/* hover states */

/* first level */
#nav li a:hover{
background-color:#0d4099;}

/* second level */
#nav li ul a:hover{
background-color:#0d4099;}

#nav li a#front{
border-left:0px;
/*
width:103px;
*/
}

#navbar ul li a.active{
background-color:#0d4099;
}



/*


#navbar ul {
float:left;
height:auto;
margin:0;
padding:0px;
list-style: none;
list-style-type:none;
}
 
#navbar ul li {
float:left;
margin:0px;
padding:0px;
list-style:inherit;
display: inline;
}

#navbar ul li a:link, #navbar ul li a:visited {
float:left;
text-decoration:none;
text-align:center;
width:102px;
height:27px;
margin-left:0px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
text-transform:uppercase;
line-height:27px;
font-size:12px;
display:block;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
}

#navbar ul li a#front {
border-left:0px;
width:103px;
}

#navbar ul li a.active{
background-color:#0d4099;
}

#navbar ul li a:hover {
background-color:#0d4099;
}
*/
.welcome{
}

#pictures{
/*float:left;*/
margin-top:1px;
}

#pictures img.pad{
margin-right:1px;
}

#middle{
/*float:left;*/
margin-bottom:1px;
}

/*-----------------------------side nav--------------------*/

#navbar2{
/*float:left;*/
width:144px;
height:auto; 
margin:0px;
padding:0px;
list-style:none;
background-color:#869fcc;
}

#navbar2 ul {
float:left;
height:auto;
margin:0;
padding:0px;
list-style: none;
list-style-type:none;
}
 
#navbar2 ul li {
float:left;
margin:0px;
padding:0px;
list-style:inherit;
display: inline;
}

#navbar2 ul li a:link, #navbar2 ul li a:visited {
float:left;
text-decoration:none;
text-align:left;
text-indent:12px;
width:144px;
height:27px;
margin-left:0px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
/*
font-style:italic;
*/
/*
text-transform:uppercase;
*/
line-height:27px;
font-size:12px;
display:block;
border-top:1px solid #ffffff;
border-right:1px solid #ffffff;
}

#navbar2 ul li a.active{
background-color:#0d4099;
}

#navbar2 ul li a.sub{
text-indent:20px;
background-color:#afc0dd;
}

#navbar2 ul li a:hover {
background-color:#0d4099;
}

#content{
/*float:left;*/
text-align:left;
margin-top:1px;
width:100%;
background-color:#FFFFFF;
color:#361928;
font-size:12px;
line-height:16px;}

#content a{
color:#0066CC;
}

#content a:hover{
color:#333333;
}

#smaller{
float:left;
text-align:left;
margin-top:3px;
margin-bottom:3px;
color:#FFFFFF;
font-size:10px;
line-height:12px;}

#content h1{
font-size:16px;
margin:4px 0 4px 0;
color:#0d4099;}

#content h2{
font-size:14px;
color:#0d4099;
margin:4px 0 4px 0;}

#toplink{
font-size:12px;
color:#000000;
margin:4px 0 4px 0;}

#toplink a{

color:#000000;
text-decoration:none;
}

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

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

.right{
float:right;
color:#FFFFFF;
margin-left:15px;
font-size:12px;
line-height:18px;}

#content .right h1{
font-size:13px;
margin:4px 0 4px 0;
color:#ffffff;}

.padder{
padding:10px;}

/*-----------------------------base nav--------------------*/

#navbar3{
float:right;
width:auto;
height:27px; 
margin:0px;
padding:0px;
list-style:none;
background-color:#a9a9a9;
overflow:hidden;

}

#navbar3 ul {
float:left;
height:auto;
margin:0;
padding:0px;
list-style: none;
list-style-type:none;

}
 
#navbar3 ul li {
float:left;
margin:0px;
padding:0px;
list-style:inherit;
display: inline;
}

#navbar3 ul li a:link, #navbar3 ul li a:visited {
float:left;
text-decoration:none;
text-align:center;
width:auto;
height:27px;
padding:0 6px 0 6px;
margin-left:0px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;

/*
text-transform:uppercase;
*/
line-height:27px;
font-size:11px;
display:block;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
}

#navbar3 ul li a.active{
background-color:#0d4099;
}

#navbar3 ul li a:hover {
background-color:#0d4099;
}

#footer{
margin-top:1px;
/*
float:left;
*/
width:762px;
height:33px;
background-color:#0d4099;
margin-right:-3px;
color:#FFFFFF;
line-height:32px;
font-size:15px;
}

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

#footer a:hover{
text-decoration:underline;
color:#FFFFFF;}

#linky{
padding-top:10px;
font-size:10px;
color:#CCCCCC;
line-height:14px;
}

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

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

#before{
color:#FFFFFF;
font-size:11px;
background-color:#a9a9a9;
vertical-align:top;
}
#after{
color:#FFFFFF;
font-size:11px;
background-color:#c3af9a;
vertical-align:top;
}

table.grey 
{
border-bottom:solid 1px #cccccc;
border-right:solid 1px #cccccc;
}

table.grey td
{
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
}