
<style type="text/css">
div {font-family:verdana, tahoma, arial; font-size:12px;}
body {background-color:#cdf; color:#347; margin:10px; font-family:verdana, tahoma, arial; font-size:12px;}
A {font-family:verdana, tahoma, arial; color:#33d;}
p {font-family:verdana, tahoma, arial; color:#347; font-size:12px;}
#header {background-color:#347; width:100%; height:77px;}
.heading {font-family:verdana, tahoma, arial; color:#347; font-size:14px; font-weight:bold;}
.menubtn {padding:0px; border:0px; cursor:pointer; margin:0px; }
.image1 {display:inline; margin:10px;}
.lighttext {color:#cdf; font-family:verdana; font-size:11px;}
A .lighttext {color:#cdf; width:300px; font-family:verdana; font-size:11px; text-align:right;}
A .lighttext:hover {color:#fff; width:300px; font-family:verdana; font-size:11px; text-align:right;}
.iframe {border:none; width:100%; height:95px;}
#logo {position:absolute; left:0px; top:0px; background-color:#cdf;}
#wave {position:absolute; left:459px; top:0px;}
#headerinfo {position:absolute; right:0px; top:0px; background-color:#347; color:#cdf; text-align:right; padding-right:5px;}

DIV{-moz-box-sizing:border-box;box-sizing:border-box;}
#mainbody {position:relative; min-width:880px; max-width:1220px; border: 1px solid #555; margin-left: auto; margin-right: auto; 
background-image:url('gra/water.jpg'); 
background-position: 0px 100px;
background-color:#adf;
background-repeat: repeat-x;
}
#menubar {position:absolute; top:78px; background-color:#347;}
#maintable {width:95%;}
.section {margin:20px; padding:10px; background-color:#fff; width:100%; 
border: 2px outset #77a;
color:#347; font-size:12px;
opacity: 0.9;
-moz-opacity:0.9;


</style>
