body{
 color: #737373;
 margin: 5px 0px 0px 0px;
 background-color: White;
}
td {
 font: normal 9pt Arial;
 color: #737373;
}
A{
 color:  #4A6CBB;
 text-decoration: underline;
}
A:hover{
 color: #C64E51;
}

H1 {
 font: bold 10pt arial;
 margin-bottom: 0em;
 margin: 0.50em;
 color: #fff;
 text-align:center;
 letter-spacing:0.04em;
} 
H2 {
 font: bold 9pt arial;
 margin-bottom: 0em;
 padding: 1px 0 3px 0;
 color: #737373;
 text-align:left;
 letter-spacing:0.04em;
} 
H3 {
 font: bold 9pt arial;
 margin-bottom: 0em;
 margin-top: 0em;
 border-bottom: 1px solid #E8E8E8;
 padding: 6px 0 4px 0;
 color: #B5666C;
} 
UL{
 list-style-type: none;
 text-align: left;
 margin: 2px 2px 2px 2px;
 padding: 2px 2px 2px 2px;
 text-align: left;
 width: auto;
}

LI {
 background: url('../image/subsection.gif') no-repeat left center;
 padding-left: 18px;
 text-align: left;
 line-height: 20px;
 text-decoration: none;
 vertical-align: top; font-style:normal; font-variant:normal; font-weight:normal; font-size:10pt; font-family:arial
}


/* top table */
/* ---------------------------------------------------------------------------------------------------------- */

.top{
 font: 11px verdana;
 letter-spacing: 0.01em;
 padding:0px 2px 0px 2px;
 }
.title{
	background-color:  #6492B3;
	border-bottom: 1px solid #4E7EA0;
	border-top: 1px solid #4E7EA0;
 padding: 2px 2px 4px 7px;
 font: bold 9pt arial;
 color: #FFF;
  letter-spacing:0.06em;
} 
.title a {
  font: bold 9pt arial;
 color: #FFF;
 text-decoration: none;
}


/* feature*/
/* ---------------------------------------------------------------------------------------------------------- */

.nav{
 background-color: #D3E4F1;
 border: 1px solid #ABCBE4;
 text-align: left;
 padding: 2px 2px 2px 7px;
 font: bold 11px arial;
}
.nav a{
 text-decoration: none;
 font: bold 11px arial;
}

.pop{
 line-height: 22px;
 background: #6B8F50;
 border: 3px double #fff;
 padding: 3px 4px 3px 4px;
 font: bold 11px arial;
 color: #7A7A7A;
 text-align:center;
}
.pop a{
   color:#fff;
    font: bold 11px arial;
}

/* game tables*/
/* ---------------------------------------------------------------------------------------------------------- */


.g-bk{
background-color:  #6492B3;
	border: 1px solid #4E7EA0;
 text-align: center;
}
.g-title{
 padding: 2px 2px 2px 7px;
 font: bold 11px arial;
 text-align:left;
}
.g-list{
 border-top: 1px solid #CBDBEB;
 border-left: 1px solid #CBDBEB;
 border-bottom: 2px solid #46708E;
 border-right: 2px solid #46708E;
 vertical-align: top;
 padding: 0 8px 5px 5px;
 text-align: left;
 line-height: 20px;
 height: 170px;
 background: #FFF;
}

.b-list{
 border-top: 1px solid #CBDBEB;
 border-left: 1px solid #CBDBEB;
 border-bottom: 2px solid #46708E;
 border-right: 2px solid #46708E;
 vertical-align: top;
 padding: 0 8px 5px 5px;
 text-align: left;
 line-height: 20px;
 height: 140px;
 background: #FFF;
}
.f-list{
 border: 3px double #D9E8FF;
 background-color: #E8F2FF;
 padding: 1px 5px 1px 5px;
  font: bold 11px arial;
  line-height:25px;
  text-align:center;
  vertical-align: top;
}

.f-bk{
 background-color: #809732;
 border: 1px solid #4E7EA0;
 text-align: center;
}
.feature{
 font: bold 9pt arial;
 background: #fff;

}
.g-picks{
 border: 3px double #F7DFDF;
 background-color: #FCF3F3;
 text-align: center;
 padding: 3px 3px 3px 3px;
}
.g-picks a{
 font:bold 11px arial;

}
.wof{
 border: 3px double #D9E8FF;
 background-color: #E8F2FF;
 text-align: justify;
 padding: 3px 3px 3px 5px;
  font: bold 11px arial;
  line-height:20px;
}
.wof-tx{
 background: #2C648D;
 border: 3px double #fff;
 text-align: center;
 font: 11px arial;
 color: #FFF;
}
.wof-tx a{
 font: bold 11px arial;
 color: #ECF3F9;
 text-decoration: none;
}



/* main table */
/* ---------------------------------------------------------------------------------------------------------- */

.main{
 padding: 10px 15px 2px 10px;
 vertical-align: top;
 font:bold 11px arial;
}


/* side box */
/* ---------------------------------------------------------------------------------------------------------- */

.bx{
 background: #fff;
 border: 3px double #fff;
 padding: 3px 4px 3px 4px;
 font: normal 11px arial;
  line-height:18px;
}
.bx a{
 line-height:18px;
 font-weight:bold;
}

.bl {background: #D3E4F1 url('../image/3.jpg') no-repeat 0 100%;width:auto}
.br {background: url('../image/4.jpg') no-repeat 100% 100%; }
.tl {background: url('../image/1.jpg') no-repeat 0 0; }
.tr {background: url('../image/2.jpg') no-repeat 100% 0; padding:6px}
.clear {font-size: 1px; height: 1px}

/* outline box */
.t {background: url('../image/dot1.gif') repeat-x 0 0; width: 675px}
.b {background: url('../image/dot1.gif') repeat-x 0 100%; }
.l {background: url('../image/dot1.gif') repeat-y 0 0; }
.r {background: url('../image/dot1.gif') repeat-y 100% 0; }
.b1 {background: url('../image/bl.jpg') no-repeat 0 100%; }
.b2 {background: url('../image/br.jpg') no-repeat 100% 100%; }
.t1 {background: url('../image/tl.jpg') no-repeat 0 0; }
.t2 {background: url('../image/tr.jpg') no-repeat 100% 0; padding:10px}

/* footer */
/* ---------------------------------------------------------------------------------------------------------- */

.footer{
  background-color: #D3E4F1;
 border-top: 1px solid #ABCBE4; 
 border-bottom: 1px solid #ABCBE4;
 text-align: left;
 padding: 2px 2px 2px 7px;
 font: bold 11px arial;
} 
.footer a{
 font:bold 11px arial;
}

.copyright{
padding:10px 2px 20px 6px;
font:9pt arial;
text-align:left;
}
.copyright a{
font:9pt arial;
line-height: 16px;
}

/* ads*/
/* ---------------------------------------------------------------------------------------------------------- */

.ad{
font:bold 11px arial;
padding: 5px 3px 8px 3px;
text-align:center;
}
.ad a{
font:bold 10px arial;
}
.note{
font:normal 11px arial;
padding: 5px 3px 8px 3px;
text-align:left;
}
.note a{
font:normal 11px arial;
}
.free{
 font: bold 10px arial;
 color: #96B03C;
}