/* body */
body {
text-align :justify;
width: 100%;
font-family: Century Gothic, Georgia, Tahoma, Verdana, Sans-Serif;
font-size : 11px;
line-height:15px;
color: #b3b3b3;
background-color:#ffffff;
background-image:url(bg.jpg);
background-repeat:repeat;
overflow-x:hidden;
}
/* ids */ 
#wrapper {
width: 600px;
padding: 0px;
margin: 0px auto;
margin-top: 10px;
}
#header{
left:0px;
top: 0px;
}
#header-image{
position:absolute;
left:695px;
top:70px;
}
#content{
left:0px;
top: 332px;
width:650px;
margin: 0px auto;
background-color:#ffffff;
background-image:url(content-bg.jpg);
background-repeat:repeat;
}
#stats {
font-family:Georgia, Tahoma, Verdana, Sans-Serif;
font-style:italic;
background-image:url(stats-bg.jpg);
background-repeat:repeat;
background-color:#f9f9f9;
width:350px;
height:100px;
margin: 25px 0px 0px 150px;
padding: 15px 0px 0px 0px;
}
#footer{
font-family:Georgia, Tahoma, Verdana, Sans-Serif;
font-style:italic;
background-image:url(footer.jpg);
background-position:bottom;
background-repeat:repeat;
background-color:#f9f9f9;
text-align:center;
width:650px;
height:200px;
margin: 0px 0px 25px 0px;
padding: 10px 0px 10px 0px;
}
p {
padding: 5px 15px ;
}
/* ul, li */
ul{
padding: 0px 0px 5px 50px;
}
ul li {
list-style-image:url(bullet.png);
padding: 10px 0px 0px 0px;
}
ol li{
padding: 3px 0px;
}
/* links */
a:link, a:active, a:visited{
font-family: Georgia, Tahoma, Verdana, Sans-Serif;
font-style:italic;
color:#8cc6c3;
border-bottom:1px solid #d0d0d0;
text-decoration:none;
}
a:hover {
color:#3b3b3b;
border-bottom:1px dotted #1d4b5a;
text-decoration:none;
}
/* text */
b, strong {
color : #659290;
}
i, em {
color : #444442;
}
u {
color : #341711;
}	
input, textarea, option, select, code {
font-family:Georgia, Verdana, Tahoma, Sans-Serif;
font-size : 11px;
font-style: italic;
border-left: 10px solid #659290;
border-top: 1px solid #659290;
border-right: 1px solid #659290;
border-bottom: 1px solid #659290;
background-color:#f9f9f9;
color: #b3b3b3;
padding: 0px 0px 0px 10px;
}
code{
display: block;
width: 70%;
border-top: 1px solid #9e8d4a;
text-align: center;
margin: 20px 0px 20px 50px;
padding: 10px 10px 10px 10px;
}
/* titles */
.title, h1 {
text-align: right;
font-family: Georgia, Verdana, Tahoma, Sans-Serif;
font-size: 32px;
color:#8cc6c3;
border-bottom:0px dotted #888984;
width: 90%; 
font-weight: normal;
padding: 10px 20px 2px 0px;
margin: 0px 0px 0px 0px;
letter-spacing: 5px;
font-style: italic;
line-height: 17px;
text-transform:lowercase;
}
.title2, h2 {
text-align: center;
font-family:Georgia, Verdana, Tahoma, Sans-Serif;
font-size: 18px;
color:#659290;
border-bottom:2px dotted #d0d0d0;
width: 100%; 
font-weight: normal;
padding: 0px 0px 2px 0px;
margin: 10px 25px 0px 0px;
letter-spacing: 3px;
font-style: italic;
line-height: 12px;
text-transform:lowercase;
}
.title3, h3 {
text-align: left;
font-family:Georgia, Verdana, Tahoma, Sans-Serif;
font-size: 14px;
color:#d0d0d0;
border-bottom:0px dotted #888984;
width: 100%; 
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 10px;
letter-spacing: 5px;
font-style: normal;
line-height: 8px;
text-transform:lowercase;
}
/*codes*/
p.codes{
text-align:center;}
p.icons{
text-align:center;}
/*join form*/
fieldset {
border: 0;
margin: 0 0 12px 0;
padding: 2px;
}
fieldset label {
float: left;
width: 25%;
}
fieldset input.input1, fieldset select, fieldset option, {
float: left;
margin: 0 1%;
width: 48%;
}
fieldset legend {
width:95%;
font-family:Georgia, Verdana, Tahoma, Sans-Serif;
border-bottom:2px dotted #d0d0d0;
margin:0px 0px 0px 10px;
}