body{
background:url(style/mainbg.gif) #000000;
margin:0;
font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
}

/* previous red: 983D06; blue: 708FA8; yellow: CEB100; brown: 5C4F00*/
/* newer    red: BB5511; blue: AAB3CB; yellow: E0D511; brown: ?????? */

A, A:link{ color:#E0D511; text-decoration:none; }
A:hover{ color:#FFFFFF; text-decoration:underline; }
A:active{ color:#E0D511; text-decoration:none; }
A:active:hover{ color:#FFFFFF; text-decoration:underline; }
A:visited{ color:#DEC133; text-decoration:none; }
A:visited:hover{ color:#FFFFFF; text-decoration:underline; }

#header{
background:url(style/headerbgtop.gif) no-repeat transparent top left;
overflow:visible;
width:800px;
margin-left:auto;
margin-right:auto;
height:150px;
text-align:center;
border:0;
padding:0;
}

.title{
font-size:21px;
font-weight:bold;
letter-spacing:1px;
font-variant:small-caps;
color:#5C4F00;
background:#000000;
width:100%;
}

#wrap{
background:url(style/bg.gif) repeat-x top left;
width:100%;
margin-top:0;
margin-left:auto;
margin-right:auto;
}

#container{
margin-right:25%;
}

#content{
background:transparent;
width:429px;
/*height:400px;*/
/*overflow:hidden; */
margin-top:-7px ! important;
margin-top:0;
padding:21px;
color:#92B3CB;
text-align:justify;
float:right;
}

#navcontainer{
float:left;
width:400px;
margin-top: -18px ! important;
margin-top: 0px;
}
#navcontainertop{
float:right;
margin-top: -17px;
margin-bottom: 10px ! important;
margin-bottom: 17px;
}

#navlist li{
list-style-type: none;
display:inline;
text-align:right;
padding-right: 20px;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:12px;
text-transform:lowercase;
color:#666666;
}

#navlist li a:link { color: #E0D511; text-decoration:none; }
#navlist li a:visited { color: #E0D511; text-decoration:none; }
#navlist li a:hover {color: #BB5511; text-decoration:none; }

/* standardize margins for IE and firefox - SDC */
h1, h2, h3, h4, ul, p {
	margin-top:1.5em;
	margin-bottom:0.4em;
}

h1,h2{
font-size:21px;
font-weight:bold;
color:#BB5511;
text-align:right;
text-transform:lowercase;
}
h4{font-size: 120%;}

.content{
padding:21px;
text-align:justify;
font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
height:auto;
}

#footer{
width:100%;
padding:9px;
text-align:center;
text-transform:lowercase;
font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#333333;
float:right;
}
#footer A{ color:#444444; text-decoration:none; }
#footer A:hover{ color:#666666; text-decoration:none; }

#friends{
position:absolute;
border:3px dashed #92B3CB;
color: #92B3CB;
padding:10px;
width:300px;
left:60px;
top:180px;
}

.friend{
border:2px solid #5C4F00;
color: #5C4F00;
padding:5px;
width:120px;
height:100px;
}