@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 */

#menu {
margin:0;;
}

ul,li {list-style:none;}

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

ul#nav li, ul#nav li a,ul#nav li, ul#nav li span{
	float:left;
	text-decoration:none;
	color:#fff;
	text-align:center;
}

ul#nav li a{/* pre-load hover image*/
	background:url(images/menu/navtab_current.gif) no-repeat right top;
}

ul#nav li a:link,ul#nav li a:visited{
	background:url(images/menu/navtab.gif) no-repeat right top;
	background-color:#3feccd;
}
ul#nav li a span{	padding:0 50px 0 3px;}

/* hover */
ul#nav li a:hover {visibility:visible;}/* ie needs this*/
ul#nav li a:hover{	
	background:url(images/menu/navtab_current.gif) no-repeat right top;
	background-color:#1e1a19;
	z-index:999;
	position:relative;
}
ul#nav li a:hover span{
	background:url(images/menu/navtab_current_left.gif) no-repeat -15px 0;
	margin-left:-24px;
	padding-left:27px;
	position:relative;
	cursor:pointer;
	cursor:hand;/* invalid css but ie5+ needs it*/
	/*z-index:999;*/
	/*color:red;*/
}
/*...*/
ul#nav li.first a span{
	background:url(images/menu/navtab_first.gif) no-repeat left top;
	padding-left:27px;
}
ul#nav li.last a{	
	background:url(images/menu/navtab_last.gif) no-repeat right top;
	background-color:#3feccd;
}
ul#nav li.last a span{padding-right:35px;}	

/* set current item when its in the middle of the tabs */
ul#nav li#current a,
ul#nav li#current a:hover{
	background: url(images/menu/navtab_current.gif) no-repeat right top;
	background-color:#1e1a19;
}
ul#nav li#current a span,
ul#nav li#current a:hover span{
	background:url(images/menu/navtab_current_left.gif) no-repeat -15px 0;
	margin-left:-24px;
	padding-left:27px;
	position:relative;
	/*color:red;*/
}

/* set current item when its on the far right tab  */
ul#nav li#lastcurrent a,
ul#nav li#lastcurrent a:hover,
ul#nav li.last a:hover {
	background:url(images/menu/navtab_current_last.gif) no-repeat right top;
	background-color:#1e1a19;
}
ul#nav li#lastcurrent a span,
ul#nav li#lastcurrent a:hover span,
ul#nav li.last a:hover span {
	background:url(images/menu/navtab_current_left.gif) no-repeat -15px 0;
	margin-left:-24px;
	padding-left:27px;
	padding-right:35px;
	position:relative;
	/*color:red;*/
}

/* set current item when its the first tab  */
ul#nav li#firstcurrent a,
ul#nav li#firstcurrent a:hover,
ul#nav li.first a:hover{
	background:url(images/menu/navtab_current.gif) no-repeat right top;
	background-color:#1e1a19;
	z-index:999;
}
ul#nav li#firstcurrent a span,
ul#nav li#firstcurrent a:hover span,
ul#nav li.first a:hover span {
	background:url(images/menu/navtab_current_first.gif) no-repeat left top;
	padding-left:27px;
	/*color:red;*/
	z-index:999;
}
ul#nav li#firstcurrent a:hover span,
ul#nav li.first a:hover span{
	margin-left:0
}

ul#nav li #next a:hover span{
	background:url(images/menu/navtab_current_right.gif) no-repeat -15px 0;
	margin-left:-24px;
	padding-left:27px;
	position:relative;
	cursor:pointer;
	cursor:hand;
}

ul#nav li#previous a:hover {
background:url(images/menu/navtab_current_right.gif) no-repeat right top;
	background-color:#1e1a19;
	z-index:999;
	position:relative;
}

ul#nav li#firstprevious a:hover {
background:url(images/menu/navtab_current_right.gif) no-repeat right top;
	background-color:#1e1a19;
	z-index:999;
	position:relative;
}



/* bar under nav */
.bar{
	height:2em;
	background:#1e1a19;
	padding:2px 10px;
	clear:both;
	color:#fff;
	font-weight:bold;
}