/* layout styles */


body {
background-color: #fff;
margin:30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
font: normal 13px "Trebuchet MS", Tahoma, Arial, sans-serif;
}

.clearBoth {
clear: both;
}

.clearLeft {
clear: left;
}

div#centeringWrapper {
width: 900px;
background-color: #fff;
padding: 20px;
margin: 0px;
position: relative;
margin: 0px auto;
text-align: left;
}

div#topBorder {
width: 640px;
height: 3px;
background-color: #00ccff;
margin-bottom: 2px;
}

div#outerDarkBox {
width: 604px;
padding: 18px 18px 0px 18px;
height: 2200px;
background-color: #333;
position: relative;
}
div#outerDarkBox p.footer {
background-color: #333;
position: absolute; 
bottom: 10px;
left: 160px; 
text-align: center; 
color:#fff;
}

div#outerLightBlueBox{
width: 100%;
height: 515px;
background-color: #00ccff;
margin: 0px;
padding: 95px 0px 0px 0px;
position: relative;
}

#outerLightBlueBox h1 {
position: absolute;
top: 23px;
right: 0px;
width: 307px;
height: 34px;
background-image: url(/images/header-bg.jpg);
margin: 0px;
padding: 0px;
font-size: 22px;
color: #333;
padding: 8px 0px 0px 20px;
}

div#innerCyanBox {
background-color: #9fecff;
position: absolute;
left: 6px;
top: 95px;
width: 22px;
height: 515px;
}

div#whiteBox {
width: 600px;
background-color: #fff;
margin: 0px 0px 0px 22px;
position: relative;
padding: 40px 20px 80px 28px;
text-align: left;
color: #333;
}

div#whiteBox ul#nav {
background-color: #333;
width: 550px;
height: 37px;
border-top: 5px solid #cc6600;
position: absolute;
top: -6px;
left: 0px;
margin: 0px;
padding-left: 0px;
text-align: left;
}

div#whiteBox ul#nav li {
background-color: #333;
list-style-type: none;
display: block;
float: left;
height: 14px;
padding: 9px 0px 0px 0px;
margin: 0px;
text-align: left;
}

div#whiteBox ul#nav li a, div#whiteBox ul#nav li a:visited {
display: inline-block;
float: left;
width: 100%;
color: #fff;
font: normal 12px Georgia, "Times New Roman", sans-serif;
padding: 0px 11px 0px 13px;
border-left: 1px solid white;
text-decoration: none;
}
div#whiteBox ul#nav li a:hover {
text-decoration: none;
color: orange;
}

div#whiteBox div#jerryPic {
position: absolute;
top: -63px;
right: -185px;
background-color: #fff;
color: #CC6600;
font-weight: bold;
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
}


div#whiteBox div#jerryPic span {
display: block;
padding: 6px 0px 6px 0px;
border-bottom: 4px solid #cc6600;
width: 301px;
margin-left: 6px;
}

div#whiteBox div.margins {
width: 490px;
}

div#whiteBox h2 {
font-size: 20px;
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #00ccff;
font-weight: normal;
margin: 20px 0px 20px 0px;
}

div#whiteBox p, div#whitebox ul, div#whiteBox ol {
padding-left: 12px;
}

div#whiteBox div.margins a, div#whiteBox div.margins a:visited {
color: #336699;
background-color: #fff;
}
div#whiteBox div.margins a:hover {
color: #cc6600;
background-color: #fff;
}