body {background-color: #000; font-size: 1em;}

a {text-decoration: none; color: #0040b6;}

h2 {font-size: 1.5em; color: #0083FF; letter-spacing: 1px; text-align: left;}

#container {
width: 900px; 
margin: 15px auto; 
border: black solid 1px; 
position: relative; 
background-color: #fff;}

#topLeft {
position: absolute;
top: 0;
left: -9px;
height: 171px; 
width: 369px; 
padding-top: 10px;
background-color: #0083FF;
background-image:url(pics/logo.png);
background-position: 15px 27px;
background-repeat: no-repeat;
text-align: right; 
padding-right: 10px;
}

#topLeft a {text-decoration: none; 
color: black;
}

#topLeft a:hover {text-decoration: none; 
color: red;
}

#topRight {
position: absolute;
top: 0;
left: 370px;
height: 171px; 
width: 546px;
padding-top: 10px;
background-color: #ccd4f5;
font-family: Verdana; 
font-size: 11px; 
border-left: 1px solid #333;
}

#topRight ul {padding:0px; margin-top: 6px; margin-left: 0; font-size: 13px; font-family: Verdana; font-weight: bold; }
#topRight ul li {vertical-align:bottom; padding: 4px; margin: 0; list-style: none; border-right: 1px solid black; border-bottom: 1px black solid; }
#topRight li a {color: black; text-decoration: none; display: inline; }
#topRight li a:hover {color: #3030F0;}

#topRight #pink {background-color: #F6CCBE; width: 175px; border-top: 1px black solid; margin: 0; }
#topRight #brown {background-color: #A87D4A; width: 155px; margin: 0;}
#topRight #tan {background-color: #DBD6B4; width: 135px; border-bottom: none; margin: 0;}
#topRight #rust {background-color: #E35732; border-top: 1px black solid; width: 180px; margin: 0;}
#topRight #green {background-color: #009F5E; border-bottom: none; width: 160px; margin: 0;}
#topRight #blue {background-color: #84AAFF; border-top: 1px solid black; width: 170px; margin: 0;}

#topRight #pink a:hover {background-color: #F6CCBE; margin: 0; vertical-align: bottom;}
#topRight #brown a:hover {background-color: #A87D4A; margin: 0; vertical-align: bottom;}
#topRight #tan a:hover {background-color: #DBD6B4; margin: 0; vertical-align: bottom;}
#topRight #rust a:hover {background-color: #E35732; margin: 0;}
#topRight #green a:hover {background-color: #009F5E; margin: 0;}
#topRight #blue a:hover {background-color: #84AAFF; margin: 0;}

#shadow_top {
position: absolute;
top: 0; 
left: 0;
margin-top: 181px;
width: 100%;
height: 10px;
background-image: url(pics/shadow_top.png);
}

#content {
margin-top: 205px;
margin-left: 400px;
width: 440px;
height: 400px; 
text-align: justify; 
padding-left: 10px;
font-family: Verdana;
line-height: 16px;
font-size: 70%;}

#content img {border: 1px solid #ddd; float: left; margin: 0 10px 4px 0;}

.shadow_image {
width: 300px;
float: left;
margin: 227px 0 0 30px;
background: url(shadow.gif) no-repeat bottom right;
}

.bottomLeft {
float: left;
width: 300px;
margin: 210px 0 0 30px;
font-family: Verdana;
line-height: 16px;
font-size: 70%;}


.quotebox {
height: 120px; 
width: 250px; 
text-align: right; 
margin-right: 10px;
margin-bottom: 0; 
position: absolute; 
top: 25px; 
left: 205px; 
z-index: 0; 
font-family: Verdana; 
font-size: 12px; 
line-height: 16px;
color: #000;
background-color: #ccd4f5;}

.box1big {
height: 153px; 
width: 120px; 
text-align: right; 
margin-right: 10px;
margin-bottom: 0; 
position: absolute; 
top: 15px; 
left: 230px; 
z-index: 0; 
font-family: Verdana; 
font-size: 12px; 
line-height: 16px;
color: #000;
background-color: #ccd4f5;}

.box1small {
height: 90px; 
width: 100px; 
text-align: right; 
margin-right: 10px;
margin-bottom: 0; 
position: absolute; 
top: 78px; 
left: 385px; 
z-index: 1; 
font-family: Verdana; 
font-size: 12px; 
line-height: 16px;
color: #000;
background-color: #ccd4f5;}

.box2 {
height: 270px; 
width: 390px; 
text-align: left; 
margin-left: 10px; 
position: absolute; 
top: 65px; left: 300px; 
z-index: 1;
font-family: Verdana;
font-size: 11px;
line-height: 16px;
}

#botL {
height: 174px; 
width: 290px; 
padding-top: 10px;
position: absolute; 
top:400px; 
left:0; 
background-color: #ffbb00;
border-top: 1px solid #777;
text-align: right; 
padding-right: 10px;
}

#botL a {
text-decoration: none; 
color: black;
}

#botL a:hover {
background-color: #ffbb00; 
padding: 0;
color: red;
}

#botR {
height: 174px; 
width: 590px;
padding-top: 10px;
position: absolute; 
top:400px; 
left: 300px; 
background-color: #ffaa00;
padding-left: 10px; 
font-family: Verdana; 
font-size: 11px; 
line-height: 16px;
border-top: 1px solid #777;}

#quote {
position: absolute;
top: 415px;
left: 310px;
width: 390px;
height: 130px;
background-color: #ffaa00;
}

#menu  {
position: absolute; 
top: 565px;
left: 310px;
width: 590px;
height: 20px; 
font-family: Verdana; 
font-size: 11px; 
line-height: 16px;
letter-spacing: 1px; 
background-color: #ffaa00;
}

#menu a {
text-decoration: none; 
color: black;
}

#menu a:hover {
background-color: #ffbb00; 
padding: 5px 0;
color: red;
}