body {

	color:#999;

	text-align: center;

	font: 101% Arial, Helvetica, sans-serif;

	margin: 20px 0;

	background: #00006e url(images/bg.jpg) repeat-x;

}

	   

ul

{

font: 101% Arial, Helvetica, sans-serif;

}



.li

{

font: 101% Arial, Helvetica, sans-serif;

}	   

	   

#wrapper {

	text-align: left;

	width: 758px;

	margin: 0 auto;

	padding-top:8px;

	background: #fefefe;



}

#bgwrapper

{

width:780px;

margin:0 auto;



padding: 5px 5px 5px 5px;



}

#header{

	height: 200px;

	background: #313131;

	text-align: center;

	width:760px;

	margin:0 auto;

}



#left {

float:left; 

width: 170px;

margin-top:18px;

margin-left:10px;

text-align:center;

}



#right {

	float:right;

	width: 540px;

	margin-top:18px;

	color: #333333;

	text-align:left;

padding: 10px;

}

#hatter{

	clear:both;

}

#footer{

	clear:both;

	color:#ffffff;

	width:750px;

padding: 5px 5px 5px 5px;

	margin:0 auto;

	background:#000000;

	text-align: center;

}

#footer a {

margin-top: 10px;

font-size: 12px;

padding:5px;

text-decoration:none;

color:#FFFFFF;

}

#footer a:hover {

margin-top: 10px;

font-size: 12px;

text-decoration:none;

color:#000000;

background:#ffffff;

}

p {

font-size: 80%; 

color: #666666;

}

	

#left p{

font-size: 95%; 

color: #666;

line-height: 1.2em;

}



#right p {

font-size: 80%; 

color: #666;

line-height:1.2em;

}



#right ul {

font: 101% Arial, Helvetica, sans-serif;

}

#right ul.li {

font: 101% Arial, Helvetica, sans-serif;

}

h1 {

color: #333333;

font-size: 110%; 

border-bottom: 2px solid #313131;

}

h2 {font-size: 105%; color: #CC6666;

margin: 12px;

}

h3{

font-size: 95%; 

margin: 12px 5px; 

color: #313131;

}



.validbutton {

font-size: 70%;

border: 1px solid #B83D3D;

padding: 4px;

margin-right: 6px;

}



.code {

	font-size: 60%;

	border: 1px dashed #00006e;

	padding: 4px;

width: 250px;

}

.advertisement {

padding: 5px;

margin-left: 7px;

float: right;

}



.ads {

padding: 5px;

margin-left: 7px;

float:right;

}

	

.style1 {color: #FFFFFF}

.style2 {font-size: 80%}

.style3 {font-size: 80%; color: #666; }



/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.mattblacktabs{

width: 100%;

overflow: hidden;}



.mattblacktabs ul{

margin: 0;

padding: 0;

padding-left: 93px; /*offset of tabs relative to browser left edge*/

font: 12px Arial;

list-style-type: none;

}



.mattblacktabs li{

display: inline;

margin: 0;

}



.mattblacktabs li a{

float: left;

display: block;

text-decoration: none;

margin: 0;

padding: 7px 8px; /*padding inside each tab*/

border-right: 1px solid #00006e; /*right divider between tabs*/

color: white;

background: #000000 url(images/nav_back.gif) repeat-x; /*background of tabs (default state)*/

}





.mattblacktabs li a:hover{

background: #000000 url(images/nav_front.gif) repeat-x; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */

color:#ffffff;

}