/* $Header: /var/www/cvs/wboc.validbox.com/htdocs/static/styles/main.css,v 1.10 2004/07/28 16:04:33 vhosts Exp $ */
/*@import "right.css";     */
/*@import "intro.css"; */

/* BASE COLORS:
#052139 - top dark blue background 
#03294A - somewhat lighter blue
#0C3A61 - blue highlight
#feb405 - top orange foreground
*/

/* Basics */

html>body .section { overflow: hidden; }
*    html .section { height: 1%; }

.box .header { margin: 10px 0 0; background-color: #22537E;}
.box .meat   { overflow: hidden; border: 1px solid #feb405; background-color:#0D3B63;}
* html .box .meat { height: 1%; }
.box .footer { display: block; text-align: center; margin-bottom: 1ex; }

.content dd, #adbox dd { margin: 1ex 1em; }
.content dt, #adbox dt { margin: 0 1em; }
.content h1 { margin-top: 1ex; }

ul, li, p, dl, dl, dd, dt, body, li, ul {margin: 0; padding:0; list-style-type: none; }

a { color: #feb405; text-decoration: underline }
a:hover { color: #FFDE00; }
a img { border:none; }

body { width: 752px; margin: 0 auto; position: relative; font-family:Verdana, sans-serif; font-size: 70%; color: #DDD; background-color:#22537E}

h1, h2, h4,h3, h5, h6 { padding: 0; margin: 0;
font-family:Verdana, sans-serif; font-size: 100%; font-weight: normal; color: white; text-align: center;}
h1, h2, p { padding: 0 1em; }
h1 { font-size: 200%; font-weight: bold; padding: 0.25ex 0}
h2 { font-size: 120%; font-weight: bold; }
h3 { font-size: 120%; font-weight: normal;padding-top: 2ex;}
h4 { padding-top: 2ex;}
dt { font-weight: bold; float: left; }



strong { color: white }

/* Main page */
#header a { display: block; border: 1px solid #feb405; border-top: none;}
#header a img { display: block; }
#header h2 { text-align: center; padding: 0;}

#flagtop {float: right; color: white; margin-top: -21px; z-index: 91; position:absolute; margin-left: 610px; width: 86px; background: #22537e; display:inline; height:20px; padding-right:5px; border-top: 1px solid #feb405; border-right: 1px solid #feb405; border-left: 1px solid #feb405;}
#flagtop img {border:1px solid white; margin:3px 1px 1px 1px; width: 16px; display:inline; float:right; clear:none;}
#flagtop img:hover {border:1px solid #ffd87c; margin:3px 1px 1px 1px; width: 16px; display:inline; float:right; clear:none;}
#flagtop a {border:none; display:inline; width: 16px;}

#menu { position: relative; z-index: 4; top: 2ex; margin-top: -3ex; font-size: 120%}
#menu ul { margin-top: 10px; text-align: center}
#menu li { margin: 0 2px; display: inline }
#menu a {display: inline-block; display: -moz-inline-box; padding: 1px 3px; border: 1px solid #feb405; background-color: #0C3A61; text-decoration: none; }
#menu a:hover { color: FFDE00; border: 1px solid #FFDE00; background-color: #22537E}

.genUL {margin:0;padding:0;margin-left:15px;}
.genUL li {margin:0;padding:0;list-style:square;padding-top:5px;margin-left:30px;}

#reviews { border: 1px solid #feb405; background-color: #03294A; padding-top:3em;}
#reviews h1 { color: #feb405; text-transform: uppercase; margin-top: 1ex;}
#reviews table { width: 750px; margin-top: 2px; border-collapse: collapse; background: #FFBA00 url("/images/blue_dot.gif") 374px 0 repeat-y}
#reviews td { width: 50%; padding: 1ex 0.5em; border-top: 1px solid #03294A; vertical-align: top; color: black}
#reviews td p { margin-left: 176px; padding: 0; }
#reviews td h3 { padding: 0; margin: 0 5px 5px 0; color: white; font-weight: bold; text-align: left}
#reviews td img { float: left; width: 169px; margin: 0 5px 5px 0; border: 1px solid #22537E;}
#reviews td dl { float: left; clear: left; width: 169px; margin: 10px 5px 0 0; }
#reviews td dt { clear: left; color: white; margin-right: 1em; }
/*#reviews td a.download:link, #reviews td a.download:hover { float: right; display: block; margin: 1ex 0 0; width: 180px; height: 38px; text-indent: -999em;
background: url("/images/download4.gif") no-repeat;  text-decoration: none;  }
#reviews td a.download:hover { background-position: 1px 3px; }*/
#reviews td .dl { display:block; }
#reviews td strong { display: block; }
#reviews td h3 a, #reviews td dl dt, #reviews td strong { color: #03294A;} 
#reviews td h3 a:hover { color: #22537E }
#reviews #flag03 img {width: 24px; height: 16px; margin: 0px 2px; border: 1px solid #22537E; display: inline;}

.flag01 {float: right; margin:-26px 0 10px 0; display: block; width: 90px; height:18px; overflow: hidden;}
.flag02 {float: right; margin:0px 0 10px 0; display: block; width: 120px;}

#rules ul { float: left; width: 249px; }
#rules li { margin: 10px 5px; padding: 3px; background-color: #03294A; border: 1px solid #22537E;}
#rules a { display: block; }

#letter .meat { background-color: #03294A; }
#letter p { white-space: pre; }

#adbox { float: right; width: 200px; margin-left: 10px; margin-top: 100px; }
#adbox .meat { background-color: #feb405; color: black; border: 3px double #0D3B63; padding: 1em 0;}
#adbox a { color: #03294A; font-weight: bold} 
#adbox a:hover { color: #22537E;}




#payouts { float: left; width: 369px; }
#payouts table { border-collapse: collapse; margin: 2ex auto; background-color: #03294A;}
#payouts table td { text-align: right; padding: 0.5ex 1em; border: 1px solid #22537E}

#news { float: right; width: 369px;}

p { margin: 0.5em; }
ul li { margin: 2em;}

#rules1 ul {float: left; width: 249px;}
#rules1 li {margin: 10px 5px; padding: 5px; background-color: #03294A; border: 1px solid #22537E;}
#rules1 a { display: block; }

pre { font-size:120% }


#footer { clear: both; font-size: 80%; padding-top: 5ex;}
#footer ul { float: right; margin-left: 2em;}
#footer p { margin: 0; }

a.BookmarkLink {float:right;height:18px;font-weight:bold;text-align:center;font-size:14px;text-decoration: none; border:0px;
border-top:1px solid #ffbe00;border-left:1px solid #ffbe00;border-bottom:1px solid #ffbe00;display: block; 
padding: 0.1em 0.4em 0.1em 0.7em;margin: 0em 0em 0em 0em;color:#ffbe00;}

a.BookmarkLink:hover {font-size:14px;text-decoration: none; border:0px;display: block;padding: 0.1em 0.4em 0.1em 0.7em;margin: 0em 0em 0em 0em;
border-top:1px solid #ffbe00;border-left:1px solid #ffbe00;border-bottom:3px solid #ffffff;}

a.setHomePage {float:left;height:18px;font-weight:bold;text-align:center;font-size:14px;text-decoration: none; border:0px;
border-top:1px solid #ffbe00;border-right:1px solid #ffbe00;border-bottom:1px solid #ffbe00;display: block;
padding: 0.1em 0.4em 0.1em 0.7em;margin: 0em 0em 0em 0em;color:#ffbe00;visibility:hidden;_visibility:visible;}

a.setHomePage:hover {font-size:14px;text-decoration: none; border:0px;display: block;padding: 0.1em 0.4em 0.1em 0.7em;margin: 0em 0em 0em 0em;
border-top:1px solid #ffbe00;border-right:1px solid #ffbe00;border-bottom:3px solid #ffffff;}

.article_captions {float:left;padding:0px;text-align:center;}
.article_captions a { color:white; }

.articleBox {text-align:left;width:528px;_width:525px;padding:5px 5px 12px 5px;border: 1px solid #ffffff; background-color: #FFBA00;color: #000000}
.articleBox b {color:black;}
.articleBox p {padding-left:10px;margin-top: 2px; border-collapse: collapse; color:black;}
.articleBox a { color:#052139; }
.articleBox a:hover { color:#03294A; }

.article_group_more {float: right; margin-top: -6px; margin-bottom: 2px; padding-bottom: 2px;}