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

#nav {
	float:left;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size:14px;
	border-top:thick #CCCCCC solid;
} 

#nav ul { 
	float:left;    
	padding: 0;     
	margin: 0;     
	list-style: none; 
	font-size:14px;
} 



#nav a {
	display: block;
	color:#d6d6d6;
	text-align:center;
	width:139px;
	text-decoration:none;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
} 

#nav li {
	float: left;
	background:url('images/main.jpg') no-repeat;
	width:139px;
	height:25px;
	border-right:#CCCCCC solid 1px;
	font-size:14px;
}

.textlink {
font-size:12px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}


#nav li ul {     position: absolute;  left: -999em; z-index:10;} 
#nav li:hover ul {     left: auto; width:139px;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; width:139px;} /*sucker fish for ie6, */


#nav li.green:hover a.green_s, #nav li.sfhover a.green_s, #nav li.green a.active {background:url('images/green_s.jpg') no-repeat;} /*sucker fish for ie6, sets colour on main nav*/
#nav li.orange:hover a.orange_s, #nav li.sfhover a.orange_s, #nav li.orange a.active {background:url('images/orange_s.jpg') no-repeat;} /*sucker fish for ie6, sets colour on main nav*/
#nav li.red:hover a.red_s, #nav li.sfhover a.red_s, #nav li.red a.active {background:url('images/red_s.jpg') no-repeat;} /*sucker fish for ie6, sets colour on main nav*/
#nav li.yellow:hover a.yellow_s, #nav li.sfhover a.yellow_s, #nav li.yellow a.active {background:url('images/yellow_s.jpg') no-repeat; color:#000000;} /*sucker fish for ie6, sets colour on main nav*/
#nav li.purpleleft:hover a.purpleleft_s, #nav li.sfhover a.purpleleft_s, #nav li.purpleleft a.active {background:url('images/purple_s.jpg') no-repeat;} /*sucker fish for ie6, sets colour on main nav*/
#nav li.grey:hover a.grey_s, #nav li.sfhover a.grey_s, #nav li.grey a.active {background:url('images/grey_s.jpg') no-repeat; color:#000000;} /*sucker fish for ie6, sets colour on main nav*/

#nav li.green ul li { background:url('images/green_light.jpg') no-repeat; 	font-family:Arial, Helvetica, sans-serif;}
#nav li.green ul li a:hover {background:url('images/green_dark.jpg') no-repeat; font-family:Arial, Helvetica, sans-serif;}

#nav li.orange ul li { background:url('images/orange_light.jpg') no-repeat; }
#nav li.orange ul li a:hover {background:url('images/orange_dark.jpg') no-repeat;}

#nav li.red ul li { background:url('images/red_light.jpg') no-repeat; }
#nav li.red ul li a:hover {background:url('images/red_dark.jpg') no-repeat;}

#nav li.yellow ul li { background:url('images/yellow_light.jpg') no-repeat; color:#000000; }
#nav li.yellow ul li a:hover {background:url('images/yellow_dark.jpg') no-repeat; color:#000000;}

#nav li.grey ul li { background:url('images/grey_light.jpg') no-repeat; color:#000000; }
#nav li.grey ul li a:hover {background:url('images/grey_dark.jpg') no-repeat; color:#000000;}

#nav li.purpleleft ul li { background:url('images/purple_light.jpg') no-repeat; }
#nav li.purpleleft ul li a:hover {background:url('images/purple_dark.jpg') no-repeat;}