/* CSS Document */

body
{
background-color:#EFEFEF; margin:0 auto; padding:0; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333}

img {
	behavior: url("pngbehavior.htc");
}

ul, li{ margin:0; padding:0} 
ul{ list-style-type:none;}

h2{ padding:0 0 7px 0; border-bottom:1px dashed #ccc; font:bold 14px Arial, Helvetica, sans-serif;}

#mainbody{ width:770px; margin:0 auto; padding:0; background:#DBF3FF; border:1px solid #999999}

#toplink{ margin:10px 10px 0 0; float:right; color:#655F53; font:normal 11px Verdana, Arial, Helvetica, sans-serif;}
#toplink a{ color:#655F53; text-decoration:none}
#toplink a:hover{ color:#999999; text-decoration:underline}

#logo{ float:left; position: absolute; display:block; width:78px; height:78px; margin: 10px 0 0 10px; background:url(../images/logo.png) no-repeat;}

#name_co{ font:bold 24px Trebuchet MS, verdana; color:#027FFF; position:absolute; float:left; margin:20px 0 0 90px;}

#banner_big{ background:url(../images/raft_banner.jpg) no-repeat; width:100%; height:215px; margin:50px 0 0 0; padding:0;}

#leftpane{ width:170px; float:left; margin:0; padding:0; background:#027FFF;}
#leftpane ul li{ display:block; background:#027FFF; margin:0; padding:0; border-top:1px solid #0099FF}
#leftpane a{ line-height:22px; display:block; padding:0 0 0 10px; margin:0 auto; color:#FFFFFF; text-decoration:none; font-weight:bold}
#leftpane a:hover{ background:#0099FF;}
#leftpane .gr{ color:#CCCCCC}
#leftpane .gr:hover{ color:#cccccc}
#leftpane .gr1{ color:#FFFF9D}
#leftpane .gr1:hover{ color:#FFFF9D}
#leftpane .gr2{ color:#FCC9C9}
#leftpane .gr2:hover{ color:#FCC9C9}
#leftpane .gr3{ color:#C89033}
#leftpane .gr3:hover{ color:#cccccc}
#leftpane .gr4{ color:#F7EC9D}
#leftpane .gr4:hover{ color:#cccccc}




#weltext{ float:right; width:570px; height:20px; background:#76B7F9; padding:0 10px 0 10px; font:bold 14px Trebuchet MS; color:#FFF; }

#container{ float:right; line-height:15px; background:#ffffff; padding: 10px; margin:0; border-left:1px solid #88C4FF; border-bottom:1px solid #88C4FF; text-align:justify; width:570px;}
#container ul li{ padding:2px;}
#container ul li a{ color:#3366FF; text-decoration:none;}
#container ul li a:hover{ color:#3366FF; text-decoration:underline;}
#container a{ color:#3366CC; text-decoration:none}
#container a:hover{ color:#000; text-decoration:underline}
#container img{ float:right; padding:7px; margin:0 auto}
#container .readm{ color:#000000; text-decoration:none; border:1px solid #D6ED50; margin:2px; padding:2px; font-size:10px}
#container .readm:hover { color:#000000;  text-decoration:none; background:#E9FCC0}

#footer{ height:75px; background:#FFF; font:normal 10px Verdana, Arial, Helvetica, sans-serif; width:750px; margin:5px 0 0 0; padding:20px 0 0 20px}
#footer p{ margin:0 auto; padding:3px;}
#footer a{ color:#000000; text-decoration:underline;}
#footer a:hover{ color:#000000; text-decoration:overline;}

/*----------------Form Layout---------------*/

form {
  margin: 0;
  padding: 0;
  min-width: 560px;
  max-width: 570px;
  width: 570px;
}

label{
float: left;
width: 120px;
font-weight: bold;
}

input, textarea{
width: 250px;
margin-bottom: 5px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#800000;
background:#efefef;
border:none;
padding:2px
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#submit{
margin: 5px 0 0 110px;
width: 70px;
background-color:#CCCCCC;
color:#333333;
}

.submitbttn{
margin:5px 0 10px 120px;
width: 70px;
background-color:#CCCCCC;
color:#333333;
}
.submitbttnchk{
margin: 5px 0 0 10px;
width: 70px;
background-color:#CCCCCC;
color:#333333;
}

select{
width: 100px;
margin: 0 0 5px 10px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#989FBC;
background:#2C3144;
border:none;
padding:2px
}

/*End */