/**
  * header only styles
**/
div#hd {
	margin-top: 1em;
	background-image: url(/imgs/site/header/header.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width:100%;
	margin-bottom: 2em;

}
div#hd h2 {
	padding: 32px 0 10px 20px;
}
/**
  * logged in user navigation
**/
div#userNavigation ul {
	margin: 10px 0 0 0;
	padding: 0;
}
div#userNavigation ul li {
	display: inline;
	margin: 0 1px 0 0;
	padding: 0;
}
div#userNavigation ul li a {
	padding: 5px 6px;
	margin: 0;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
div#userNavigation ul li a:hover {
	color: #000000;
	background-color: #CCCCCC;
}

#userNav ul {
	margin:0;
}


/**
  * normal navigation
**/
#navigation ul {
	/*width: 74.7em;*/
	width:100%;
}
#navigation ul li {
	display: inline;
	color:#666;
	padding: 0.3em 0.7em 0.2em 0.5em;
	border-right: 1px solid #CACACA;
	border-left: 1px solid #FFF;
}
#navigation ul li.first {
	/*margin-left: 1.5em;*/
}
#navigation ul li a {
	font-size:99%;
	color:#666;
	background-image: url(../imgs/site/header/bullet-arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	padding-left: 1.2em;
	float: left;
	text-decoration:none;
}

#navigation ul li.last {
	border-right:none;
}

#navigation ul li.current a {
	color:#000000;
}

/*    =====    */

div#navigation {
	/*overflow: hidden;*/
	/*border: 1px solid #CACACA;*/
	/*
	float:left;
	width:100%;
	z-index:100;
	height: auto;
	margin-bottom: 0em;
	margin-right:-200px;
	*/
	padding-top:165px;
	padding-bottom: 3em;
	margin-bottom: 1em;
	border-bottom: 1px solid #900F21;
}
div#navigation ul {
	float:left;
	/*width:100%;*/
	padding:0;
	margin:0;
	z-index:100;
 
}

div#navigation ul ul {
	margin-top:0;
	padding-bottom:0em;
	padding-top:0.5em;
	border-bottom:none;
	z-index: 100;
}
div#navigation ul li {
	float:left;
	width:auto;
	position:relative;
	/*list-style-type:none;*/
	z-index:100;
}


div#navigation li a {
	display:block;
	float:left;
	/*padding-right:2em;
	padding-left:0.5em;
	padding-bottom: 0.15em;*/

}

/* drop down */
div#navigation ul ul {
	background: none;
	border: none;
	width: 12em;
	padding: 0;
	margin: 0;
	border-top: 4px solid #969696;
	border-bottom: 2px solid #969696;
}
div#navigation ul ul li.normal {
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #CACACA;
	padding: 0;
	margin: 0;
	z-index: 100;
}
div#navigation ul ul li.normal a {
	padding:0.5em 0.5em 0.5em 1.2em;
	margin-left: 0.5em;
	color: #969696;
}
div#navigation ul ul li.normal a:hover {
	color: #000;
}
div#navigation ul.top-level a, div#navigation ul.top-level-right a {
	/*width:12em;*/
	/*line-height:1.4em;*/
	
}

ul.top-level, ul.top-level-right, ul.sec-level {
	display:block;
	position:absolute;
	top:-3000px;
	left:-3000px;
}
 /*
*/
div#navigation ul li:hover ul.top-level,
div#navigation ul li:hover ul.top-level-right {
	position:absolute;
	top:1.6em;
	left:0;
}
div#navigation ul li:hover ul.top-level-right {
	margin-left:-4em;
}
/*---NORMAL STATE OF DROPDOWN--*/
div#navigation ul li:hover ul.top-level li.normal, div#navigation ul li:hover ul.top-level-right li.normal {
	width:12em;
	background-color: #EBEBEB;
	/*border-bottom:1px solid #CCC;*/
	border-left: 0;
	border-right: 0;
	clear:both;
}

/*---HOVER OVER STATE OF DROPDOWN--*/
div#navigation ul li:hover ul.top-level li:hover,
div#navigation ul li:hover ul.top-level li:active,
div#navigation ul li:hover ul.top-level-right li:hover,
div#navigation ul li:hover ul.top-level-right li:active {
	background-color:#E3E3E3;
	color: #000000;
}

/*
div#navigation ul li:hover ul.top-level li:hover ul.sec-level, div#navigation ul li:hover ul.top-level-right li:hover ul.sec-level {
	top:0;
	left:100%;
}
div#navigation ul li:hover ul.top-level-right li:hover ul.sec-level {
	left:-100%;
}
div#navigation a:hover {
	text-decoration:none;
	color: #999;
}
*/



div#headGraphicBar {
	height: 75px;
	background-color: #29B713;
	background-image: url(../imgs/site/header/green-bar-end-bg.jpg);
	background-position: left;
	background-repeat: no-repeat;
	text-align: right;
}






/*--- SUB NAVIGATION ---*/

div#sub-navigation ul{
	padding:0;
	margin: 0;
	margin-left: 2.5em;
}

div#sub-navigation li {
	list-style: none;
}

div#sub-navigation li a{
	color:#158F3C;
	display:block;
	font-size: 98%;
	border-bottom: 1px solid #DEDEDE;
	padding: 0.5em 0 0.5em 1.2em;
	background-image: url(../imgs/site/header/bullet-arrow.gif);
	background-repeat: no-repeat;
	background-position: center left;
	
}

div#footer ul{
	float:right;
	width:40%;
}
div#footer li{
	margin-right: 2em;

}