@charset "utf-8";

/* CSS Document */

body {background: #292b36; margin: 0; padding: 0; width: 100%; font-family: Arial, Helvetica, sans-serif;}

#container {width: 960px; margin: auto;}



/* Header */

#headNav {color: #d58080; background: #5b0000; padding: 5px 10px 5px 0; text-align: right; font-size: 11px;}

#headNav a {color: #d58080; text-decoration: none;}

#headNav a:hover { color: #fff;}

#header {height: 95px; width: 100%; vertical-align: middle; background: url(../img/header_bgr.gif) no-repeat top right;}



/* Body */


#leftContent {float: left; width: 215px; padding-top: 10px;}

.blackBox {margin-left: 10px; margin-bottom: 15px; width: 195px; background: #000 url(../img/black_bgr.gif) no-repeat right bottom; color: #fff;}

.blackBox p {padding: 5px 6px 10px 6px; margin: 0; font-size: 11px; font-weight: bold;}

.joinBox {margin: 0; padding: 0;}

.leftBox {margin-left: 10px; margin-bottom: 10px;}

#joinboxTop {margin-left: 10px; margin-bottom: 10px;}

.leftTitle {text-transform: uppercase; color: #fc0; font-size: 12px; padding: 5px 0 5px 6px; }

#mainContent {float: right; width: 745px;}

#mainNav {background: #FFAF00; text-align: center; height: 29px;}

#mainNav a {padding: 0 10px 0 10px;}

#mainPromo {background: #000;}

#mainSectionContent {padding: 20px 40px 20px 15px; color: #; font-size: small;}

#mainSectionContent p, li, td, th {color:#FFFFFF; font-size: 12px; padding: 0;}

#mainSectionContent a {color: #fc0; text-decoration: none;}

#mainSectionContent a:hover {color: #ff0;}

ol {font-size: 12px;}
ul {font-size: 12px;}

h1, h2, h3, h4 {color:#FFFFFF; text-transform:uppercase; padding-top:5px; padding-bottom:5px; padding-right:32px;}
h1 {font-size: 30px;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}

img {border:0px}

#mainSections {width: 100%; text-align: center;}

#mainSections img {padding: 15px 5px 0 10px;}

#mainSectionText {width: 725px; margin-left: 13px; text-align: left; background: #98a2da; color: #fff; font-size: 12px;}

#mainSectionText table td {padding: 15px; font-weight: bold; font-size: 12px; color: #FFFFFF;}

#mainSectionText a {text-decoration: none; color: #fff;}

#mainSectionText a:hover {color: #FFAF00;}

#secondSectionText {width: 95%;	margin-left: 13px; margin-top: 10px; font-size: 11px; color: #d58080;}

#secondSectionText table {font-size: 11px; color: #d58080;	padding: 0}

#secondSectionText td {padding: 1px;}

#secondSectionText table h3 {padding: 0; margin: 0; color: #fff; font-size: 11px; text-transform: uppercase;}

#secondSectionText .smallIcon {float: left; padding: 0 4px 4px 0;}




/* Footer */

#footer {clear:both;background: #7f839b; text-align: right;padding: 10px 5px 10px 200px;color: #d58080;font-size:11px;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:#FFAF00;}
#footer #right {padding-left:255px;padding-right:15px;}
#corporate {text-align:left;padding-left:50px;background:#7f839b;color:#FFFFFF;font-size:10px;padding-bottom:10px;}
#corporate a {color:#fff; text-decoration:none;}
#corporate a:hover {color:#FFC900;}






.cleaner {clear: both;}

#mainSectionPrev {padding-top: 10px;}

#mainSectionPrev table {margin-bottom: 20px;}

#mainSectionPrev td {background: #858ec2; border: solid 1px #FFFFFF;	padding: 5px;}

#mainSectionPrev table td p {margin: 0; padding: 0;	text-align: left;}

.prevGame {list-style: none; margin: 0; padding: 0;}

.prevTitle {font-size: 11px; padding: 0; margin: 0; color: #fff; font-weight: bold; text-transform: uppercase; font-family: verdana, arial, helvetica, sans-serif;}

.prevLink {font-size: x-small;	margin-bottom: 5px;	margin-top: 5px;}

.prevGame img {margin-right: 10px; float: left; border-style: none;	padding: 0;}

.prevGame .pete {border: solid 1px #fff;}