body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
text-align: center;

}


h1, h2, h3, h4{
font-family: trebuchet,sans-serif;
color: #050656;
}

h3{ font-size: 12pt;
}

h4{
font-size: 8pt;

}


#centerall {
text-align: center;
}

p,li {
font-family: verdana;
/*font-size: 9pt;*/
text-align: left;
padding: 0 10px;
}

#framecontent {
position: absolute; 
top: 0; 
left: 0; 
width: 100%;
height: 125px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: url(images/bluegradientf.gif) top repeat-x;
color: black;
border: 1px solid black;
}

#framecontenta {
position: absolute; 
top: 0; 
left: 0; 
width: 100%;
height: 25px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: url(images/bluegradientrta.gif) repeat-x;
}

#framecontentb {
position: absolute; 
top: 130px; 
left: 0; 
width: 100%;
height: 50px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: url(images/bluegradientb.gif) repeat-x;

}


#maincontent {
position: fixed; 
top: 130px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: auto; 
margin-left: auto;
margin-right: auto;

}

.innertube {
margin: 30px ; /*Margins for inner DIV inside each DIV (to provide padding)*/
text-align: center;
border-left: 2px solid #C6D6EF;
border-right: 2px solid #C6D6EF;

}

.innertube2 {
margin-top: 25px; /*Margins for inner DIV inside each DIV (to provide padding)*/
text-align: center;

}


* html body{ /*IE6 hack*/
padding: 130px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}


#modernbricksmenu2{
position: absolute; 
top: 115px; 
left: 0; 
width: 100%; 
padding: 0px;
overflow: hidden;
/*border-top: 5px solid #84B5E7 #FFFFFF #95BBE7 #CCCCFF transparent;*/ /*Brown color theme*/ 
background: transparent;
z-index: 1000;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
z-index: 1000;

}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
/*border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;*/

z-index: 1000;

}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 5px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #1F489E; /*#4700B8; Brown color theme*/ 
border-top: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
z-index: 1000;

}

#modernbricksmenu2 a:hover{
background-color: #C0C0C0; /*Brown color theme*/ 
color: black;
z-index: 1000;

}

#modernbricksmenu2 #current a { /*currently selected tab*/
background-color: #ADCEEF;/* #E3E3FF;  #CCCCFFBrown color theme*/ 
color: black;
/*border-color: #CCCCFF; Brown color theme*/ 
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black; 
z-index: 1000;

}

/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbroundboxcright { background: url(images/nt.gif) repeat; }

.rbtop div {background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 10px 7px;}
.rbroundbox { width: 90%; margin: 20px auto 10px auto; }

.rbcontentcright {margin: 0px 10px;}
.rbroundboxcright { width: 40%; margin: 0 auto 10px auto; }


.cssform p{
text-align: left;
font-size: 0.8em;
/*width: 80%;*/
clear: right;
margin-top: 5px;
padding: 8px 0 8px 0;
padding-left: 300px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}
.address label{
font-weight: bold;
float: none;
margin-left: -455px; /* width of left column*/
width: 450px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform label{
text-align: left;
font-weight: bold;
float: left;
margin-left: 15px; /*width of left column*/
width: 255px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#b{ 
font-weight: bold;
float: left;
margin-left: 50px; 
width: 220px; 
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}
/*
.cssform textarea{
width: 250px;
height: 150px;
}*/

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html*/


* html .threepxfix{
margin-left: 3px;
}
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbg.gif) repeat-x left top;
}

.xsnazzy h1, .zsnazzy h1 {
text-align: left;
margin: 0; 
font-size:1.2em; 
padding:5px 10px 5px 10px; 

/*border-bottom:1px solid #444;*/


}
.xsnazzy p, br, li .zsnazzy p, li{
background: #F5F5F5;
margin:0; 
text-align: left;
padding: 10px 10px; 
font-size: 0.8em;
}

.xsnazzy ul, li .zsnazzy ul, li {
background: #F5F5F5;
margin: 0 0 0 0 ; 
padding: 0px 10px 0px 30px;
font-size: 0.9em;
}




.xsnazzy {
background: transparent; 
width:80%; 
/*float:left; */
margin: 3px 3px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;

}
.xsnazzy2 h1, .zsnazzy2 h1 {
text-align: left;
margin:0; 
font-size:1.2em; 
padding:5px 10px 5px 10px; 

/*border-bottom:1px solid #444;*/


}

.xsnazzy2 {
background: transparent; 
width:40%; 
/*float:left; */
margin: 10px 3px;
margin-left: auto;
margin-right: auto;

}
.xsnazzy2 p, .zsnazzy2 p {
background: transparent;
margin:0; 
text-align: left;
padding:10px 10px; 
font-size: 0.8em;
}

.xtop, .xbottom {
text-align: center;
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
text-align: center;
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#F5F5F5; /*#fff transparent*/ 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#1F489E;
color:#fff;
}
.color_b {
background: #F5F5F5; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}
.color_e {
background:transparent; 
color:#000;
}