body{
background-color: #3c71a8;
color: black;
font: normal 80% Verdana;
margin-top: 0px;
margin-left: 3px;
padding: 0;
margin-bottom: 0px;
margin-right: 5px;
}

/* ######### Top tabs ######### */

#ddtoptabs{
margin-left: 4px; /*Opera 8 fix -1px*/
padding: 0;
width: 770px;
height: 27px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddtoptabs ul{
font: normal 10px verdana, arial, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddtoptabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.3em;
font-size: 120%;
}


#ddtoptabs a, #ddtoptabs strong{
float:left;
color:#fff;
background: transparent url("tabs_left.gif") no-repeat left top;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
font-size: 10px;
letter-spacing: 1px;
margin-top: 4px;
font-family:  Arial, Verdana, sans-serif;
border-bottom: 1px solid #FFF;
}

#ddtoptabs a span, #ddtoptabs #current span{
display:block;
color:#fff;
background: transparent url("tabs_right.gif") no-repeat right top;
padding:3px 9px 3px 6px;
font-weight:bold;
}

#ddtoptabs a span{
float:none;
}

#ddtoptabs #current a, #ddtoptabs strong{
background-position:0 -300px;
border-bottom: 1px solid #2B6600;
}

#ddtoptabs #current a span, #ddtoptabs #current span{
background-position:100% -300px;
padding-bottom: 1px;	color:#fff;
}

#ddtoptabs a:hover{
background-position:0% -150px;
}

#ddtoptabs a:hover span{
color: #fff;
background-position:100% -150px;
}

#ddtoptabs #current a:hover {	background-position:0% -200px; }
#ddtoptabs #current a:hover span { color: #fff;	background-position:100% -200px; }

#toptabsline{
border: 0px;
margin-bottom: -10px;
width: 100%;
height: 7px;
background: #9f9f9f;
}

#toptabsline2{
margin-bottom: 8px;
font: 80% arial;
color: #fff;
padding: 0;
width: 100%;
height: 12px;
background: #9f9f9f;
}

#topbar{
border: 0px;
width: 100%;
padding: 0px;
height: 60px;
background: url("topbar.jpg") no-repeat center;
}

#leftbar{
float: left;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
width: 200px;
height: 400px;
background: #9f9f9f
}

#rightbar{
float: left;
padding: 0px 0px 0px 20px;
width: 476px;
height: 375px;
}

#rightbar2{
float: left;
padding: 0px 0px 0px 30px;
font: 160% arial;
color: #303030;
width: 200px;
height: 400px;
}

#rightbar3{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
border: 2px solid #3c71a8;
}

#rightbar4{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
border: 2px solid #3c71a8;
}

#whole{
float: center;
margin: 1px 5px 1px 20px;
width: 720px;
height: 410px;
}

#whole2{
float: center;
margin: 0px 0px 0px 0px;
height: 410px;
border: 2px solid #3c71a8;
}

#utlfade{
margin-bottom: 0px;
font: normal 10px verdana, arial, sans-serif;
color: #fff;
padding: 0px 0px 0px 0px;
width: 100%;
height: 30px;
background: #fafafa;
}

#csslibrarytab a, #csslibrarytab strong{
background: transparent url("tabs_left_blue.gif") no-repeat left top;
}

#csslibrarytab a span{
background: transparent url("tabs_right_blue.gif") no-repeat right top;
}

#csslibrarytab a:hover{
background-position:0% -150px;
}

#csslibrarytab a:hover span{
color: #fff;
background-position:100% -150px;
}

#scriptheader h3{
font: bold 20px Arial;
display: inline;
}

#scriptheader h3:before{
content: ":: ";
}