html, body {
background-color: #000066;
text-align: center;
margin: 0 auto;

}


#wrapper{
	width: 100%;	
        margin: 15px auto 0 auto;	
        text-align: center;
        position:relative;width:810px;	
}

a:link {font: arial 12px;  color: #cccccc; text-decoration: none;}
a:visited {font: arial 12px; color: #cccccc; text-decoration: none;}
a:hover {font: arial 10px; color: #cccccc; text-decoration: underline; font-weight: bold;}

a.one:link {font: 11px verdana; color:  #ffffff; text-decoration: none ;}
a.one:visited {font: 11px verdana; color: #ffffff; text-decoration: none; }
a.one:hover {font: 11px verdana; color: grey; text-decoration: underline;}

a.onelatest:link {font: 10px verdana; color:  #cccccc; text-decoration: underline;}
a.onelatest:visited {font: 10px verdana; color: #cccccc; text-decoration:underline;}
a.onelatest:hover {font: 10px verdana; color: #cccccc; text-decoration: none;}

a.two:link {font: 12px arial; font-weight: bold; color: blue; text-decoration: underline;}
a.two:visited {font: 12px arial; font-weight: bold; color: blue; text-decoration: underline;}
a.two:hover {font: 12px arial; font-weight: bold; color: #5299E0; text-decoration: none;}

a.three:link {font: 12px arial; font-weight: bold; color: blue; text-decoration: underline;}
a.three:visited {font: 12px arial; font-weight: bold; color: blue; text-decoration: underline;}
a.three:hover {font: 12px arial; font-weight: bold; color: navy; text-decoration: underline;}

a.ad:link {font: 9px tahoma; color: white; text-decoration: underline; font-weight: bold;}
a.ad:visited {font: 9px tahoma; color: white; text-decoration: underline; font-weight: bold;}
a.ad:hover {font: 9px tahoma; color: yellow; text-decoration: none; font-weight: bold;}

a.join:link {font: 14px arial; color: #66ffcc; font-weight: bold; text-decoration: none;}
a.join:visited {font: 14px arial; color: #66ffcc; font-weight: bold; text-decoration: none;}
a.join:hover {font: 14px arial; color: #66ffcc; font-weight: bold; text-decoration: underline;}

a.name:link {font: 14px arial; color: #ffcc33; font-weight: bold; text-decoration: none;}
a.name:visited {font: 14px arial; color: #ffcc33; font-weight: bold; text-decoration: none; }
a.name:hover {font: 14px arial; color: #ffcc33; font-weight: bold; text-decoration: underline; }



h1 {font: 12px verdana; color: #000066}
h1.thick {font-weight: bold}

h2 {font: 10px verdana; color: ffcc33; font-weight: bold}

p {font: 12px arial; color: #ffffff;}
p.thick {font-weight: bold;}
p.desc {font: 10px verdana; color: #ffffff;}
p.rank {font: 12px verdana; color: #ffcc33; font-weight: bold;}
p.header {font: 12px verdana; color: #ffffff; font-weight: bold;}
p.header2 {font: 10px verdana; color: #ffffff; font-weight: bold; text-align: center;}

table.latest {
padding: 1px 40px 30px 40px;
border: 1px #99cc99;}

td.tableheader {background-color: #99aa99;
                padding: 2px;
                border: 0px;
                font: 11px verdana; color: #ffffff; font-weight: bold; 
         	text-align: left; }

td.latest {
                background-color: #1B2455;
                height: 60px;
                padding: 1px;
	        border-bottom:  1px solid #33cccc;
                border-top:  0px soid #ffffff;
                border-left:  0px solid #ffffff;
                border-right:  0px solid #ffffff;
                font: 10px verdana; color: #ffffff; text-decoration: none;
         	text-align: left; vertical-align: middle;
}

td.latest2 {
                background-color: #1B2455;
                height: 60px;
                padding: 1px;
	        border-bottom:  1px solid #33cccc;
                border-top:  0px soid #ffffff;
                border-left:  0px solid #ffffff;
                border-right:  0px solid #ffffff;
                font: 10px verdana; color: #ffffff; text-decoration: none;
         	text-align: left; vertical-align: middle;
}

td.review {background-color: #fdf5e6;}

td.intro {
background-color: #1B2455; 
font: 12px arial; color: #ffffff;
padding: 1px 20px 20px 20px;
}

td.content{
background-color: #1B2455; 
font: 12px arial; color: #ffffff;
padding: 1px 20px 20px 20px;
border-bottom: 1px solid #ffcc33;
}

.intro {background-color: #E6A119;
font: 12px verdana; color: #ffffff; font-weight: bold;
padding: 2px;
}

.header {background-color: #99cc99;
font: 12px verdana; color: #ffffff; font-weight: bold;
padding: 2px;
}



a.nav:link {font: 11px arial; color: blue; text-decoration: none;}
a.nav:visited {font: 11px arial; color: navy; text-decoration: none;}
a.nav:hover {font: 11px arial; color: blue; text-decoration: underline; font-weight: bold;}

a.sponsors:link {font: 11px arial; color: green;  text-decoration: none; }
a.sponsors:visited {font: 11px arial; color: green; text-decoration: none; }
a.sponsors:hover {font: 11px arial; color: #99cc99; text-decoration: none;}


a.nav1:link {font: 10px tahoma; font-weight: bold; color: #33FFFF; text-decoration: none;}
a.nav1:visited {font: 10px tahoma; font-weight: bold; color: #33FFFF; text-decoration: none;}
a.nav1:hover {font: 10px tahoma; font-weight: bold; color: #CCFF99; text-decoration: underline;}

td.off {
background: #1B2455 ;
font: 11px arial; color: #ffffff;
padding: 1px 1px 1px 1px; 
}

}
td.on {
background: #E6CCB3;}

td.off1 {
background: #000000;

}

td.on1 {
background: #ffffff;}

.title1 {
width: 100%; 
padding: 1px 1px 1px 1px; 
background-color: #ffcc33;  
font: 9px verdana; color: #000000; font-weight: bold; vertical-align:center;}


.title {
width: 100%; 
padding: 0px 0px 0px 0px; 
background-color: #E6A119;  
font: 11px verdana; color: #ffffff; font-weight: bold; vertical-align:center;
}


a.head2:link {font: 10px verdana; color: #ffffff;  text-decoration: none; font-weight: bold; }
a.head2:visited {font: 10px verdana; color: #ffffff;  text-decoration: none; font-weight: bold; }
a.head2:hover {font: 10px verdana; color: #fafaff;  text-decoration: underline; font-weight: bold; }

a.head3:link {font: 12px arial; color: blue;  text-decoration: none;}
a.head3:visited {font: 12px arial; color: blue;  text-decoration: none; }
a.head3:hover {font: 12px arial; color: #99cc99;  text-decoration: underline;}

table.topnav {
background-color: #000066;
text-align: left;
width: 780px; 
border-bottom: 0px solid #000066; 
border-left: 0px solid #000066;
}

table.topnav2 {
background-color: #000066;
text-align: right;
width: 780px;
border-bottom: 2px solid #000066; 
border-left: 20px solid #000066;

}

td.offerstopnav
{  
background-color: #CD0000;
width: 13%; 
height: 16px; 
text-align: center;
font-family: arial;
font-weight: normal;
font-size: 11px;
color: #333333;
padding-top: 2px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 1px; 
border-top: 0px #ffffff solid;
border-bottom: 1px grey solid;
border-left: 2px #ffcc33 solid;
border-right: 1px #ffcc33 solid;

}

td.main {
                background-color: #99aa99;
                padding: 2px;
                border: 0px;
                font: 11px verdana; color: #ffffff; font-weight: bold; 
         	text-align: left; 
}

td.box1 {
                background-color: #1B2455;
                padding: 2px;
                border: 0px solid #6600cc ;
                font: 11px verdana; color: #66ffcc; font-weight: bold; text-decoration: none;
         	text-align: left; vertical-align: top;
}

td.box2 {
                background-color: #1B2455;
                padding: 2px;
                border: 0px solid #6600cc;
                font: 11px verdana; color: white;
         	text-align: left; vertical-align: top;
}


ul {
list-style-image: url("http://www.earnfromtheinternet.com/bulletarrow.gif"); 
margin-left: -15px;
}

li {
padding: 4px;
margin-left: 0px;
}