BODY	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%;
	}
	
.arial_10px { 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif ;
	} 

.arial_11px {     
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif ;
	} 
	
.tinytext {  /* This is for a few cells on the odds in the matchups pages- could probably be changed- but not by us */
        font-size: 9px; 
        font-family: Verdana, Arial, Helvetica, sans-serif 
        }
        
.subhead_blue { /* some titles in mathcups- for example, stadiums in mlb */
        font-weight: bold; font-size: 12pt; font-family: Arial, Helvetica, sans-serif ; color: #000099
        }        	

.mbt { 
	font-size: 9pt; 
	font-family: Arial, Helvetica, sans-serif  ;
	} 

.smtext-grey { 
	font-size: 10px ;
	color: #666666;
	font-style: none;
	
	} 
	
.subhead-grey { 
        font-size: 10px; 
        font-family: Verdana, Arial, Helvetica, sans-serif ; 
        font-weight: bold; color: #666666 }	

SPAN.smtext-grey { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 87% ;
	} 
	
.caption {  	/* This is for captions under photos */
	font-size: 11px ; 
	color: #666666; 
	font-style: none; 
	
	 }


.header2 { 
	font-weight: bold; 
	font-size: 16pt; 
	font-family: Arial, Helvetica, sans-serif ;
	} 

A.header2 { 
	font-weight: bold; 
	font-size: 16pt; 
	font-family: Arial, Helvetica, sans-serif ;
	} 
	
.bigheader2 {  		/* This is the largest headline */
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 20pt; 
	} 
	
.subhead2 { 
	font-weight: bold; 
	font-size: 12pt; 
	font-family: Arial, Helvetica, sans-serif  ;
	} 

.subhead3 {  		/* This is for smaller article headlines */
	font-weight: bold; 
	font-size: 83%; 
	} 
	
SPAN.subhead3 { 	/* This is for instances where article headlines are in the same cell as the text */
	font-weight: bold; 
	font-size: 120%; 
	} 

.frontheaders { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #990000; 
	font-weight: bold  ;
	} 

.frontheaders_black { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	font-weight: bold ;
	} 

.gradgreen, .gradgreennfl, .gradgreenncf, .gradblue, .gradbluemlb, .gradlightblue, .gradpurplenhl, .gradgoldnba, .gradbrownncb, 
.gradredwnba, .gradredbetting, .gradorangeforum , .gradblack, .gradtealsoccer, .gradgreengolf, .gradyellownascar {
	height: 20px; 
	color: white; 
	font-size: 9pt; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-weight: bold; 
	background-color: #999;
	} 

.gradgreen A:link, .gradgreennfl A:link, .gradgreenncf A:link, .gradgreengolf A:link, .gradblue A:link, .gradbluemlb A:link, .gradtealsoccer A:link,
.gradlightblue A:link, .gradpurplenhl A:link, .gradgoldnba A:link, .gradbrownncb A:link, .gradredwnba A:link, .gradredbetting A:link, .gradyellownascar A:link {
	color: white; 
	} 

.gradgreen A:visited, .gradgreennfl A:visited, .gradgreenncf A:visited,.gradgreengolf A:visited, .gradblue A:visited, .gradbluemlb A:visited, .gradtealsoccer A:visited,
.gradlightblue A:visited, .gradpurplenhl A:visited, .gradgoldnba A:visited, .gradbrownncb A:visited, .gradredwnba A:visited, .gradredbetting A:visited, .gradyellownascar A:visited {
	color: white; 
	} 

.gradgreen A:hover, .gradgreennfl A:hover, .gradgreenncf A:hover, .gradgreengolf A:hover, .gradblue A:hover, .gradbluemlb A:hover, .gradtealsoccer A:hover,
.gradlightblue A:hover, .gradpurplenhl A:hover, .gradgoldnba A:hover, .gradbrownncb A:hover, .gradredwnba A:hover, .gradredbetting A:hover, .gradyellownascar A:hover {
	color: #E15A00  ;
	} 

.gradgreen {
	background-color: #496F49;
	filter: progid:DXImageTransform.Microsoft.gradient 
	(GradientType=0, startColorstr=#496F49, endColorstr=#669966)
	} 

.gradgreennfl {
	background-color: #496F49;
	filter: progid:DXImageTransform.Microsoft.gradient 
	(GradientType=0, startColorstr=#496F49, endColorstr=#669966)
	}

.gradgreenncf {
	background-color: #457545;
	filter: progid:DXImageTransform.Microsoft.gradient 
	(GradientType=0, startColorstr=#457545, endColorstr#D6E2D6)
	} 
	
.gradgreengolf {
	background-color: #4C6538;
	filter: progid:DXImageTransform.Microsoft.gradient 
	(GradientType=0, startColorstr=#4C6538, endColorstr#74994C)
	} 	

.gradblue {
	background-color: #26254A;
	filter: progid:DXImageTransform.Microsoft.gradient 
	(GradientType=0, startColorstr=#26254A, endColorstr=#414C73)
	}  

.gradbluemlb {
	background-color: #375E9D;
	filter: progid:DXImageTransform.Microsoft.gradient 
	(GradientType=0, startColorstr=#375E9D, endColorstr=#6B8FCB)
	} 

.gradlightblue {
	background-color: #434C72;
	filter: progid:DXImageTransform.Microsoft.gradient 
	(GradientType=0, startColorstr=#434C72, endColorstr=#697B92)
	} 

.gradpurplenhl {
	background-color: #42428A;
	filter: progid:DXImageTransform.Microsoft.gradient 
	(GradientType=0, startColorstr=#42428A, endColorstr=#A2A5C1)
	} 

.gradgoldnba {
	background-color: #86865B;
	filter: progid:DXImageTransform.Microsoft.gradient 
	(GradientType=0, startColorstr=#86865B, endColorstr=#BDBD96)
	} 

.gradbrownncb {
	background-color: #CB6500;
	filter: progid:DXImageTransform.Microsoft.gradient 
	(GradientType=0, startColorstr=#CB6500, endColorstr=#EEB156)
	} 

.gradredwnba {
	background-color: #933;
	filter: progid:DXImageTransform.Microsoft.gradient (
	GradientType=0, startColorstr=#993333, endColorstr=#D2B5B0)
	}

.gradredbetting {
	background-color: #A00000;
	filter: progid:DXImageTransform.Microsoft.gradient (
	GradientType=0, startColorstr=#A00000, endColorstr=#DC0101)
	}
	
.gradorangeforum {
	background-color: #CD6600;
	filter: progid:DXImageTransform.Microsoft.gradient (
	GradientType=0, startColorstr=#CD6600, endColorstr=#EC771C)
	}
	
.gradblack {
	background-color: #000;
	filter: progid:DXImageTransform.Microsoft.gradient (
	GradientType=0, startColorstr=#000000, endColorstr=#727272 )
	}
	
.gradtealsoccer {
	background-color: #006699;
	filter: progid:DXImageTransform.Microsoft.gradient (
	GradientType=0, startColorstr=#006699, endColorstr=#8EC1DF)
	}
	
.gradyellownascar {
	background-color: #D6B51B;
	filter: progid:DXImageTransform.Microsoft.gradient (
	GradientType=0, startColorstr=#D6B51B, endColorstr=#FDDC1D)
	}

A:link { 
	color: #3300CC; 
	text-decoration: underline ;
	} 

A:visited { 
	text-decoration: underline; 
	color: #506BB6 ;
	} 

A:hover { 
	color: #E15A00  ;
	} 

A:active { 
	color: #669933 ;
	} 
	
.bigheader2 A:link {  		/* This is the largest headline */
	text-decoration: none ;
	color: #000
	} 
	
.bigheader2 A:visited {  		/* This is the largest headline */
	text-decoration: none ;
	color: #000
	} 
	
.bigheader2 A:hover {  		/* This is the largest headline */
	color: #E15A00  ;
	} 

h2	{
	line-height: 1em;
	}

.smtext { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	} 

.smtext2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px ; 
	} 
	
TR.headerrow {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px ; 
	background-color: #ECECE4
	}
	

/* This set of styles is for More Stories in bullet boxes, with top and left border */
/* See www.alistapart.com/articles/taminglists/ */

#morestories {	/* This makes top and left line and correct spacing for below More Stories title */
	border-top: 1px solid;
	border-left: 1px solid;
	margin-top: 0;
	padding-top: 0;
	}
	
	#morestories ul {	/* This makes the marker show up flush left, with a space before it. Need both margin and padding for cross-browser */
		margin: 0em;
		padding: 0 0em 1 1.5em;  /* padding on top,right,bottom, left (from line to disc)
		}
		
	#morestories li {	/* This makes the marker a disc, and makes the space between the marker and the text */
		margin: 0.4em;       
		list-style: disc;	/* Change this to make it a square, circle, etc. */
		line-height: 1.5em
		}

.text { FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
} 

.bottomline TD {
    border-bottom: solid 1px #999999;
}

.bottomlines TD {
    border-bottom: solid 1px #999999;
    border-right: solid 1px #999999;
    border-left: solid 1px #999999;
    
}
	
.leftline TD {
    border-left: solid 1px #999999;
	padding-left:20px
}
	
.list { 
list-style-type: square;
list-style-position: outside;
padding-left: 5 px;
}

.scrollbar {
    scrollbar-arrow-color: #f1f1f1;
    scrollbar-base-color: DarkOrange;
	scrollbar-face-color: #434C72;
    scrollbar-highlight-color: #434C72;
    scrollbar-shadow-color: #434C72;
    scrollbar-track-color: #f1f1f1;
}


/* Added this in for the footer links  */

.footer-link 
{ FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #E5E5E5; 
font-weight: normal } 

.footer-link  A:link { text-decoration: none; font-weight: 
normal; color: #E5E5E5} 

.footer-link  A:visited { text-decoration: none; font-weight: 
normal; color: #E5E5E5} 

.footer-link  A:active { text-decoration: none; font-weight: 
normal; color: #E5E5E5} 

.footer-link  A:hover { COLOR: #FF9900; text-decoration: 
none; font-weight: normal} 

/* header links - text  */

.header-text { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px ;
	color: #ffffff;
	} 


.header-link 
{ FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #FFCC00; 
font-weight: underline } 

.header-link  A:link { text-decoration: underline; font-weight: 
bold; color: #FFCC00} 

.header-link  A:visited { text-decoration: underline; font-weight: 
bold; color: #FFCC00} 

.header-link  A:active { text-decoration: underline; font-weight: 
bold; color: #FFCC00} 

.header-link  A:hover { COLOR: #FF9900; text-decoration: 
bold; font-weight: bold} 

 



.article-title { 
FONT-WEIGHT: bold; FONT-SIZE: 16pt; FONT-FAMILY: 
Arial, Helvetica, sans-serif ; color: #000066
} 
	

a.helplink{ /* This is for the question mark cursor */
    cursor: help; 
	padding-right: 5px;
        }

a.helplink:hover {
	position: relative;
	z-index: 100;
	}

a.helplink span{
	display: none
	}

a.helplink:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:4em; width:20em;
	padding: 5px;
	text-decoration: none;
	text-align: left;
	font: 12px Verdana, sans-serif;
    border:1px solid #999;
    background-color:#ffc; color:#000;
    }

/*this below is an example of something - please ignore for now*/
div#links {position: absolute; top: 81px; left: 0; width: 166px; height: 700px; font: 16px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}
div#links a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 180px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}