/*	CLUBWARS.net typography style sheet				*/
/*	This document is the sole property of Jim Kilroy & CLUBWARS.net		*/
/*	 (C) 2005 CLUBWARS	.				*/
/*	 Do not modify this document without approval of W2-wayne wilkes	*/
/* 	Do not copy this document! 				*/
/*	 For information, contact wayne@w2-design.com		*/
/* 	Change Log Follows: 					*/
/*	 0215/2005 Design v1.0 (WAW)				*/


/* Larger Type Styles for Headlines, etc. */
h1 { display: none; }
h2 { font-size: 22px;	font-weight: 900;	color: #FFD200; margin-left: 15px;}
h3 { font-size: 16px;	font-weight: 900;	color: #ccc; margin-top: 10px;}
h4 { font-size: 12px;	font-weight: 900;	color: #FFD200; border-bottom: 1px solid #FFD200;}

/* special Text display */


/* footer text and link */
.foot {
 position: relative;

	margin: 15px;
	margin-top: 40px;

	border-bottom: 1px solid #666;
	padding-top: 12px;
	color: #999;
	font-size: 9px;
	background-image: url(/common/images/footer_BKGD.gif);
	background-repeat: repeat-x;
}

#foot:link {color: #ccc; font-weight: 600; }
#foot:visited {color: #ccc; font-weight: 600; }
#foot:active {color: #ccc; font-weight: 600; }
#foot:hover {color: #f1f1f1; font-weight: 600; }


/* NAV */
.globalNAVright {
 position: absolute;
	top: 34px;
	height: 19px;
	right: 5px;
	padding-left: 21px;
	padding-top: 2px;
 background-image: url(/common/images/header_iconSquare.gif);
	background-repeat: no-repeat;
	color: #FFD200;
	vertical-align: middle;
}
.globalNAVright a {color: #FFD200;	font-size: 12px;	font-weight: bold;	text-decoration: none;}
.globalNAVright a:link {color: #FFD200;	font-size: 12px;	font-weight: bold;	text-decoration: none;}
.globalNAVright a:visited {color: #FFD200;	font-size: 12px;	font-weight: bold;	text-decoration: none;}
.globalNAVright a:hover {color: #FFEA00;	font-size: 12px;	font-weight: bold;	text-decoration: none;}

.globalNAVcenter {
 position: absolute;
	width: 740px;
	top: 98px;
	left: 10px;
	text-align: center;
	color: #ccc;
	font-size: 11px;
	font-weight: bold;
}
.globalNAVcenter a {color: #fff;	font-size: 12px;	font-weight: bold;}
.globalNAVcenter a:link {color: #fff;	font-size: 12px;	font-weight: bold;}
.globalNAVcenter a:visited {color: #fff;	font-size: 12px;	font-weight: bold;}

.globalNAVleft {
 position: absolute;
	top: 34px;
	height: 19px;
	left: 5px;
	padding-top: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}

#NAV { white-space: nowrap; text-align: center; }
#NAV div { float: left; display:inline;}
#NAV span {	font-weight: 900; display: none; }
#NAV a { display: block; width: 100%; height: 100%; text-decoration: none; font-size: 10px; }
#NAV a span { display: none; }
#NAV a:focus, #NAV a:active { border:0; }

	#NAVa { width: 87px; height: 44px;}
	#NAVaHi { width: 87px; height: 44px;}
 #NAVb { width: 100px; height: 44px; }
	#NAVbHi { width: 100px; height: 44px; }
 #NAVc { width: 76px; height: 44px; }
	#NAVcHi { width: 76px; height: 44px; }
	
	#NAVd { width: 118px; height: 44px; }
	#NAVdHi { width: 118px; height: 44px; }
	#NAVe { width: 128px; height: 44px; }
	#NAVeHi { width: 128px; height: 44px; }

	#NAV #NAVa { background: url(/common/images/seasonNAV_spring-1.gif); background-repeat: no-repeat; margin-left: 39px;}
	#NAV #NAVa a:hover { background: url(/common/images/seasonNAV_spring-3.gif); background-repeat: no-repeat;}
	#NAV #NAVaHi { background: url(/common/images/seasonNAV_spring-3.gif); background-repeat: no-repeat; margin-left: 39px;}
 #NAV #NAVb { background: url(/common/images/seasonNAV_summer-1.gif); background-repeat: no-repeat; margin-left: 29px;}
	#NAV #NAVb a:hover { background: url(/common/images/seasonNAV_summer-3.gif); background-repeat: no-repeat;}
	#NAV #NAVbHi { background: url(/common/images/seasonNAV_summer-3.gif); background-repeat: no-repeat; margin-left: 29px;}
 #NAV #NAVc { background: url(/common/images/seasonNAV_fall-1.gif); background-repeat: no-repeat; margin-left: 29px;}
 #NAV #NAVc a:hover { background: url(/common/images/seasonNAV_fall-3.gif); background-repeat:}
	#NAV #NAVcHi { background: url(/common/images/seasonNAV_fall-3.gif); background-repeat: no-repeat; margin-left: 29px;}
	
	#NAV #NAVd { background: url(/common/images/nav_CURRENT-1.png); background-repeat: no-repeat; margin-left: 60px;}
 #NAV #NAVd a:hover { background: url(/common/images/nav_CURRENT-2.png); background-repeat:}
	#NAV #NAVdHi { background: url(/common/images/nav_CURRENT-2.png); background-repeat: no-repeat; margin-left: 60px;}
	
	#NAV #NAVe { background: url(/common/images/nav_UPCOMING-1.png); background-repeat: no-repeat; margin-left: 29px;}
 #NAV #NAVe a:hover { background: url(/common/images/nav_UPCOMING-2.png); background-repeat:}
	#NAV #NAVeHi { background: url(/common/images/nav_UPCOMING-2.png); background-repeat: no-repeat; margin-left: 29px;}
	
	

/* Decor */
.pageBody {
 position: relative;
	width: 904px;
	height: 410px;
	top: 0px;
	margin: 0 auto;
	background-repeat: no-repeat;
}

.seasonNAV {
	height: 50px;
	width: 400px;
 background-image: url(/common/images/bodyNAV_BKGD.gif);
	background-repeat: repeat-x;
	color: #fff;
	vertical-align: top;
}
.subNAV {
	height: 32px;
	width: 400px;

	color: #fff;
	vertical-align: middle;
	text-align: center;
}
.subNAV #blank {
 height: 24px;
	white-space: nowrap;
	display: block;
	border-right: 0px solid #8D8D8D;
	border-left: 1px solid #333333;
	background-image: url(/common/images/bodySubNAV_BKGD.gif);
	background-repeat: repeat-x;
	padding-top: 8px;
	vertical-align: middle;
	font-weight: bold;
}
.subNAV #menu {
 height: 24px;
 width: 98px;
 float: left;
	white-space: nowrap;
	display: block;
	border-right: 1px solid #8D8D8D;
	border-left: 1px solid #333333;
	background-image: url(/common/images/bodySubNAV_BKGD.gif);
	background-repeat: repeat-x;
	padding-top: 8px;
	vertical-align: middle;
	font-weight: bold;
}
.subNAV #menuHi {
 height: 24px;
 width: 98px;
 float: left;
	white-space: nowrap;
	display: block;
	border-top: 1px solid #8D8D8D;
	border-right: 1px solid #8D8D8D;
	border-left: 1px solid #333333;
	padding-top: 7px;
	vertical-align: middle;
	font-weight: bold;
}
.subNAV #menuHi a {color: #FFD200;	font-size: 11px;	font-weight: bold; text-decoration: none;}

.subNAV div a {color: #ccc;	font-size: 11px;	font-weight: bold; text-decoration: none;}
.subNAV div a:link {color: #ccc;	font-size: 11px;	font-weight: bold; text-decoration: none;}
.subNAV div a:visited {color: #ccc;	font-size: 11px;	font-weight: bold; text-decoration: none;}
.subNAV div a:hover {color: #fff;	font-size: 11px;	font-weight: bold; text-decoration: none;}

.leftColumn {
 position: absolute;
	top: 150px;
	left: 0px;
	width: 200px;
	border: 1px solid #8D8D8D;
	border-top: 2px solid #8D8D8D;
	float: left;
	text-align: left;
	margin-bottom: 20px;
}

.centerColumn {
 position: absolute;
	top: 155px;
	left: 202px;
	width: 400px;
	border: 0px;
	text-align: left;
	overflow: hidden;
}

.centerContent {
 position: relative;
	width: 370px;
	margin-left: 15px;
	margin-right: 15px;
	color: #fff;
}

.rightColumn {
 position: absolute;
	top: 160px;
	right: 0px;
	width: 290px;
	border: 1px solid #8D8D8D;
	border-top: 2px solid #8D8D8D;
	float: right;
	text-align: left;
	background-color: #000;
	padding: 5px;
}

.rightColumn p { padding: 5px; }
.rightColumn ul {
 margin: 5px;
	padding: 0px;
	list-style-type: none; 
	padding-bottom: 10px;
}
.rightColumn ul li {
 border-bottom: 1px solid #999;
	padding-top: 2px;
	padding-bottom: 2px;
}
.rightColumn ol {
 margin: 0px;
	padding: 0px;
	list-style-type: none; 
	padding-bottom: 5px;
}

.rightColumnFeature {
 position: absolute;
	top: 135px;
	right: 0px;
	width: 300px;
	height: 20px;
	border: 1px solid #fff;
	float: right;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	background-color: #000;
}

.scrollBox {
 width: 173px;
	height: 200px;
 margin: 0px;
	margin-bottom: 10px;
 padding: 0px;
	border-bottom: 1px solid #8D8D8D;
	background-color: #222;
	overflow: auto;
	scrollbar-3dlight-color: #000;
 scrollbar-arrow-color: #666;
 scrollbar-base-color: #333;
 scrollbar-darkshadow-color: #000;
 scrollbar-face-color: #333;
 scrollbar-highlight-color: #666;
 scrollbar-shadow-color: #000;
}

.singleColumn {
 position: absolute;
	top: 135px;
	left: 0px;
	width: 750px;
	border: 0px;
	text-align: left;
}

.singleContent {
 position: relative;
	width: 720px;
	margin-left: 15px;
	margin-right: 15px;
	color: #fff;
}

/* Sub and Side Navigation */
#sponsor { white-space: nowrap;	text-align: center; margin: 0 auto;}
#sponsor div {border: 1px solid #ccc; position: relative; vertical-align: middle; margin: 5px auto; background-repeat: no-repeat; font-weight: bold; width: 150px; height: 30px;}
#sponsor a { display: block; width: 100%; height: 100%; vertical-align: middle;}
#sponsor a span { display: none; }
#sponsor a:focus, #sponsor a:active { border:0; }

	#sponsor #sponsorBlock { background-repeat: no-repeat; background-position: center; background-color:#000000; vertical-align: middle; padding-top: 10px;}
	#sponsor #sponsorPage { background-repeat: no-repeat; background-position: center; background-color:#000000; float: left; margin: 5px; padding-top: 10px;}
	
.subHead {width: 100%; height: 29px;}
.subHead span {	display: none; }
.subHead a { display: block; width: 100%; height: 100%;}
.subHead a span {	display: none; }


/* Common tags, for implementing the standard type */
div.clear { clear: both; background: transparent; margin: 0; padding: 0; }

a { font-family: verdana, helvetica, arial; }
a:link { color: #FE8F01; }
a:visited { color: #FE8F01; }
a:active { color: #FE8F01; }
a:hover { color: #FE8F01; }
body,td,th { font-family: verdana, helvetica, arial;	font-size: 11px;	color: #f1f1f1;}
body {
	background-color: #000000;
	background-image:url(/common/images/body_BKGD.gif);
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	vertical-align: top;
	}