/* assign background-color for active page */
li a:hover, .home #home a, .best #best a, .things #things a, .shop #shop a, .food #food a, .arts #arts a, .people #people a, .garden #garden a, .town #town a, .well #well a, .opinion #opinion a,.law #law a{
	background-color: #9A2730;
}


.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.mattblacktabs li.selected a{
background:#914248; color: #fff; /* #9A2730 background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}


.ddcolortabs{
width: 940px;
overflow: hidden;
margin-left: 11px;
margin-top: 20px;


}

.ddcolortabs ul{

margin: 0;
padding: 0;

padding-left: 11px; /*offset of tabs relative to browser left edge*/
font: bold 12px  georgia,Times, serif;

list-style-type: none;

}

.ddcolortabs li{
display: inline;
margin: 0;

}


.ddcolortabs a{
float:left;
margin: 0;
padding: 5px 7px 5px 6px; /*padding inside each tab*/

border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #020202; /*background of tabs 606060 (default state)*/
text-decoration: none;
}

.ddcolortabs a span{
float:left;
display:block;


}

.ddcolortabs a span{
float:none;

}

.ddcolortabs a:hover{
color: #000;
text-decoration:none;


}

.ddcolortabs a:hover span{

color: #fff;
text-decoration:none;


}




.ddcolortabs li a{
color: white;


}
.ddcolortabs li a:visited{
color: white;
}


.ddcolortabsline
{
clear: both;
padding: 0;
margin-top: 3px;
width: 900px;
height: 0px;
line-height: 8px;
margin-left: -20px;
}
/*Remove this to remove border between bar and tabs*/


.tabcontainer{
clear: left;
font-size: 15px;
font-family: Georgia, Times New Roman, Times, serif;
padding-top: 1px;
margin-left: 25px;
margin-bottom: 10px;
width:860px; /*width of 2nd level sub menus*/
height:1.6em;} /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/


*html .tabcontainer{
margin-left:0px;
width:900px; /*width of 2nd level sub menus*/
}

.tabcontent{
display:none;
}

.tabcontent a{
text-decoration:none;
color:#000000;

}



.tabcontent a:hover{
color: #B02E38;
text-decoration:underline;

}

.tabcontent a:hover span{

color: #B02E38;
}

.ddcolortabs a.current, #ddcolortabs a.current span{ /*currently selected tab*/
background-color: #9A2730;
color: white;
}








