/* CSS Document  Created by Ted Pedersen*/

/*Begin Navigation*/
#navdiv{
background:url(images/nav-bg.jpg) repeat-x;
width:100%;
height:40px;
border:#FFFF99;
border-style:solid;
border-width:thin;
margin:0 auto;
padding:0;
display:block;
float:left;
z-index: 10;

}	
ul#nav {
margin:0;
padding:0;
height:40px;
list-style:none;
float:left;
z-index:10;
}

ul#nav li {
float:left;
position:relative;
background:url(images/nav-bg.jpg) repeat-x;
}

ul#nav li a {
color:#0066CC;
text-decoration:none;
display:block;
padding:10px 30px;
font-size:1.1em;
font-weight:bold;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

ul#nav li a:hover {
background:url(images/nav-bg-hover.jpg) repeat-x;
color:#FFF;
}

ul#nav ul {
display:none;
margin:0;
padding:0;
font-size:.8em;
list-style:none;
background:url(images/nav-bg.jpg) repeat-x;	
width:210px; /* Declare a width for dropdown menus */
}

ul#nav li:hover, ul#nav li.over {
background:url(images/nav-bg.jpg) repeat-x;

}

ul#nav li:hover ul, ul#nav li.over ul {
display:block;
position:absolute;

}

ul#nav ul li {
float:left;
width:210px; /* Should equal the total width of the dropdown menu declared */
}