body {
margin: 0px;
padding: 0px;
background-image: url(img/bg.gif);
background-position: top;
background-repeat: repeat-x;
font-size: 11px;
font-weight: none; 
color:#252525;
font-family: Arial; 
background-color: transparent;
cursor: crosshair}


blockquote {
background: url(img/bq.gif);
background-repeat : no-repeat;
color: #000;
height : 250px;
width: 500px;
}

.stat
{
	padding-right: 100px;
}

textarea, input, select
{ background-color:#ccc;
  font-family: arial;
  font-size: 10pt;
  border-right: 2px solid #999;
  color:#000;
  border-bottom:2px solid #999;
  border-top:2px solid #999;
  border-left:2px solid #999;
  padding-left:5;
  padding-right:2;
  padding-top:2;
  padding-bottom:2; } 



A:link{ text-decoration: none; 
font-variant:small-caps;
color:#630505; 
cursor: crosshair; 
font-weight: bold;
font-family: Verdana;  
font-size:12px;
}

A:visited{ text-decoration: none; 
font-variant:small-caps;
color:#630505; 
cursor: crosshair; 
font-weight: bold;
font-family: Verdana;  
font-size:12px;
}

A:active{ text-decoration: none; 
color:#630505; 
font-variant:small-caps;
cursor: crosshair; 
font-weight:bold;
font-family: Verdana;  
font-size:12px;
}

A:hover{ text-decoration:none;

font-variant:small-caps;
border-width: 1px;
color:#fff;
cursor: crosshair;
font-weight: bold;
font-family: verdana; 
font-size:12px; 
background: #630505;}

h1
{
background : url(img/h1.gif);
background-position : left center;
background-repeat : no-repeat;
color : #000;
height : 65px;
padding-top : 30px;
margin-bottom : -2px;
padding-left : 40px;
font : 14pt Curier-New;
font-weight: bold;
font-variant: small-caps;
}

h2 { font-family: Curier-New; 
font-size: 12px;
font-weight: none;
color: #630505;
font-variant: small-caps;
border-bottom: 3px solid #000;
text-align: left;}

h3 { font-family: Curier-New; 
font-size: 10px;
font-weight: none;
color: #630505;
font-variant: small-caps;
border-bottom: 1px solid #000; 
text-align: left;}

#container {
margin: 0px ;
padding: 0px;
width: 800px;
}
#header {
width: 384px;
height: 450px;
background: url(img/header.gif) no-repeat;
background-position: top;
float: right;
}

#leftside {
width: 416px;
float: right;
background: transparent;
}

#text {
width: 100%;
background: #fff;
float: left;
margin-left: 50px;
}
#footer {
width: 100%;
height: 252px;
clear: both;
background: url(img/footer.gif) no-repeat;
background-position: bottom;
}



.img {
border: 5px #ccc solid;
margin: 5px;
	}

.img:hover {
	border: 5px solid #000;}

.codesort img { 
border: 5px #ccc solid;
margin: 5px;
}

.codesort img:hover { 
	border: 5px solid #000;}
}


strong {
color: #999;
}


#menu {
width: 416px;
height: 450px;
}

#menu a {
text-decoration: none;
display: block;
float: left;
}

var {
visibility: hidden;
}

a.one {
width: 416px;
height: 60px;
background: url(img/about_1.gif) no-repeat 0px 0px;
}
a.two {
width: 416px;
height: 63px;
background: url(img/codes_1.gif) no-repeat 0px 0px;
}
a.three {
width: 416px;
height: 66px;
background: url(img/join_1.gif) no-repeat 0px 0px;
}
a.four {
width: 416px;
height: 64px;
background: url(img/list_1.gif) no-repeat 0px 0px;
}

a.five {
width: 416px;
height: 66px;
background: url(img/extra_1.gif) no-repeat 0px 0px;
}

a.six {
width: 416px;
height: 131px;
background: url(img/x_1.gif) no-repeat 0px 0px;
}
a:hover.one {
background: url(img/about_2.gif) no-repeat 0px 0px;
}
a:hover.two {
background: url(img/codes_2.gif) no-repeat 0px 0px;
}
a:hover.three {
background: url(img/join_2.gif) no-repeat 0px 0px;
}
a:hover.four {
background: url(img/list_2.gif) no-repeat 0px 0px;
}

a:hover.five {
background: url(img/extra_2.gif) no-repeat 0px 0px;
}

a:hover.six {
background: url(img/x_2.gif) no-repeat 0px 0px;
}

.footer {
margin-left: 270px;
padding-top: 160px;
}