body {
background-color: #333; 
font-family: "tahoma"; 
text-align:justify;
font-size: 10px; 
color: #888;
margin: 0px; 
padding: 0px;
}
#container{
margin: 0 auto;
margin-top:0px;
width:850px;
background-color:#333;
}
#header{
clear:both; 
position: relative; 
margin: 0 auto; 
text-align:center;
height:100px;
background-color:#dadada;
background-image: url('images/header.png');
}
#title{
clear:both; 
position: relative; 
margin: 0 auto; 
height:50px; width:850px;
font-family: geogia;
font-style:italic;
font-size: 60px; 
color: #fcebcf;
text-shadow: #253a47 1px 1px;
text-align:left;
padding-left:50px;
}
#navigation{
clear:both; 
position: relative; 
margin: 0 auto; 
height:30px; width:850px;
}
a.top:link, a.top:active, a.top:visited{
font-family: "arial"; 
text-align:center;
padding:7px; margin:1px;
font-size: 15px; 
color: #fcebcf;
text-shadow: #253a47 1px 1px;
display:block;
float:left;
width:60px;
margin-top:0px;
}
a.top:hover{
font-family: "arial"; 
text-align:center;
padding:7px; margin:1px;
font-size: 15px; 
color: #fcebcf;
text-shadow: #253a47 1px 1px;
display:block;
float:left;
width:60px;
margin-top:0px;
}

#welcome{
clear:both; 
position: relative; 
margin: 0 auto; 
height:50px; width:850px;
text-align:left;
}
.welcomebox{
color:#88;
width:450px;
background-color:#555;
float:right;
margin-top:-60px;
padding:7px;
margin-right:50px;
}
#sidebar{
float: right;
width: 213px;
padding:0px;
margin:4px;
}
#content{
float: left;
width: 615px;
padding:4px;
margin:4px;
margin-right:0px;
background-color:#444;
}
#footer{
clear:both;
text-align:center;
padding:5px;
margin:4px;
background-color:#444;
height:30px;
}
a.foot:link, a.foot:active, a.foot:visited{
font-family: "arial"; 
text-align:center;
padding:7px; margin:1px;
font-size: 15px; 
line-height:15px;
color: #8db9ba;
display:block;
float:right;
width:100px;
}
a.foot:hover{
font-family: "arial"; 
text-align:center;
padding:7px; margin:1px;
font-size: 15px;
line-height:15px;
color: #f9af61;
display:block;
float:right;
width:100px;
}

.box{
padding:3px;
margin:0px;
background-color:#444;
}

a:link, a:active, a:visited {
text-decoration: none; 
color: #8db9ba; 
}
a:hover {
color: #eee;
text-decoration: none; 
}

a.nav:link, a.nav:active, a.nav:visited{
font-family: "tahoma"; 
text-align:left;
padding:3px; margin:1px;
padding-left:10px;
font-size: 10px; 
color: #888;
background-color:#555;
display:block;
}
a.nav:hover{
font-family: "tahoma"; 
text-align:left;
padding:3px; margin:1px;
padding-left:10px;
font-size: 10px; 
color: #999;
background-color:#666;
display:block;
}

h1{
color: #fb9998; 
font-size: 10pt; 
font-weight: bold; 
padding-left:2px; 
background-color: #f76866; 
display:block;
text-transform: lowercase; 
margin:0px; padding:2px;
}

h2{
color: #fbca96; 
font-size: 10pt; 
font-weight: bold; 
padding-left:2px; 
background-color: #f9af61; 
display:block;
text-transform: lowercase; 
margin:0px; padding:2px;
}

h3{
color: #b3d8d9; 
font-size: 10pt; 
font-weight: bold; 
padding-left:2px; 
background-color: #8db9ba; 
display:block;
text-transform: lowercase; 
margin:0px; padding:2px;
}

h4{
color: #466476; 
font-size: 10pt; 
font-weight: bold; 
padding-left:2px; 
background-color: #253a47; 
display:block;
text-transform: lowercase; 
margin:0px; padding:2px;
}

b {color:#8db9ba;}
i {color:#f76866;}
u {color:#f9af61;}

blockquote{
padding:6px;
background-color: #555; 
border-left:10px solid #f9af61;
color:#888;
}

input, submit, textarea{
padding:3px; margin:0px;
background-color: #555; 
border:1px solid #555;
color:#888;
font-family: "tahoma"; 
font-size: 10px; 
width:200px;
}
