/* main navbar 1.0 
   Based on original from www.nea.org. This is a somewhat 
   optimized version. It has been tested on the following 
   browsers:
   
   IE7.0 build 5730.13
   IE8.0 build 6001.18702
   FF 3.5.5 (official build)
   FF 3.5.6 (official build)
   Opera 9.6.4 build 10487
*/

#nav-main {
	height: 40px; 
	width: 960px;
	position: relative;
	z-index:10000;	
}

    
#nav-main li {
	float: left;
	list-style-type: none;
	width: 319px;
	height: 40px;
	border: 1px solid #fff;
	position: relative;
	text-align: left;
	vertical-align: middle;
	font: 12px Georgia, Times, Serif;
}

#nav-main li:hover span {	 
	 background-position:0 100%;		
	}

#nav-main li#nav-two  {border-left:0}
#nav-main li#nav-three  {width:318px;}
#nav-main li#nav-four {border-right:0;}

#nav-main li:hover a { border-bottom: 1px solid #fff;}
#nav-main li:hover ul li a{ border-bottom: none; }




#nav-main li ul {
	display: none;
	}

#nav-main li ul li {	
    height: auto;
    border: none;
    padding-bottom: 1px;
    background-repeat: no-repeat;
    background-position: 0 100%;
}

#nav-main li:hover ul {
	display: block;
}        

#nav-main a:link, 
#nav-main a:visited {
	text-align: left;
	color: #fff;
	text-decoration: none;
   height: 100%; width: 100%;
}

#nav-main a { 
	cursor:pointer;cursor:hand;
}            
#nav-main li a span {
    height: 100%; width: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block; 
    position: absolute;top: 0;left: 0;
}

#nav-main li li a {
    padding: 5px 0;
    background-repeat: no-repeat;
    background-position: 15px 8px;
}

#nav-two a { 	
    background-color: #a69f00;
    background-image: none;
}
#nav-three a { 
    background-color: #d59709;
    background-image: none;
}
#nav-four a {     	
    background-color: #b32e27;
    background-image: none;
}


/*
#nav-two li { background-image: url(Images/main-rule.gif);}
#nav-three li { background-image: url(Images/main-rule.gif); }
#nav-four li {background-image: url(Images/main-rule.gif);}
*/
#nav-two li { background-image: url(Images/green/main-rule.gif);}
#nav-three li { background-image: url(Images/orange/main-rule.gif); }
#nav-four li {background-image: url(Images/red/main-rule.gif);}


#nav-main li li a:link, 
#nav-main li li a:visited {padding-left: 35px;  width: 284px;}
#nav-main li a {display: block; width: 100%; height: 100%;}

#nav-two span { background-image: url(Images/green/bg-nav.gif) ;}
#nav-three span { background-image: url(Images/orange/bg-nav.gif) }
#nav-four span { background-image: url(Images/red/bg-nav.gif) }

/* hover styles-subnav */
#nav-two ul li a:hover {       
    background-color: #6C6300;
    background-image: url(Images/green/li-hover.gif);   
    color: #E3DC4D; 
}
#nav-two ul li{
    background-color: #A69F00;
}

#nav-three ul li a:hover { 
    background-color: #b25900;
    background-image: url(Images/orange/li-hover.gif);
    color: #f8d789;
}
#nav-three ul li{
    background-color: #D59709;
}
#nav-four ul li a:hover { 
    background-color: #7e0806;
    background-image: url(Images/red/li-hover.gif);
    color: #ffc3b1;
}

#nav-main li a {
	display: block;
	width: 100%; 
	height: 100%;
}