/* CSS Document */

body{
	margin:0;
	padding:0;
	background-image: url(images/background.jpg);
	background-repeat:repeat-y;
	background-position:center;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
}
	
.Body-Bold {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
.Body-Italics {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style:italic; }
.Body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align: left;
}
.graphic-center {margin:0; padding:0; text-align:center; }
.li {font-family:Verdana, Geneva, sans-serif; font-size:13px; text-align:left; }
.Body-small-rev {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF }
.Body-small-rev-bold {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#FFFFFF }
.Body-small {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.Body-small-bold {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color:#006699; }
.h2-centered {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color:#006699; }
.h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color:#006699; text-align:center; }
.centerdiv{ /*IE method of centering a relative div*/
text-align: right;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: margin-top: 10px;
}


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

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

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 0px; /*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: right;
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: #006699; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: #e89d04; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #e89d04;  
border-color: #e89d04;  
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #e89d04;  
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}

/* Follow functionality */
div#footer {position:relative}
.follow-link img {vertical-align:top; margin-bottom:44px}
.follow-close {float:right; text-decoration:none;}
.follow-panel {display:none; border:1px solid #375171; background-color:#fff; position:absolute; left:0px; top:0px; width:140px; padding:3px 0 3px 10px; }
.follow-caption {font-weight:bold; font-size:1.1em; float:left; margin-bottom:5px;}
.follow-panel ul {clear:both; margin:0 !important; text-align:left;}
.follow-panel ul li {width:50%; float:left; display:inline; height:20px; clear:left; }
.follow-panel ul li a {padding:3px 0 3px 20px; text-decoration:none; background:url(../images/rss/icons.gif) no-repeat;}
.follow-facebook a {background-position:0 -178px !important;}
.follow-twitter a {background-position:0 -619px !important;}
/* overrides */
.follow-panel {left:487px; top:170px; }
.follow-caption { font:1.4em "Times New Roman", Times, serif; color:#2f3026; font-variant:small-caps; font-weight:bold; }
.follow-panel ul { font:1.2em "Times New Roman", Times, serif; color:#2f3026; }

</style>