body {background-color: #999999; padding:0px; margin:0px; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif;}
form {padding:0px; margin:0px;}

table {padding:0px; margin:0px; border-width: 0px; border-collapse: collapse;}
td, th {vertical-align: top;}
a { color: #FFFFFF; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }

a img {border-width: 0px;}

.header {
	height: 171px; width: 100%; background-color: #E0983F; border-bottom: thin solid #000000; margin-bottom: 10px;
    background-image: url(images/header_background.gif); background-repeat: repeat-x; background-position: left top;	
}
.header-left { height:160px; width:500px; padding-left: 2px; padding-top: 2px; color: #FFFFFF; float:left; background-image: url(images/logo_left.gif); background-position: 0px 23px; background-repeat: no-repeat; }
.header-left a:hover { color: #F6A83F; }
.header-right { height:160px; background-image: url(images/logo_right.jpg); background-repeat: no-repeat; background-position: right top; }

.topad {position: absolute; top: 182px; left: 0px; width: 100%; height: 95px;}
.topad div {margin-right: 170px;}
.topad div div {width: 732px; height: 95px; margin: auto auto;}
.topadfloat {float: left; width: 732px; height: 95px;}

.selectedPage { color: #E0983F; }

.mainbody { padding-top: 10px; margin-right: 170px; text-align: center; clear: left; }

.searchbox {background-color: #000000; font-weight: bold; color: #FFFFFF; padding: 5px; }
.breadcrumbs {font-weight: bold; color: #FFFFFF; background-color: #666666; padding: 10px; }

.rightbar { width: 170px; background-color: #666666; float: right; z-index:1; position: relative;}
.rightbar ul { list-style: none; margin-left: 0px; padding-left: 0px; }
.rightbar li h1 { font-size: 1.1em; font-weight: bold; margin-left: -10px; }
.rightbar li { color: #FFFFFF; margin-left: 20px; }

.disabledtab, .letter div, .letter .activeletter, .tab, .activetab { background-color: #666666; font-weight: bold; color: #FFFFFF; border: 1px solid #000000; text-align: center; padding: 0px; width: 10.5em;	float: left; }
.disabledtab {width: 10em; padding: 0.25em;}
.tab a, .activetab a {display: block; width: 10em; padding: 0.25em;}
.letter .activeletter, .activetab { background-color: #E0983F; }
.letter .activeletter:hover, .letter div:hover, .activetab:hover, .tab:hover { background-color: #FF4700; text-decoration: none; }
.letter .activeletter:hover a, .letter div:hover a, .activetab:hover a, .tab:hover a { text-decoration: none; }
.letter div, .letter .activeletter {width: 2.0em; padding: 0px;}
.letter div a, .letter .activeletter a {display:block; width: 1.5em; padding: 0.25em;}
.disabledtab {background-color: #999999;}

.barchart th {border-top: thin solid #000000; text-align: center; background-color: #E0983F; font-size: 1.1em; font-weight: bold; color: #FFFFFF; line-height: 2em;}
.barchart td {border-top: thin solid #000000; vertical-align:bottom; text-align: center; font-size: 0.8em;}
.barchart div {background-color: #DD4444; width: 2.5em;}

.content {padding-top: 20px; padding-left: 3em; padding-right: 3em; max-width: 60em; text-align: left; margin:auto auto;	}
.breadcrumbs a:hover, .content a:hover { color: #F6A83F; }
.searchbox a:hover {color: #F6A83F; }
.tab a:hover, .activetab a:hover, .letter div a:hover, .letter .activeletter a:hover {color: #FFFFFF;}

.table th, .content h1 { background-color: #E0983F; font-size: 1.1em; font-weight: bold; color: #FFFFFF; text-indent: 5pt; line-height: 2em; margin-top: 0px; }
.content h2 {background-color: #000000; color: #FFFFFF; padding: 10px; font-size: 1em; margin-top: 0px; margin-bottom: 0px;}
.content h3 {color: #FFFFFF; background-color: #666666; padding: 10px; font-size: 0.9em; margin-top: 0px; border-bottom: solid 1px #000000;}
.table .altrow {background-color: #888888;}
.table th {width: 18em;}

.reviews th:first-child {width: 13em;} 
.reviews th:first-child + th {text-align: center; width: 5em; text-indent: 0pt;}
.reviews td:first-child + td {text-align: center; width: 5em;}

.populargames th {width: 25em;}
.populargames th:first-child {width: 3em; text-align: center;} 
.populargames td:first-child {width: 3em; text-align: center;} 

.populargamessystems th {width: 25em;}
.populargamessystems th:first-child {width: 3em; text-align: center;} 
.populargamessystems td:first-child {width: 3em; text-align: center;} 
.populargamessystems th:first-child + th + th {width: 10em;} 

.gameslist th {width: 25em;}


.twocolumnbox {float:left; width: 18em; margin-right: 3em;}
.twocolumnboxmainright {float:left; width: 38em;}

.letterstable { border-collapse: collapse; float: left; }
.letterstable td { padding: 0px;}

.gamedetails td, .gamedetails th {padding: 10px;}

.bottombar { color: #FFFFFF; background-color: #666666; word-spacing: 3pt; margin-top: 20px;  padding: 10px; }

.footer { background-color: #E0983F; text-align: center; padding: 20px; margin-top: 20px;}

.breadcrumbs, .bottombar, .content h1, .table th, .footer {
	border-top: thin solid #000000;
	border-bottom: thin solid #000000;
}