@charset "utf-8";

/* Style sheet as finalized January 3, 2010. */
/* body establishes default font (black 14px), style and background (white) */

body  {
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 17px;
	background-color:#999999:
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; 
	color: #000000;
}

/* p makes the standard para style with dark blue font and space top and bottom */

p {
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 17px;
	padding: 0;
	color:#000033;
	margin: 10px 0px 15px 0px;
	padding: 0;
}

/* following .thrCol Style items (aka IDs) define all pages. Within "ContainerFull" we have "Banner", "SidebarLeft" (with 
"Leagues" inside of that), "SidebarRight" (ads), "BottomNav" (bottom) and "Main" (the center column: the ONLY content 
that usually changes) .clearfloat is a coding trick to close out "Main" and "ContainerFull" */

.thrCol #ContainerFull {
	position: absolute;
	top: 0px;
	left: 5px;
	width: 1075px;
	padding: 0 0 0 0;
	height: auto;
	border-bottom-color: #000000;
	border-bottom-width: 10px;
	border-bottom-style: solid;
}

.thrCol #Banner {
	position: absolute;
	top: 1px;
	left: 0px;
	text-align: left;
	width: 1065px;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	background: #000033;
}

.thrCol #SidebarLeft {
	float: left; /* since this element is floated, a width must be given */
	margin: 119px 0 0 0;
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 45px 10px 30px 0;
	background: #000033;
}

.thrCol #leagues {
	margin: 50px 3px 0px 14px;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	style: bold;
	border-width: 4px;
	border-style: solid;
	border-color: #99CCFF;
	background-color:#33CCCC;
}

.thrCol #SidebarRight {
	/* float: left; since this element is floated, a width must be given */
	width: 240px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 20px 0 0 0;
	position: absolute;
	left: 835px;
	top: 119px;
	float: right;
	margin: 0 0 0 0;
	text-align: center;
	background: #000033;
	height: inherit;
}

.thrCol #Main { 
	position: absolute;
	left: 160px;
	top:10px;
	margin: 0 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	background: #FFFFFF;
	width: 620px;
	padding: 20px 25px 10px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: inherit;
} 

.thrCol #BottomNav {
	float: left;
	width: 1032px;
	margin-top: inherit;
	margin-right: 0;
	padding: 5px 25px 10px 18px;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	font-style: normal;
	color:#FFFFFF;
	background: #3399CC;
	text-align: center;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* following items define elements within "Main": "TopStoryLeft" is the top story on Index but can be used elsewhere.
"TopStoryCenter" is the Gray Breakaway Box on Index but can be used elsewhere. Feature item L is not in use 
currently but can be used on special pages. CAUTION: "FeatureRight" for now is ONLY for 
the Ratings Element on Index, and MUST be adjusted each time the Index top story changes to fit the new layout. */

.thrCol #TopStoryLeft {
	float: left;
	width: 395px;
	margin: 0 0 0 0;
	padding: 0px 5px 0px 5px;
}

.thrCol #TopStoryCenter {
	/*float:left;*/
	margin-top:25px;
	margin-bottom:30px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 15px 25px 25px 25px;
	background-color:#CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-color: #000066;
}

.thrCol #FeatureRight {
	float: right;
	width: 180px;
	margin-top:-20px;
	margin-right: -35px;
	margin-bottom: 0px;
	margin-left:20px;
	padding: 35px 20px 50px 20px; 	/*!!! must adjust top and bottom padding each time Index is updated.*/
	border-width: 1px;
	border-style: solid;
	border-color:#000066;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
	/*background-color:#CCCCCC;*/
}

.thrCol #FeatureLeft {
	float: left;
	width: 170px;
	margin-top:-20px;
	margin-left: -30px;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 0px 25px 25px 30px;
	style: bold;
	border-width: 2px;
	border-style: solid;
	border-color:#000CC6;
	border-left: 0px;
	border-top: 0px;
}

/* Next two are photo elements designed for under the headline most anywhere. 
For TopPhotoLeft, use centered headline. For TopPhotoRight, align headline on left. 
Either way, insert line breaks in head and captions as needed for best look. */

.thrCol #TopPhotoLeft {
	margin: 0px 0px 0px 0px;
	padding-bottom:20px;
	width: auto;
	text-align: center;
	font-size:12px;
/*	font-style:italic;*/
}

.thrCol #TopPhotoRight {
	float: right;
	margin: 10px 0 15px 10px;
	width: auto;
	text-align: right;
	font-size:12px;
	font-style:italic;
}

.thrCol #LogoLeft {
	float: left;
	margin: 0px 5px 5px 0px;
	padding-bottom:0;
	width: auto;
	text-align: center;
	font-size:12px;
/*	font-style:italic;*/
}

/* Following mod of Main allows use of full width.*/

.thrCol #AltMain { 
	position: absolute;
	left: 160px;
	top:120px;
	margin: 0 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	background: #FFFFFF;
	width: 840px;
	padding: 20px 25px 10px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: inherit;
} 

.thrCol #MainLower { 
	float: left;
	margin: 0 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	background: #FFFFFF;
	width: 620px;
	padding: 20px 25px 10px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: inherit;
} 


/* Following define styles 
- "Style7" is the Super Headline for tops of main pages (must be a div and can be bolded).
- "a" items define link, hover and visited colors for all pages. 
- H1 and H2 are the standard heads for items, H3 is the standard sub/super head, H5 is standard for date */

.thrCol #style1 {
	font-size: 13px;
	color: #FF0000;
	style: bold;
}

#style2 {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 20px 0;
	font-style:oblique;
}

.thrCol #style7 {
	margin: 0 0 20px 0;
	padding: 0 0 0px 0;
	font-size: 28px;
	line-height: 32px;
	color: #000066;
	text-align: center;
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: #0000FF;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
	color:#0033CC;
	font-weight:normal;
}

a:hover {
	text-decoration: none;
	color: #FF0000;
	font-weight: bold;
}

h1 {
	margin: 15px 0 16px 0;
	padding: 0;
	font-size: 22px;
	line-height: 26px;
	color: #000066;
}

h2 {
	margin: 15px 0 16px 0;
	padding: 0;
	line-height: 22px;
	font-size: 20px;
	color: #000066;
}

h3 {
	margin: 3px 0 6px 0;
	padding: 0;
	line-height: 17px;
	font-size: 16px;
	color:#000000;
}

h4 {
	font-size: 19px;
	line-height: 24px;
	margin: 4px 2px 4px 2px;
	color: #000000;
	font-style: bold;
}

h5 {
	margin: 8px 0 0 0;
	font-size: 10px;
	line-height: 20px;
	font-style:bold;
}

h6 {
	font-style:italic;
	font-size:11px;
	line-height:11px;
	margin: 3px 0 0 0;
	font-style:normal;
}