/* CSS Document */

/***********************************/
/*         MAIN NAVIGATION 
/***********************************/

/*using Sliding Doors technique-where tabs will expand according to the font size**/
/*http://www.alistapart.com/articles/slidingdoors*/

#mainnav {
background-image:url(../images/navbkgd.gif);
height:38px;
line-height:normal;
position:relative;
right:17px;
width:867px;
float:right;
z-index:20;
margin:-35px 0 0 0;
}
	
#mainnav ul {
margin:0 0 0 12px;
padding:0;
position:relative;
list-style:none;
}
	
#mainnav li {
float:left;
margin:0;
padding:0;
margin:0px 0px;
}

#mainnav a {
color:#FFFFFF;
font-weight:800;
text-decoration:none;
padding:0px 14px 30px 14px;
line-height:30px;
margin:0;
text-transform:uppercase;
outline:none;
}
	
#mainnav li a:hover {
float:left;
background:url(../images/nav_rightdoor.jpg) no-repeat right top;
padding:0;
height:38px;
color:#015353;
margin:0;
line-height:30px;
}
	
#mainnav a:hover span {
display:block;
background:url(../images/nav_leftdoor.jpg) no-repeat left top;
padding:2px 14px 30px 14px;/*make sure left, right padding match #mainnav a*/
height:38px;
margin:0;
cursor:pointer;
text-transform:uppercase;
text-align:center;	
float:left;/*only IE5 for Mac will read this line*/
}

#mainnav .selected a  {
float:left;
background:url(../images/nav_rightdoor.jpg) no-repeat right top;
padding:0;
height:38px;
color:#015353;
}

#mainnav .selected a span {
display:block;
background:url(../images/nav_leftdoor.jpg) no-repeat left top;
padding:2px 14px 0px 14px;/*make sure left, right padding match #mainnav a*/
height:38px;
margin:0;
cursor:pointer;
text-transform:uppercase;
text-align:center;	
float:left;/*only IE5 for Mac will read this line*/
}
	
/* Commented Backslash Hack- hides rule from IE5-Mac \*/
#mainnav a {float:none;}
/* End IE5-Mac hack */