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

body {
	background-color: #456687;
	background-image:url(../images/bkgnd.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}


#container
{
width: 100%;
background-color: #fff;
color: #333;
border: 1px solid gray;
border-style: ridge;
line-height: 130%;
}

#top
{
background-color: #0166cc;
background-image:url(images/top_right.jpg);
background-repeat: no-repeat;
background-position:right; 
}

#top h1
{
padding: 0;
margin: 0;
}



#leftnav
{
float: left;
width: 149px;
height: 579px;
background-image: url(images/top_left_02.jpg);

}

#content
{
margin-left: 200px;

}

#content_head
{
background-image:url(images/content_top_bkgnd.jpg);
background-repeat:no-repeat;
background-position:right;
width: 100%;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

h2 {
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom: 1px;
}

#nav {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight:bold;
}

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

#nav a:hover {
color:#ffdd00;
}

#nav ul {
padding:0; 
margin:0; 
list-style: none;
position:absolute;
} /* Makes top border for 1st button */
 

#nav li {
  list-style: none; /* turns off the list bullets */
  position: relative;
  vertical-align: bottom; /* for IE5-Win */
}
 
#nav ul ul {
  background: #015697;
  position: absolute;
  left: -2200px;
  border:#ffdd00;
  border-width:thin;
  border-style: solid;
  padding: 4px;

} /* set flyout BG color and preset the positioning */
 
#nav ul li:hover ul {
  left: 8em;
  top: 4px;
} /* make flyout appear when the LI is hovered */