/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
border-top: 5px solid #666666;
padding: 0px;
width: 900px;
background-color:#EDE6DE;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 60px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
background-color:#EDE6DE;
}

.modernbricksmenu2 li{
display: inline;
margin:0;
padding: 0px;

}

.modernbricksmenu2 a{
float: left;
display: block;
text-decoration: none;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
margin: 0px 20px 0 0; /*Margin between each menu item*/
_margin: -10px 20px 0 0; /*Margin between each menu item*/
padding: 5px 5px;
_padding: -5px 5px;
border-top: 10px solid #EDE6DE;
}

.modernbricksmenu2 a:hover{
background-color: #666666; /*grey color theme*/ 
color: white;
}

.modernbricksmenu2 a:active{ 
color:#FF6600;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;/*currently selected tab*/
border-color: #D25A0B; /*grey color theme*/ 
border-top: 20px solid #EDE6DE;
margin: 0px 20px 0 0; /*Margin between each menu item*/
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu3{

padding: 0px;
width: 450px;
background: transparent;
}

.modernbricksmenu3 ul{
margin:0;
margin-right: 30px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu3 li{
display: inline;
margin:0;
padding: 0px;

}

.modernbricksmenu3 a{
float: right;
display: block;
text-decoration: none;
margin: 0px 10px 0 0; /*Margin between each menu item*/
padding: 0;
border-top: 0px solid white;
}


.modernbricksmenu3 a:hover{
color: white;
}
.modernbricksmenu3 a{ /*currently selected tab*/
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
border-color: #D25A0B; /*grey color theme*/ 
border-top: 0px solid #666666;
margin: 0px 10px 0 0; /*Margin between each menu item*/
}

.modernbricksmenu3 a.selected{ /*currently selected tab*/
color:#FF6600;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
border-color: #D25A0B; /*grey color theme*/ 
border-top: 0px solid #666666;
margin: 0px 10px 0 0; /*Margin between each menu item*/
}

.modernbricksmenu3 a.selected:hover{ /*currently selected tab*/
color:#000000;
}