#wrap    { background: url(/images/bg/front2007-3.gif); }
#content { background: #transparent; }

/* **************** HOME PAGE, LEAD BOX *************** */

#bigNewsSpotlite { background: black; width: 514px; padding-top: 3px; }

#hli {
	margin: 0 0 3px 5px;
	width: 500px;
	position: relative;
}

.spotliteBox {
	margin: 0 0 -10px 3px;
	padding-top: 5px;
	width: 505px;
	position: relative;
	overflow: hidden;
	border: 1px solid #777;
}

.spotliteBox h1 {
	font: 800 17pt "Trebuchet MS", arial, helvetica, sans-serif;
	color: #005;
	margin: 0;
	padding: 0 2px;
	text-decoration: none;
	background: transparent;
	border-top: 0;
	border-bottom: 1px solid black;
}

.spotliteBox #imgtextWrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 500px;
}

.spotliteBox h1.topper {
	font: 700 30pt Arial, Helvetica, sans-serif;
	border-bottom: 0;
	height: 40px;
	padding-bottom: 8px;
	color: white;
	position: relative;
    z-index: 2;
}

#opacityBG {
    background: black;
    opacity: .7;
    filter: alpha(opacity=70);
    height: 100%;
    width: 105%;
	position: absolute;
	bottom: 0;
	left: 0;
    z-index: 1;
    box-shadow: -10px -14px 10px #333333;
    -moz-box-shadow: -10px -14px 10px #333333;
    -webkit-box-shadow: -10px -14px 10px #333333;
}

.spotliteBox h1.postseason { font: 800 18pt arial; border-bottom: 0; }
.spotliteBox h2.postseason { font: 12pt "Trebuchet MS",arial,helvetica,sans-serif; margin: 0 0 2px 0; }
.spotliteBox h3 { font: bold 10pt "Trebuchet MS", arial, helvetica, sans-serif;	color: white; margin: 10px 0 0 5px; padding: 0 2px; text-decoration: underline; }
.spotliteBox a, .spotliteBox li a { color: #efbc21; }
.spotliteBox a { background: #333; }
.spotliteBox li a { background: black; }
.spotliteBox a:hover, .spotliteBox li a:hover { color: #e93; }
.spotliteBox li { color: white; }

.spotliteBox p {
	margin: 0 5px;
	font-size: 11px;
	padding: 3px 5px;
	border: 1px solid #444454;
	background: #333;
	color: #eee;
}
.spotliteBox p.caption {
	margin: 1px 0; 
	background: transparent; 
	border: 0; 
	padding: 0; 
	font: normal 10px Arial, sans-serif; 
	color: #aaa; 
	position: relative;
	z-index: 2;
	text-align: right;
}
.spotliteBox div.spotliteSplit1 p, .spotliteBox div.spotliteSplit2 p,
.spotliteBox div.spotliteSplit6 p, .spotliteBox div.spotliteSplit7 p { background: white; border: 0; }
.spotliteBox div.spotliteSplit7 p.caption { color: #ccc; background: #333; padding: 1px; font-weight: normal; }

.spotliteBox ul { font: 11px verdana, arial, helvetica, sans-serif; margin: 3px 0 0 18px; padding: 0; list-style-type: circle; }
.spotliteBox li { margin: 0 0 6px 0; }


/* side by side version */
.spotliteSplit1 { float: left; width: 280px; }
.spotliteSplit2 { float: left; width: 225px; }

.spotliteSplit7 { float: left; width: 285px; padding-right: 3px; margin-bottom: 10px; }
.spotliteSplit7 li { margin-top: 3px; }
.spotliteSplit7 li a { text-decoration: none; }
.spotliteSplit6 { float: left; width: 204px; padding-left: 3px; margin-left: 4px; border-left: 1px solid #ccc; }
.spotliteSplit6 h3 { margin-top: 14px; }
.spotliteSplit6 li a { text-decoration: none; }

/* stacked version */
.spotliteSplit3 { }
.spotliteSplit4 { margin-bottom: 0; }
.spotliteSplit3 a, .spotliteSplit4 a { text-decoration: none; }

/* side by side version - X-wide */
.spotliteSplit5 { float: left; width: 430px; }

.tournarticle { clear: both; margin-bottom: 3px; }
.tournarticle img { border: 1px solid black; width: 80px; height: 80px; float: right; margin: 0 0 10px 3px; }
.tournarticle img.icon { border: 0; width: 14px; height: 14px; float: none; margin: 0; }
.tournarticle p { padding: 0; }
.tournarticle p.header { }
.tournarticle p.teaser { padding-top: 2px; }

#widget {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 120px;
	/*
	left: 5px;
	width: 270px;
	*/
}
#widget img { margin-bottom: 3px; border: 0px solid black; /*margin-left: 12px;  take out the last item when using regular setup */ }



/* ********** OTHER HOME PAGE BOXES ********** */

#newslistblock {
	margin: 5px 5px 8px 5px;
	float: left;
	width: 247px;
	border: 1px solid #ccc;
	position: relative;
}

.newslist a { font: bold 11px Verdana,sans-serif; text-decoration: none; }
.newslist a:hover { font: bold 11px Verdana,sans-serif; color: #005; text-decoration: underline; background: #fff; }
.newslist li { margin-bottom: 5px; }


.newswidget p.teaser { font-size: 11px; margin-top: 0; padding: 0; margin-bottom: 3px; }


#content #bigpicture {
	margin-left: 5px;
	height: 193px;
	width: 500px;
	background: #ede6d8;
	border: 1px solid #e4c995;
	border-bottom-width: 4px;
	padding-bottom: 5px;
}
#content #bigpicture a { background: #ede6d8; }
#bigpicture h2 {
	font: bold 13px 'Trebuchet MS';
	margin: 0 0 2px 0;
	background: #ab7c20;
	/*
	background: -moz-linear-gradient(center top , #666666, #ab7c20) repeat scroll 0 0 #ab7c20;
	background: -webkit-linear-gradient(center top , #666666, #ab7c20) repeat scroll 0 0 #ab7c20;
	*/
	color: white;
	padding: 2px 2px 2px 10px;
	text-shadow: 1px 1px 1px #000;
}

#bigpicture .featurebox {
	float: left;
	width: 245px;
	margin: 0;
	padding: 2px;
}
#bigpicture .featurebox img { float: left; width: 80px; border: 1px solid black; margin-right: 2px; }
#bigpicture p.teaser { font-size: 0.9em; margin: 0; }


#pictorialHighlight, .pictorialHighlight { border: 1px solid #ccc; padding: 2px; margin-top: 8px; }
#pictorialHighlight h3, .pictorialHighlight h3 { background: #ccf; color: #009; font: bold 11px arial; margin: -2px -2px 0 -2px; padding: 1px; }
#pictorialHighlight h4, .pictorialHighlight h4 { font: bold 11px arial; margin: 0 -2px 0 -2px; }
#pictorialHighlight img, .pictorialHighlight img { width: 244px; margin-bottom: 2px; }
#pictorialHighlight p, .pictorialHighlight p { font: 10px arial; margin: 2px 0; }
#pictorialHighlight p a, #pictorialHighlight p a:hover { font: bold 10px verdana; }
.pictorialHighlight p a, .pictorialHighlight p a:hover { font: bold 10px verdana; }


#multimediaList {
	border: 1px solid #ccc;
	padding: 2px;
	width: 199px;
	background: #fff;
	margin: 0 4px 4px 4px;
}
#multimediaList ul { margin: 0; padding: 0; }
#multimediaList li { margin-left: 24px; font-size: 9px; }
#multimediaList li.audio     { list-style-image: url(/images/icon-audio.gif); }
#multimediaList li.video     { list-style-image: url(/images/icon-video.gif); }
#multimediaList li.pictorial { list-style-image: url(/images/icon-gallery.gif); }
h5.multhead {
	color: white;
	background: #737770;
	padding: 0px 8px;
	font-size: 11px;
	margin: 0 0 0 4px;
	border-bottom: 3px solid #000;
}

#psMultList {
	float: left;
	width: 209px;
	margin-top: 8px;
}

/* ******************* ADS ******************* */

#frontAds { position: absolute; top: 5px; left: 520px; }