#navlist {
        color: white;
        background: #0e2c7a;
        
        margin-left: 151px;

        width: 423px;
        font: normal 10px Verdana, sans-serif;
       
}

#navlist li {
        list-style-type: none;
display: inline;
        margin: 0;
        font-size: 1em;
}



#navlist a {
        
        text-decoration: none;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        margin-left: 0em;

        color: #ffffff;
        background: transparent;


padding: 0.1em 0.1em 0.1em 0.1em;

  
        
       
     
}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a {
        width: 99%;
        /* only necessary for Internet Explorer */
}

#navlist a {
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 9.6em;
        /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a {
        width: auto;

        /* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover {
        
color: #25f2f3;
text-decoration: none;
        background: transparent;


padding: 0.1em 0.1em 0.1em 0.1em;

}

#navlist a:active, #navlist a#current:active {
        background: transparent;

padding: 0.1em 0.1em 0.1em 0.1em;

}




.codesort li {
	display: inline;
	
	}


              

body {

background: #020738;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

div.container
{
width:760px;
margin-left:31px;
margin-top:525px;



}

div.left
{

width:423px;
margin-left:0px;
margin-bottom:0px;
font-family: verdana; 
color: #7aa450; 
font-size: 10px; 
background: transparent;
border-bottom: 1px dotted #3d5c7b;
border-left: 1px dotted #3d5c7b;
border-right: 1px dotted #3d5c7b;

}

div.left A:Link {text-decoration: none; color: #ffffff;}
div.left A:Visited {text-decoration: none; color: #ffffff;}
div.left A:Active {text-decoration: none; color: #ffffff;}
div.left A:Hover {text-decoration: none; color: #f28aee;}

div.left2
{
width:423px;
margin-left:0px;
margin-bottom:0px;
font-family: verdana; 
color: #1860cc; 
font-size: 10px; 
background: transparent;
border-top: 1px dotted #25f2f3;
border-bottom: 1px dotted #25f2f3;
border-left: 1px dotted #25f2f3;
border-right: 1px dotted #25f2f3;
text-align: center;

}

div.left2 A:Link {text-decoration: none; color: #ffffff;}
div.left2 A:Visited {text-decoration: none; color: #ffffff;}
div.left2 A:Active {text-decoration: none; color: #ffffff;}
div.left2 A:Hover {text-decoration: none; color: #f28aee;}




input, select, textarea {
			font-family: tahoma, verdana, sans-serif;
			font-size: 8pt;
			color:#25f2f3;
			background:#0e2c7a;
			border: 1px dotted;
			border-color: #ffffff; 

}



.header {font-family: verdana; 
color: #ffff76; 
font-size: 10px; 
font-weight: bold;
width: 150px;   
background: #0e2c7a;
margin-left:0px;
margin-bottom:5px;
border-left: 1px dotted #7fb34d;
border-right: 1px dotted #7fb34d;
border-top: 1px dotted #7fb34d;
border-bottom: 1px dotted #7fb34d;

text-align: center}

.header A:Link {text-decoration: none; color: #ffffff;}
.header A:Visited {text-decoration: none; color: #ffffff;}
.header A:Active {text-decoration: none; color: #ffffff;}
.header A:Hover {text-decoration: none; color: #f28aee;}

.side {

font-family: verdana; 
color: #c5d0d7;
font-weight: bold; 
font-size: 11px; 
background: #1860cc; 
width: 422px; 
text-align: center;
margin-left:151px;
margin-top:0px;
margin-right:300px;
border-left: 2px solid #1860cc;
border-right: 2px solid #1860cc;
border-top: 2px solid #1860cc;
border-bottom: 2px solid #1860cc;



}

.side A:Link {text-decoration: none; color: #ffffff;}
.side A:Visited {text-decoration: none; color: #ffffff;}
.side A:Active {text-decoration: none; color: #ffffff;}
.side A:Hover {text-decoration: none; color: #f30505;}

.side2 {

font-family: verdana;
color: #0b0f1e;
font-size: 9px;
background: #1860cc;
width: 422px;
padding: 2em;
text-align: center;
margin-left: 151px;
margin-right: 300px;
margin-top: 0px
border-top: 1px dotted #ffffff;
border-right: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
border-top: 1px dotted #ffffff;
border-left: 1px dotted #ffffff;
padding: 0.1em 0.1em 0.1em 0.1em;

}

.side2 A:Link {text-decoration: none; color: #ffffff;}
.side2 A:Visited {text-decoration: none; color: #ffffff;}
.side2 A:Active {text-decoration: none; color: #ffffff;}
.side2 A:Hover {text-decoration: none; color: #f28aee;}

.side3 {

font-family: verdana; 
color: #4b8ae9; 
font-size: 10px;
width: 420px; 
background: #0f307a; 
text-align: center;
margin-left: 151px;
margin-top: 0px;
margin-right:300px;
margin-bottom:0px;
border-left: 2px solid #1860cc;
border-right: 2px solid #1860cc;
border-bottom: 2px solid #1860cc;
border-top: 2px solid #1860cc;
        padding: 0.1em 0.1em 1em 0.1em;
 

}

.side3 A:Link {text-decoration: none; color: #ffffff;}
.side3 A:Visited {text-decoration: none; color: #ffffff;}
.side3 A:Active {text-decoration: none; color: #ffffff;}
.side3 A:Hover {text-decoration: none; color: #25f2f3;}


         


#wrap {
	background: url('alonebg.png') repeat-y;
	width: 760px;

	margin: 0px 0px 0px 0px;
}
#container {
	background: url('alonebg.png') no-repeat;
	width: 760px;

        margin: 0px 0px 0px 0px;
	}

#header {
	background: url('alone.png') no-repeat;
	width: 760px;
        margin: 0 auto
	}

#content {
	
	margin: 0px 20px 0px 20px;}













