.modernbricksmenu2{
padding: 0;
width: 90%;
margin-left: auto;
margin-right: auto;
border-bottom: 5px solid #286AA6; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
letter-spacing: 0.15em;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: #286AA6;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 11px 10px;
background-color: #AED0F3; /*Brown color theme*/ 
border-bottom: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #1e90ff; /*Brown color theme*/ 
color: #FFFFFF;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #286AA6;
color: #FFFFFF;
border-color: #1e90ff; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

.contenttab {
padding: 0;
width: 90%;
margin-left: auto;
margin-right: auto;
border-bottom: 5px solid #286AA6; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

.contenttab ul {
	margin: 0 20px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 70%;
	color: #191970; 
	text-transform: uppercase;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	float: left;
	letter-spacing: 0.15em;
}

.contenttab li {
	display: inline;
	float: left;
}

.contenttab a {
	float: left;
	background:url(images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
	color: #191970; 
}

.contenttab a span {
	background: transparent url(images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color: #191970; 
/*	color:#5b8fbe; */
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

.contenttab a:hover { background-position:0% -42px; }
.contenttab a:hover span {	background-position:100% -42px; }

