/* CSS Document */

div#NavBar {
	font-family: Arial, Helvetica, sans-serif;
	height: 15px;
	font-size: 11px;
	font-weight: bold;
	overflow: visible;
	background-image:url(../images/navBkg.gif);
	background-repeat: no-repeat;}

div#NavBar ul {padding: 0; margin:0}

div#NavBar li {
	position: relative;
	margin: 0px;
	list-style-type: none;
	float: left;
	padding: 0px;
	line-height: normal;
}

div#NavBar li:hover{
	position: relative;
	margin: 0px;
	list-style-type: none;
	float: left;
	padding: 0px;}

div#NavBar li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	width: auto;}

div#NavBar li a:hover {text-decoration: none;}

div#NavBar ul ul {
	position: absolute;
	display: none;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	border: 5px solid #FFF;}

div#NavBar ul ul li {
	background-color: #333;
	background-image: none;
	border-bottom: 1px solid #dbdcbb;
	color: #000;}

div#NavBar ul ul li a{padding-left: 5px;}

div#NavBar ul ul li a:hover{text-decoration: none;}

/*--------------------------------------------------------Drop Down Menus*/

div#NavBar ul.level1 li.firstItem:hover ul.level2,div#NavBar ul.level1 li.secondItem:hover ul.level2,div#NavBar ul.level1 li.thirdItem:hover ul.level2 {display: block;}

/*--------------------------------------------------------Category Item widths*/

div#NavBar .level1 a{
	padding-top: 6px;
	padding-bottom: 3px;
}

div#NavBar .level1 .firstItem {width: 134px; background-image: url(../images/services.gif); background-repeat: no-repeat;}
div#NavBar .level1 .firstItem a{width: 134px; display: block; height: 15px; text-indent: -5000px;}

div#NavBar .level1 .secondItem {width: 155px;  background-image: url(../images/resources.gif); background-repeat: no-repeat;}
div#NavBar .level1 .secondItem a{width: 155px; display: block; height: 15px; text-indent: -5000px;}

div#NavBar .level1 .thirdItem {width: 109px; background-image: url(../images/about.gif); background-repeat: no-repeat;}
div#NavBar .level1 .thirdItem a{width: 109px; display: block; height: 15px; text-indent: -5000px;}

div#NavBar .level2{text-align: left; font-weight: bold;}

/*--------------------------------------------------------Category Item dropdown menu widths*/

.level2 a{padding-left: 8px;}

div#NavBar .level1 .firstItem .level2 a{width: 180px;}
div#NavBar .level1 .firstItem .level2 li {width: 185px;}
div#NavBar .level1 .firstItem .level2 a:hover {background-color: #868e37; color: #FFF;}
div#NavBar .level1 .firstItem .level2 li a{width: 180px; background-color: #e7e8c9; color: #6d6f71; text-indent:0;}

div#NavBar .level1 .secondItem .level2 a{width: 180px; }
div#NavBar .level1 .secondItem .level2 li {width: 185px; }
div#NavBar .level1 .secondItem .level2 a:hover {background-color: #868e37;color: #FFF;}
div#NavBar .level1 .secondItem .level2 li a{width: 180px; background-color: #e7e8c9; color: #6d6f71; text-indent:0;}

div#NavBar .level1 .thirdItem .level2 a{width: 180px;}
div#NavBar .level1 .thirdItem .level2 li {width: 185px; text-indent:0;}
div#NavBar .level1 .thirdItem .level2 a:hover {background-color: #868e37; color: #FFF;}
div#NavBar .level1 .thirdItem .level2 li a{width: 180px; background-color: #e7e8c9; color: #6d6f71; text-indent:0;}

div#Nav ul li ul.level2{text-align: left;}

/*--------------------------------------------------------Links*/

div#NavBar a {color: #996633;}

div#NavBar a:link {text-decoration: none;}

div#NavBar a:visited {text-decoration: none;}

div#NavBar a:hover {text-decoration: underline;}

/*This callout centers the text onthe top of the navigation bar and keeps the drop down menu items left justified*/

div#NavBar .level1 .firstItem .centerItem, div#NavBar .level1 .secondItem .centerItem, div#NavBar .level1 .thirdItem .centerItem {text-align: left;}