.body
{
margin:0px;
padding:0px;
background-image:url(img/bg_gradient.jpg);
background-repeat:repeat-x;
background-color:#3678ac;
}

.main_div
{
width:830px;
color:#ffffff;
font-family:Arial;

}

a.tip1:link {color:#ffffff; font-size:13px; font-family:Arial, Helvetica, sans-serif;     text-decoration:none; font-weight:normal;}
a.tip1:visited {color:#ffffff; font-size:13px;font-family:Arial, Helvetica, sans-serif;     text-decoration:none; font-weight:normal; }
a.tip1:active {color:#ffffff; font-size:13px;font-family:Arial, Helvetica, sans-serif;       text-decoration:none; font-weight:normal; }
a.tip1:hover {color:#000000; font-size:13px; font-family:Arial, Helvetica, sans-serif;      text-decoration:none; font-weight:normal; }

a.tip2:link {color:#227fba; font-size:20px; font-family:Arial, Helvetica, sans-serif;     text-decoration:none; font-weight:normal;}
a.tip2:visited {color:#227fba; font-size:20px;font-family:Arial, Helvetica, sans-serif;     text-decoration:none; font-weight:normal; }
a.tip2:active {color:#227fba; font-size:20px;font-family:Arial, Helvetica, sans-serif;       text-decoration:none; font-weight:normal; }
a.tip2:hover {color:#000000; font-size:20px; font-family:Arial, Helvetica, sans-serif;      text-decoration:none; font-weight:normal; }

.white_div
{
width:825px;
background-color:#FFFFFF;
color:#000000;
margin-top:15px;
}

.logobox
{
width:265px;
border:1px solid #d0c9c9;
margin-top:15px;
}
/* TOP MENU */

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

}

#modernbricksmenu ul{
font: bold 13px 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: 0px;
padding: 0px;
text-transform:uppercase;

}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 6px 15px;
text-decoration: none;
letter-spacing: 1px;
background-image:url(img/off.jpg);
background-repeat:repeat-x;
border-top:1px solid #d7d6d6;
border-left:1px solid #d7d6d6;
border-right:1px solid #d7d6d6;
border-bottom:1px solid #5598cd;
}

#modernbricksmenu a:hover{
background-image:url(img/on.jpg);
background-repeat:repeat-x;
padding-top:6px;
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-image:url(img/on.jpg);
background-repeat:repeat-x;
border-bottom:1px solid #5598cd;
padding-top:6px;
}




/* END OF TOP MENU */



/* RIGHT HAND MENU */

.markermenu{
width: 280px; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
}

.markermenu ul li a{
font: normal 13px Arial;
color: #000000;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
height:19px;
text-decoration: none;
background-image:url(img/rightmenu_bg.jpg);
background-repeat:no-repeat;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 260px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color:#000000;
}

.markermenu ul li a:hover{
color: #ffffff;
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */


/* END OF RIGHT HAND MENU */