/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0 auto;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 0px solid gray;
background: none;
overflow: hidden;
}

.mattblackmenu li{
display: inline;
margin: 0;
float: left;

}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding:11px 8px 0px 8px; /*padding inside each tab*/
border-right: 0px solid white; /*right divider between tabs*/
color: white;
background: none;
height:22px;

}

* html .mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding:11px 8px 0px 8px; /*padding inside each tab*/
border-right: 0px solid white; /*right divider between tabs*/
color: white;
background: none;
height:33px;

}
.mattblackmenu li a.last{
	border-right: none;
}
.mattblackmenu li a:visited{
	color: white;
}

.mattblackmenu li a:hover{
background: url(../images/menu/activ.gif) top  center repeat-x; /*background of tabs for hover state */
color:#FFFFFF;

}

.mattblackmenu a.selected{
background: url(../images/menu/activ.gif) top  center repeat-x;/*background of tab with "selected" class assigned to its LI */
color:#000000;
}

.activ {
	text-align:center;
	text-decoration: none;
	font-size:12px;
	color: #CC0033;	
	}
.ddsubmenustyle li a.subactiv {
	background: url(../images/menu/subactiv.gif) bottom left repeat-x;
	color: #FF3333;
}
	
#top_menu {	
	float:left;
	/*position:absolute;*/
	width:430px;
	height:33px;
	padding:0px;
	text-align:right;
	margin-left:20px;
	z-index:1;
	margin-top:176px;
	background: url(../images/menu/back.gif) top left no-repeat;
	}
/* webkit, mobile   -- -  -- */
@media only screen and (max-width: 768px) {
	#top_menu {	
		margin-top:177px;
	}
}
@media only screen and (max-width: 1004px)  {
	#top_menu {	
		margin-top:177px;
	}
}



* html #top_menu {		
	width:450px;
	margin-left:45px;
	margin-top:177px;
	}
.mattblackmenu li.menu_left {
	width:10px;	
	height:32px;
	background: url(../images/menu/left.gif) top left no-repeat;
	}
.mattblackmenu li.menu_right {	
	width:10px;
	height:30px;
	background: url(../images/menu/right.gif) top right no-repeat;
	}

#activ_button {
	background: url(../images/menu/activ_.gif) top  center repeat-x;
	
	}
.spacer{
	width:5px;
	}

.subdotback {
	background: #CCCCCC;
	padding:0px 5px;
	}
	
* html .subdotback {
	width: 160px;
	height: 1px;
	display:inline;
	}
	
.subicon {
	padding:0;
	margin:0;
	background:none;
	}

