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

/*Making the drop down part*/

#dropdown_nav {width: 770px;}

#dropdown_nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#dropdown_nav a {text-align:center; height:35px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }


#dropdown_nav ul { /* all lists * setting the line height i line 82 prevents us from having to do extra padding to align the links vertically within the bar;*/
	padding: 0;
	margin: 0;
	list-style: none;

}

#dropdown_nav li { /*making the menu into a horizontal bar. set width somewhere (in this case they weren't all even so I set it at the bottom of this style sheet) or opera doesn't like it. when i didn't set the width IE didn't work at all */
	float: left;
	position: relative;
	
}

/*this makes entire li area clickable rather than just right on the words*/
#dropdown_nav ul li a {display: block;}

#dropdown_nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	top: 100%;
	z-index: 999;
}

#dropdown_nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#dropdown_nav li li { /*2nd level lists*/
	display: block;
	float: none;
	border: 0;
}

#dropdown_nav li li a{ /*2nd level lists the text-align and padding-left will be adjusted per website (see line 82 to see how to line up sub menu text with text above it*/
	display: block;
	float: none;
	border: 0;
	
}

/*for browsers tha don't support pseudo class: hover, we need to duplicate the style to include the javascript workaround, to propel the drop down menus back onto the screen when moused over*/
#dropdown_nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}





/*Making it pretty*/
body { margin: 0; padding: 0; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #1f1f1f; text-align: center; }

body {
   behavior: url("csshover3.htc");
}

#dropdown_nav {background-color: #000; }

/* giving list items the vertical line between links setting the line height makes sure the border (if you set border attribute, instead of floating image) does not extend past the height of the navigation bar when you hover over the link - only way to set height of border is by setting line height */

#dropdown_nav li {line-height: 35px;}
#dropdown_nav li ul li {line-height: 28px;}
#dropdown_nav li img {float: left;}
#dropdown_nav li.login {border-right: 0px solid #c6d5e1; line-height: 35px; float: right; padding-right: 15px; padding-left:15px; }
#dropdown_nav a {text-decoration: none; color: #fff;}
#dropdown_nav a:hover {color: #fff ;}

#dropdown_nav li:hover, li.over {background-image: url(../images/nav-rollover-bkgd.gif); background-repeat:repeat-x; height: 35px;}

#dropdown_nav li li a{ /*duplicated from above, this art - text align and padding will be adjusted per website*/
	text-align: left;
	padding-left:25px;
	height: 28px;
	
}


	
/*setting the line heigh in line 76 prevented us from having to do top and bottom padding, the left padding aligns it under the first leel dropdown_nav in this case*/ 
#dropdown_nav li li {
	background-color: #000;
	width: 230px;
	
	
}

#second li:hover, #second li.over {
	background-image: url(../images/nav-rollover-level2-bkgd.gif);
	background-position: bottom; 
	background-repeat:repeat-x;
	height:28px;
	
}

/*Setting the individual widths of ""home" about us", etc. */
#dropdown_nav ul li a.home {width: 61px;}
#dropdown_nav ul li a#aboutus {width: 81px;}

#dropdown_nav ul li a.services {width: 73px;}
#dropdown_nav ul li a.news {width: 87px;}
#dropdown_nav ul li a.employment {width: 99px;}
#dropdown_nav ul li a.contact {width: 87px;}
#dropdown_nav ul li a.login {width: 58px;}