@charset "UTF-8";
/* CSS Document */

body {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:80%;
background-color:#eee;
}



#container {
width:773px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
border:5px solid #000;
}

#header {

}

#date {
font-size:120%;
padding:6px;
background-color:#000000;
color:#CCCCCC;
}


#bodywrapper {
background-color:#0066ff;
}

/* --------------------- BEGIN ---------------------*/
/* ----------------- MENU STYLES -------------------*/
#menu {
float:left;
width:190px;
background-color:#0066ff;
padding:20px;
}
#menu ul {
list-style:square;
color:#fff;
}

#menu ul li {
margin-left:-20px;
margin-bottom:12px;
}


#menu a:link, #menu a:visited, menu a:active {
text-decoration:none;
color:#fff;
padding:3px;
}

#menu a:hover {
text-deocration:none;
background-color:#CC0000;
color:#fff;
padding:3px;
}



#contentarea {
margin-left:230px;
width:500px;
background-color:#ffffff;
padding:20px;
}

h2 {
margin-top:0px;
}

.imgblock_lefttop {
float:left;
padding-right:12px;
padding-bottom:12px;
font-size:80%;
font-style:normal;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#777;
}

.imgblock_lefttop span {
font-weight:bold;
color:#000;
}

.imgframe {
padding:4px;
border:1px solid #ccc;
}

.imgrighttop {
float:right;
margin-left:10px;
margin-bottom:10px;
}

.quote {
width:200px;
float:right;
padding:6px;
border:1px dashed #06f;
color:#06f;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:100%;
margin:12px;
}

.author {
margin-top:-15px;
color:#666666;
font-style:italic;
font-size:90%;
}
.author span {
color:#333;
font-weight:bold;
}

#footer {
clear:both;
text-align:right;
padding:10px;
background-color:#000;
color:#ccc;
}

table.chart{
border-collapse:collapse;
border:1px solid #06f;
}

table.chart tr td {
border-collapse:collapse;
padding:5px;
border:1px solid #06f;
}