/* CSS Document */

body
{
background-color:#ddeaf2;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#82888c;
font-size:12px;
}

#wrapper
{
width:848px;
height:auto;
margin:0 auto;
background-color:#bae3f7;
border:#ffffff solid 1 px;
border-top:0;
padding-bottom:15px;
}


#wrap
{
width:788px;
height:auto;
padding:15px;
margin:0 auto;
background-color:#FFFFFF;
}

#top
{
width:100%;
height:auto;
}

#logo
{
width:200px;
height:auto;
font-family:"Trebuchet MS";
font-size:28px;
font-weight:bold;
color:#115580;
padding-left:20px;
float:left;
line-height:22px;
}

.slogan
{
color:#a0b9c5;
font-size:12px;
font-weight:bold;
}

#menucontainer
{
width:420px;
height:29px;
float:right;
margin-top:10px;
}

#menu
{
position:relative;
display:block;
font-size:12px;
font-weight:bold;
}

#menu ul
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
}

#menu ul li
{
display:block;
float:left;
}


#menu ul li a
{
display:block;
float:left;
color:#115580;
text-decoration:none;
padding:2px 15px 2px 15px;
}

#menu ul li a:hover,#menu ul li a.current
{
color:#9ca4a6;
background-color:#f2f3f4;
border:#cbd7de solid 1px;
}

#banner
{
width:788px;
height:189px;
background-color:#51dbff;
background-image:url(banner.jpg);
background-repeat:no-repeat;
margin-bottom:1px;
margin-top:8px;
}

#bluebox
{
width:788px;
height:auto;
background-color:#315e7a;
background-image:url(blueboxbg.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:20px;
color:#d2dee5;
}

h1
{
font-family:"Trebuchet MS";
margin:0;
padding:0;
font-size:22px;
font-weight:bold;
color:#ffffff;
padding-top:10px;
padding-bottom:10px;
border-bottom:#4783a8 dotted 1px;
margin-bottom:10px;
}

#left
{
width:330px;
height:auto;
margin-left:30px;
float:left;
}

#right
{
width:330px;
height:auto;
margin-right:30px;
float:right;
}

#button
{
width:96px;
height:18px;
background-color:#a1c837;
border:#ffffff solid 1px;
margin-top:10px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
padding-top:6px;
}

#button a
{
text-decoration:none;
color:#FFFFFF;
}

#button a:hover
{
text-decoration:none;
color:#000000;
}

#content
{
width:100%;
height:auto;
}

#box01
{
width:153px;
height:auto;
padding-left:90px;
margin-top:15px;
padding-right:10px;
padding-top:8px;
padding-bottom:10px;
border-right:#e5e5e5 solid 1px;
float:left;
background-image:url(icon01.jpg);
background-repeat:no-repeat;
margin-right:10px;
font-size:11px;
}

#box02
{
width:153px;
height:auto;
padding-left:95px;
margin-top:15px;
padding-right:10px;
padding-top:8px;
padding-bottom:10px;
border-right:#e5e5e5 solid 1px;
float:left;
background-image:url(icon02.jpg);
background-repeat:no-repeat;
margin-right:10px;
font-size:11px;
}

#box03
{
width:153px;
height:auto;
padding-left:90px;
margin-top:15px;
padding-right:10px;
padding-top:8px;
padding-bottom:10px;
float:right;
background-image:url(icon03.jpg);
background-repeat:no-repeat;
font-size:11px;
}

#footer
{
width:850px;
height:auto;
margin:10px auto;
color:#939a9c;
font-size:11px;
text-align:center;
}

#footer a
{
font-size:12px;
color:#4f5557;
text-decoration:none;
}

#footer a:hover
{
color:#4f5557;
text-decoration:underline;
}