/*------------------------------------------------------------------ 
# Trams - Header/Navigation Style Sheet
#  
# 2009 OctoberFive Design
# Version:    1.0 
# Last change:   01/12/2009
# -------------------------------------------------------------------*/ 


/*---- Header & Navigation Wrap ----*/
#title_navi_wrap {
	width:900px;
	height:auto;
	margin-bottom:25px;
}
/*------- Header -------*/
#header_blackstrip {
	height:5px;
	background:url(../assets/structural/titlebar_blackstrip.gif) no-repeat;
}
#header {
	height:85px;
	background:url(../assets/structural/titlebar_bg.gif) top no-repeat #000;
	background-position:10px 10px;
}
/*------- Navigation -------*/
#navi {
	height:auto;
	width:900px;
	float:left;
    background:url(../assets/structural/tab_bg_blackgrad.gif) #000 top repeat-x;
}
/*--- Navigation Tabs ---*/
.navi_tab {
	float: left;
	padding: 5px 0 5px 15px;
	margin: 0px 15px 0px 15px;
	background:url(../assets/structural/tab_bg_blackgrad.gif) #000 top repeat-x;
	cursor: pointer;
}
.navi_tab span {
	padding-right:15px;
	padding-top:5px;
}
.navi_tab:hover {
	background:url(../assets/structural/tab_top_left.gif) top left no-repeat #b9d300;
}
.navi_tab:hover span {
	background:url(../assets/structural/tab_top_right.gif) top right no-repeat;
	padding-right:15px;
	padding-top:5px;
}
.navi_tab:hover a {
	color:#000;
	text-decoration:none;
}
.navi_tab a {
	color: #fff;
	text-decoration:none;
}
/*--- Navigation Selected Tab ---*/
.selected {
	cursor:default;
	background:url(../assets/structural/tab_top_left.gif) top left no-repeat #b9d300;
	color:#000000;
}
.selected span {
	background:url(../assets/structural/tab_top_right.gif) top right no-repeat;
	padding-right:15px;
	padding-top:5px;
}
/*--- Sub-Navigation ---*/
#sub_navi_wrap {
	clear: both;
	background:url(../assets/structural/index_subnavi_grad.gif) bottom repeat-x #b9d300;
	padding: 7px 0 2px 30px;
	color:#000;
	min-height:15px;
}
#sub_navi_content ul li {
	display:inline;
	padding-right:20px;
	color:#FFFFFF;
}
#sub_navi_content ul li a {
	color:#000;
}
#sub_navi_content ul li a:hover {
	color:#FFFFFF;
}
#sub_navi_strip {
	width:900px;
	height:5px;
	background:url(../assets/structural/index_greenbar.gif) no-repeat;
}