html, body {
height:100%;
}

body {
background-color:#222;
}

* {
margin:0;
padding:0;
border:0;
font-family:"Trebuchet MS", verdana, arial, sans-serif;
list-style:none;
}

#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -45px; /* the bottom margin is the negative value of the footer's height */
width:960px;
background:transparent url(images/wrap_bg.gif) repeat-y;
}

#footer {
height: 45px; /* .push must be the same height as .footer */
width:960px;
margin:auto;
background:transparent url(images/footer_bg.gif) no-repeat;
}

.push {
height:45px;
clear:both;
}

.clear {
clear:both;
margin-top:0;
height:1px;
width:100%;
overflow:hidden;
} 

#header {
width:960px;
height:215px;
background:transparent url(images/header_bg2.gif) no-repeat;
}

#mainMenu, #subMenu {
width:940px;
height:30px;
margin:auto;
position:relative;
top:5px;
background:transparent none;
}

#mainMenu { z-index:1000; }

#subMenu { top:0; }

#mainMenu li, #subMenu li  {
float:left;
font-size:12px;
text-transform:uppercase;
}

#mainMenu li a {
color:#efba2b;
text-decoration:none;
display:block;
height:25px;
padding:10px 5px 0 5px;
font-weight:bold;
}

#subMenu li a {
color:#efba2b;
text-decoration:none;
display:block;
height:22px;
padding:9px 9px 0 9px;
font-weight:bold;
}

#subMenu li.scoreBoard {
color:#eee;
text-decoration:none;
display:block;
height:25px;
padding:6px 7px 0 7px;
font-weight:bold;
font-size:18px;
}

#mainMenu li a#fbLink, #mainMenu li a#twitterLink {
padding-top:5px;
height:30px;
}

#mainMenu li a:hover, #subMenu li a:hover  {
color:#eee;
background:#222222;
}

/* DROP DOWN START */

#mainMenu li li {
background:black;
float:none;
padding:0;
height:auto;
text-transform:none;
}

#subMenu li li { float:none; }

#mainMenu li li a { text-decoration:none; }

#mainMenu li ul, #subMenu li ul {
display: none;
position: absolute; 
margin-top:-2px;
background:black;
border:1px solid;
border-color:#282828;
border-top:1px solid black;
z-index:600;
width:auto;
}

/*
* html li ul {
width:150px;
}
*/

#mainMenu li > ul, #subMenu li > ul {
top: auto;
left: auto;
}

#mainMenu li:hover ul, li.over ul, #subMenu li:hover ul, li.over ul { display: block; }


h1 {
width:290px;
height:134px;
margin-left:10px;
margin-top:10px;
}

#coverBanner {
width:640px;
height:134px;
background:black;
float:right;
margin-top:5px;
margin-right:10px;
}

#marqueeBox {
width:940px;
height:50px;
background:black;
margin-top:-5px;
margin-bottom:8px;
}

.blogSplitter {
width:330px;height:10px;margin:5px auto;
border:1px solid #282828;
border-top:0;
}

#content { width:940px; margin:auto; }
#leftContent { width:240px;float:left;margin-top:-5px; }
#midContent { width:350px;margin-left:240px; }
#rightContent { width:350px;float:right;margin-top:-5px; }
#vipContent {width:697px;background:white;float:right;margin-right:2px;margin-top:-4px;min-height:700px;}

#blogHolder {
font-size:12px;
color:#444;
padding:0 2px;
}

#blogHolder div[style] {
clear:none !important;
}


#blogHolder img {
max-width:330px;
margin:5px auto;
}

.writersBlock {
width:230px;
margin:5px;
min-height:60px;
background:#fff url(images/writersBlock_bg.gif) repeat-x bottom;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}

.writersBlock .fdpoweredby { display:none; }

.writersBlock img {
float:left;
margin:5px;
}

.writersBlock p {
font-size:11px;
margin:5px;
padding:0;
}

.blogThumb {
float:right;
margin:0 5px;
background:white;
}

.blogThumb img { vertical-align:bottom; }

#flashCover {
width:220px;
margin:auto;
}

.rightBannerHolder {
width:340px;
margin:2px auto;
padding:1px;
/*border:1px solid #ccc;*/
}

.rightBannerHolder img { vertical-align:bottom; }

.leftBannerHolder {
width:230px;
margin:2px auto;
padding:1px;
/*border:1px solid #ccc;*/
}

.videoHolder {
width:340px;
margin:5px auto;
}

#thumbsList {
width:336px;
margin:5px auto;
}

#thumbsList li {
width:100px;
margin:6px 3px;
padding:2px;
border:1px solid #ccc;
height:100px;
float:left;
}

#thumbsList li img { vertical-align:bottom; }

.staff_photo { float:right;width:110px;margin:5px;padding:2px;border:1px solid #ccc; }

.staff_photo img { vertical-align:bottom; }

#vipMenu {
width:220px;
margin:5px auto;
}

#vipMenu li {
width:220px;
height:71px;
}

.cardBox {
width:370px;
margin:5px auto;
}

#sitemap { margin-left:10px; }

#sitemap, #sitemap ul, #sitemap li { font-size:12px; }

#sitemap { background:url(images/line1.gif) repeat-y; }

#sitemap li {
	line-height:20px;
	margin-top:1px;
	position:relative;
	width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:28px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(images/collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(images/expanded.gif) no-repeat 0 0;}

/* sub levels */

#sitemap li ul{	
	margin-left:28px;
	background:url(images/line1.gif) repeat-y;
}
#sitemap li li{ background:url(images/line2.gif) no-repeat 0 0; }

/* etc. */

/* float fix */

/*
#sitemap:after, #sitemap ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
*/

#sitemap, #sitemap ul{ display:block; }
/*  \*/
#sitemap, #sitemap ul{ min-height:1%; }
* html #sitemap, * html #sitemap ul{ height:1%; }
 /*  */
#sitemap ul{ display:none; }

#sitemap a {
color:#cd0000;
text-decoration:underline;
}

#sitemap a:hover {
color:#444;
text-decoration:none;
}

#vipAds {
width:130px;
margin:5px auto;
}

#vipList li {
width:130px;
margin-top:5px;
}
/* TYPOGRAPHY */

h2 {
text-transform:uppercase;
color:#222;
font-size:16px;
margin:5px;
border-bottom:1px solid #ccc;
padding:2px;
}

#midContent h2 { text-align:center; }

h3 {
color:#cd0000;
font-size:15px;
margin:5px 10px;
border-bottom:1px dotted #ccc;
padding:2px;
}

h4 {
color:#282828;
font-size:14px;
margin:5px 12px;
padding:2px;
text-transform:uppercase;
}


p {
font-size:12px;
color:#444;
margin:8px 10px;
}

p a {
color:#cd0000;
text-decoration:underline;
}

p a:hover {
color:#444;
text-decoration:none;
}

p.rightP { text-align:right; }

#footer p {
text-align:center;
margin:0;
padding:0;
padding-top:11px;
font-size:10px;
line-height:13px;
}

#tsnFeed {
background:white;
border-top:1px solid black;
border-bottom:1px solid black;
margin-left:1px;
}

#tsnFeed .fdpoweredby { display:none; }

#tsnFeed h2 { color:#444; }

#tsnFeed p { color:#d28900; }

#tsnFeed p a { color:#333; }

#tsnFeed p a:hover { color:#333; }

.mainList { margin:5px 12px; }

.mainList li {
background:transparent url(images/mainList_marker.gif) no-repeat left;
padding-left:12px;
font-size:11px;
color:#444;
margin-top:3px;
}

.mainList li a {
color:#cd0000;
text-decoration:underline;
}

.mainList a:hover {
color:#444;
text-decoration:none;
}

.errorList {
width:300px;
margin:5px auto;
}

.errorList li {
height:16px;
background:white url(images/errorList_marker.gif) no-repeat left top;
font-size:10px;
font-weight:bold;
color:#D00000;
padding-left:15px;
}

#girlsPhotoList {
width:340px;
margin:5px auto;
}

#girlsPhotoList li {
width:160px;
height:180px;
padding:2px;
float:left;
font-size:12px;
text-align:center;
border:1px solid;
border-color:#ddd #ccc #ccc #ddd;
margin:2px 1px;
background:#000;
color:#eee;
}

#girlsPhotoList li a {
color:#cd0000;
text-decoration:underline;
}

#girlsPhotoList li a:hover {
color:#eee;
text-decoration:none;
}

#girlsPhotoList li img {
padding:2px;
border:1px solid;
border-color:#333 #555 #555 #333;
width:130px;
margin:5px auto;
vertical-align:bottom;
}

#girlThumbBox {
width:340px;
margin:5px auto;
height:130px;
overflow:hidden;
}

#girlThumbBox img {
float:right;
vertical-align:bottom;
padding:1px;
border:1px solid;
border-color:#ddd #ccc #ccc #ddd;
}

#sponsorList {
width:230px;
margin:auto;
}

#sponsorList li {
margin-top:5px;
border:1px solid #ccc;
}

#sponsorList li img {
vertical-align:bottom;
}

#scheduleList {
width:225px;
margin:auto;
}

#scheduleList li {
width:225px;
height:300px;
}

/* FORM STYLES */

.searchForm {
width:220px;
margin:5px auto;
}

.signupForm {
width:320px;
margin:5px auto;
}

.searchForm label {
float:left;
font-size:11px;
padding-top:3px;
color:#444;
}

.searchForm .inputField {
width:150px;
border:1px solid #ccc;
padding:1px;
}

.signupForm {
width:320px;
margin:5px auto;
}

.signupForm label {
float:left;
font-size:11px;
padding-top:3px;
color:#444;
margin-right:3px;
}

.signupForm .inputField {
width:170px;
border:1px solid #ccc;
padding:1px;
color:#2fc507;
}

.signupForm .submitButton {
float:right;
padding:2px;
}

.mainForm {
width:334px;
margin:5px auto;
}

.mainForm fieldset {
border:1px solid #ccc;
}

.mainForm legend {
font-size:12px;
font-weight:bold;
margin:5px;
padding:2px;
border:1px solid #ccc;
}

.mainForm label {
float:left;
font-size:11px;
padding-top:6px;
color:#444;
margin-right:10px;
width:100px;
text-align:right;
}

label.checkLabel {
width:280px;
margin-right:5px;
padding-top:2px;
}

.mainForm .inputField, .mainForm .textField {
width:190px;
border:1px solid #ccc;
padding:1px;
color:#333;
float:left;
margin-top:10px;
}

.mainForm .textField { height:100px; }

.mainForm .checkBox {
height:20px;
width:20px;
margin-right:25px;
float:right;
text-align:center;
}


.mainForm .submitButton {
float:right;
padding:2px;
}

.submitButton {
background:#cd0000;
border:1px solid #ccc;
cursor:pointer;
color:#eee;
font-weight:bold;
font-size:11px;
}

#slider {
width:340px;
margin:auto;
margin-top:5px;
border:1px solid #ccc;
}

#slider, #slider li {
width:340px;
height:100px;
overflow:hidden;
}

#slider2 {
width:340px;
margin:auto;
margin-top:5px;
border:1px solid #ccc;
}

#slider2, #slider2 li {
width:340px;
height:300px;
overflow:hidden;
}

#prevBtn, #nextBtn{ 
font-size:12px;
margin:5px 10px 5px 10px;
}	

#prevBtn a, #nextBtn a {  
color:#cd0000;
}	

#prevBtn a:hover, #nextBtn a:hover {
color:#444;
text-decoration:none;
}

/* I'M JUST ENTERING THESE LINES OF TEXT TO AVOID THE DREAMWEAVER BUG WHICH APPARENTLY CAUSES
ITSELF TO CRASH IF THIS FILE IS OF A PRECISE SIZE.

PFFT
*/