@charset "utf-8";
/* CSS Document */
/* Dark gold #9B821B; Maroon #331111 Menu Gold #E0C141 */


body {background-color: #000000; margin:0px; font-size:14px}
a:link {text-decoration: none; color:#FFFFFF}
a:visited {text-decoration: none; color:#FFFFFF}
a:hover {text-decoration: underline; color:#FFFFFF}
a:active {text-decoration: none; color:#FFFFFF}

#wrapper {width:900px; margin:auto; padding:0px 20px; background:url(../images/background.gif) repeat-y}
#header {height:100px}
#menu {line-height:40px; color:#FFFFFF; font-weight:bold; text-align:center; border-top: solid 4px #E0C141; border-bottom:solid 4px #E0C141;background-color:#331111; font-size:14px}
div#menu a:link {text-decoration: none; color:#FFFFFF}
div#menu a:visited {text-decoration: none; color:#FFFFFF}
div#menu a:hover {text-decoration: none; color:#FFFFFF}
div#menu a:active {text-decoration: none; color:#FFFFFF}

#content {}

#leftnav {width:180px; color:#FFFFFF; text-align:center; background-color:#331111}
div#leftnav a:link {text-decoration: none; color:#FFFFFF}
div#leftnav a:visited {text-decoration: none; color:#FFFFFF}
div#leftnav a:hover {text-decoration: none; color:#FFFFFF}
div#leftnav a:active {text-decoration: none; color:#FFFFFF}
div#leftnav ul{color:#ffffff; padding:0px 10px 0px 10px;margin:20px 0px 0px 0px;list-style-type:none;}
div#leftnav li {cursor: pointer; line-height:35px;}
div#leftnav li:hover {color:#ffffff;font-weight:bold; background-image:url(../images/redline.gif)}

#right {height:400px}
#rightcontent {padding:20px 40px; background-color:#FFFFFF; width:640px; height:340px; overflow:auto; margin-bottom:25px}
div#rightcontent a:link {text-decoration: none; color:#331111}
div#rightcontent a:visited {text-decoration: none; color:#331111}
div#rightcontent a:hover {text-decoration: underline; color:#331111}
div#rightcontent a:active {text-decoration: none; color:#331111}

.leftfloat {float:left;}
.rightfloat {float:right;}
.clear {clear:both;height:0px;font-size:0px;line-height:0px;}

.maroon {color:#331111}
.darkgoldtext {color:#9B821B}
.boldital {font-style:italic; font-weight:bold}
.ital {font-style:italic}

#next {color:#9B821B; text-align:right; font-style:italic; font-weight:bold; padding:0px 25px;}
div#next a:link {text-decoration: none; color:#9B821B}
div#next a:visited {text-decoration: none; color:#9B821B}
div#next a:hover {text-decoration: underline; color:#331111}
div#next a:active {text-decoration: none; color:#9B821B}

h2 {color:#9B821B; font-size:20px; font-style:italic; font-weight:bold; margin-top:0px}
h3 {color:#9B821B; font-size:14px; font-weight:bold; margin-top:0px; text-align:center}
.tinytext {font-size:9px}

.faqsstyle{ cursor: hand; cursor: pointer; font: bold 14px; margin: 10px 0;}
.openfaqscontent{color:#9B821B; font-style:bold}
.closedfaqscontent{color:#9B821B; font-style:bold}

#didyouknow {float:right; width:195px; border: solid 2px #E0C141; color:#9B821B; font-size:12px; margin-right:-25px; padding:8px}
#didyouknow ul {margin:0px; padding:0px 0px 0px 20px}
#didyouknow ul li {margin:0px; padding: 5px 0px}

<style type="text/css">

#modernbricksmenu{
padding:0;
width: 100%;
background: transparent;
voice-family: "\"}\"" ;
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}