/* 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 div
{	position: absolute;
	visibility:hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid white;}
    
#nav-main li {
	float: left;
	list-style-type: none;
	width: 319px;
	height: 40px;
	border: 1px solid #FFFFF;
	position: relative;
	text-align: left;
	vertical-align: middle;
	font: 12px Georgia, Times, Serif;
	border-bottom:0px;
}


#nav-main li#activity  {border-left:0}
#nav-main li#services  {width:318px;}
#nav-main li#archives {border-right:0;}


#nav-main li:hover ul li a{ border-bottom: none; }


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

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

#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;
}

#activity a { 	
    background-color: #a69f00;
    background-image: none;
}
#services a { 
    background-color: #d59709;
    background-image: none;
}
#archives a {     	
    background-color: #b32e27;
    background-image: none;
}


/*
#activity li { background-image: url(Images/main-rule.gif);}
#services li { background-image: url(Images/main-rule.gif); }
#archives li {background-image: url(Images/main-rule.gif);}
*/
#activity li { background-image: url(Images/green/main-rule.gif);}
#services li { background-image: url(Images/orange/main-rule.gif); }
#archives 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%;}

#activity span { background-image: url(Images/green/bg-nav_1.gif) ;}
#activity a:hover span { background-image: url(Images/green/bg-nav_2.gif) ;}
#services span { background-image: url(Images/orange/bg-nav_1.gif) }
#services a:hover span { background-image: url(Images/orange/bg-nav_2.gif) }
#archives span { background-image: url(Images/red/bg-nav_1.gif) }
#archives a:hover span { background-image: url(Images/red/bg-nav_2.gif) }

/* hover styles-subnav */

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

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

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