/* ######### CSS for top level tabs ######### */

#navigation {
	margin-left:4px;
	margin-top:50px;
}

.tabsmenuclass ul {
	overflow: hidden;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tabsmenuclass li {
	float: left;
	width:101px;
	height:35px;	
	text-align:center;
	margin-right:3px;
}

/* linked head item */
.tabsmenuclass a {
	display: block;
	width:100%;
	height:100%;
	background:url(nav_item-trans.png) no-repeat;
	text-decoration: none;
	
	cursor:pointer;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
	background:url(nav_item_over-trans.png) no-repeat;
	cursor:pointer;
}


/* ######### CSS for sub menu container below ######### */

/* container */
.tabsmenucontentclass {
	clear: left;
	/*width: 90%;*/
	width: 100%;
	padding: 5px;
}

/* subnaviigation item list */
.tabsmenucontentclass ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

/* navigation item */
.tabsmenucontentclass li{
	float: left;
	margin-right:2.0em;
	padding-right:2.0em;
	background:url(splitter.gif) center right no-repeat;
	border:1px soild black,
}

/* navigation item linked */
.tabsmenucontentclass li a{
	color:#666666;
	text-decoration:none
}

/* navigation item linked hover */

.tabsmenucontentclass li a:hover{
	color:#000;
	padding-bottom:1px;
	border-bottom:1px solid #eaeaea;	
}

.tabsmenucontentclass li a.selceted {
	color:black;
	text-decoration:underline;
}