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

/* CSS tabs Document */
/* this layout won't work in ie5 mac unless you give widths to all floats or convert it to inline-block */




* {margin:0;padding:0}/* clear all default paddings and margins*/

/*Naviagaiton  --------------------------------------------------*/

#nav {
	width: 880px;
	height: 100%;
	padding-top:30px;
	padding-left:70px;
	margin: 0px 5px 0px 5px;
	background-image: url(images/nav/nav_back.gif);
	background-repeat: repeat-x;
	}	

ul#main_nav {
	list-style:none;
	}
	
#main_nav li {
	list-style:none;
	}	
	
#main_nav li a {
	color:#ffffff;
	font-weight:bold;
	padding: 0 40px 0 0;
	}	

#main_nav li a:hover {
	color:#72A492;
	}		

ul#main_nav {
	width:80em;
	}/* must have a width as we don't want it to wrap*/

/* mac hide - ie5 hacks \*/
ul#main_nav,ul#main_nav li, 
ul#main_nav a, 
ul#main_nav a span{
	height:1%;
	voice-family: "\"}\""; voice-family:inherit; 
}
ul#main_nav a span{height:auto}
/* end hide - keep above hacks in the same order at all times */

ul#main_nav li, ul#main_nav li a,ul#main_nav li, ul#main_nav li span{
	float:left;
	text-decoration:none;
	text-align:center;
	display: inline;
}





ul#main_nav li a{/* pre-load hover image*/
	background:url(images/nav/center-tab-selected-right.gif) no-repeat right top;
	
}
ul#main_nav li a:link,ul#main_nav li a:visited{
	background:url(images/nav/normal-join.gif) no-repeat right top;
}
ul#main_nav li a span{	padding:10px 0px 2px 0px;}

/* hover */
ul#main_nav li a:hover {visibility:visible}/* ie needs this*/
ul#main_nav li a:hover{	
	background:url(images/nav/center-tab-selected-right.gif) no-repeat right top;
	z-index:999;
	position:relative;
}
ul#main_nav li a:hover span{
	background:url(images/nav/center-tab-selected-left.gif) no-repeat -226px 0;
	margin-left:-24px;
	padding-left:24px;
	position:relative;
	cursor:pointer;
	cursor:hand;/* invalid css but ie5+ needs it*/
	/*z-index:999;*/
	
}
/*...*/
ul#main_nav li.first a span {
	background:url(images/nav/left-end-tab-normal.gif) no-repeat left top;
	padding-left:24px;
}

ul#main_nav li.last a, 
ul#main_nav li.last a:visited{	
	background:url(images/nav/right-end-tab-normal.gif) no-repeat right top;
}

ul#main_nav li.last a span{

	}	

/* set current item when its in the middle of the tabs */
ul#main_nav li#current a,
ul#main_nav li#current a:hover{
	background: url(images/nav/center-tab-selected-right.gif) no-repeat right top;
}
ul#main_nav li#current a span,
ul#main_nav li#current a:hover span{
	background:url(images/nav/center-tab-selected-left.gif) no-repeat -226px 0;
	margin-left:-24px;
	padding-left:24px;
	position:relative;
	color:#72A492;

}



/* set current item when its on the far right tab  */
ul#main_nav li#lastcurrent a,
ul#main_nav li#lastcurrent a:hover,
ul#main_nav li.last a:hover{
	background:url(images/nav/right-end-tab-over.gif) no-repeat right top;

}

ul#main_nav li#lastcurrent a span,
ul#main_nav li#lastcurrent a:hover span,
ul#main_nav li.last a:hover span{
	background:url(images/nav/center-tab-selected-left.gif) no-repeat -226px 0;
	margin-left:-24px;
	padding-left:24px;
	position:relative;
	color:#72A492;
}




/* set current item when its the first tab  */
ul#main_nav li#firstcurrent a,
ul#main_nav li#firstcurrent a:hover,
ul#main_nav li#firstcurrent a:visited,
ul#main_nav li.first a:hover{
	background:url(images/nav/center-tab-selected-right.gif) no-repeat right top;
	/*z-index:999;*/
}



ul#main_nav li#firstcurrent a span,
ul#main_nav li#firstcurrent a:hover span,
ul#main_nav li.first a:hover span {
	background:url(images/nav/left-end-tab-over.gif) no-repeat left top;
	padding-left:24px;
	color:#72A492;
	/*z-index:999;*/
}
ul#main_nav li#firstcurrent a:hover span,
ul#main_nav li.first a:hover span{
	margin-left: 0;
	position:relative;
}
ul#main_nav li#next a:hover span{	background-image:url(images/nav/center-tab-selected-left-next.gif)}
ul#main_nav li#previous a:hover {background-image:url(images/nav/center-tab-selected-left-previous.gif)}