body 
{   
background-color:#000000;
font-family:  "Century Gothic"; 
 }

/**************** wrapper **********************/
#wrap
{
margin: 0 auto;
padding: 0 1px;
min-width:876px;
max-width:877px;
}

/**************** banner **********************/
#head 
{
border: 1px  solid  #234b7f;
height: 100px;
}


/**************** content **********************/
#main {
font-size: 16px;
font-weight: 550 ; 
color: #d0d6e2;
text-align: center;
border: 1px  solid  #234b7f;
height: 450px;
}

/**************** left side *******************/
#side 
{
border: 1px  solid  #234b7f;
float:left;
}

/**************** footer ******************************/
#foot 
{
font-size: 12px;
color: #d0d6e2;
text-align:	center;
border: 1px  solid  #234b7f;
}

/**************** misc ********************************/

h1, h2, h3, h4, h5
{
font-weight: 550; 
color: #d0d6e2;
}

/**************** navagation bar **********************/
/**a.link not visited yet
 **a.visited visited
 **a.hover hover
 **a.active as you click *****************************/

ul#navbar
{
margin-left: 0;
padding-left: 0;
margin-top:  10px;
white-space: nowrap;

text-align :center;
font-family: "Century Gothic"; 
font-size: 12px;
font-weight: 900;
}

#navbar li 
{
display: inline;
list-style-type: none;
padding-right: 0px;
}

#navbar li a
{
padding: 2px 15px;
text-decoration: none;
background-color: #000000;
color: #d0d6e2;
border-color: #234b7f;
border-style: solid;

}

#navbar li a:hover 
{
color: #d0d6e2;
border-style: double;
border-color:#cfd6de;
}

#navbar li a:active 
{
color:#234b7f;
border-style: inset;
border-color:#234b7f;
}