/***********************************************/
/* main.css                                    */
/***********************************************/

/***********************************************/
/* HTML default tag styles                     */
/***********************************************/ 

body {
	color: #333;
	font-size: 11pt;
    /* background-color:#eee; /* #e8eae8 */
    padding:0px;
	margin:0px;
    font-family: Arial, sans-serif;
}

a:link {color: #0073c7}
a:visited {color: #5A88B5}
a:link:hover,
a:link:active,
a:visited:hover,
a:visited:active { color: #0073c7; background-color: #f0f0f0; }

/* ---- Headers ----------------------------*/
h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif;	margin: 0px; padding: 0.2em; color: #036; }

h1{	font-size: 150%; margin-bottom: 0.2em; border-top: 1px solid #04367f; }
h2{ font-size: 113%;}
h3{ font-size: 100%; color: #069;}
h4{ font-size: 95%;  color: #333333;}
h5{ font-size: 85%;  color: #334d55;}

/* ---- Lists ----------------------------*/
li, dt, dd { line-height: 1.3em; }
dt {margin-top: 0.5em; font-weight: bold; color: #04367f; }
dd.separate {margin-bottom: 2em;}

ul{ list-style-type: square;}
ul ul{ list-style-type: disc;}
ul ul ul{ list-style-type: none;}
li.separate {margin-bottom: 1em;}

/* ---- Text   ----------------------------*/
.bigprint {font-size: 1.2em; }
.smprint { font-size: .8em; }
.fineprint { font-size: .6em; }



.headline {font-size:18px; padding: 3px}
.byline {padding:1px 0; margin: 0px; font-size:11px; font-weight: bold;}
.timestamp {padding:0 0 2px 0; font-size: 11px;}
.lead {margin:5px 0px 5px 10px; line-height:130%;}
.morelink {font-weight:bold; font-size:75%}


/* ---- Tables ----------------------------*/
table {
    border: 1px solid #aaa;
    border-collapse: collapse;
    padding: 2px;
    margin-top: 0.5em;
    margin-bottom: 0;
}
.tabletitle {
	background-color: #04367c;
	color:#fff;
	padding:2px 0px 2px 10px;
	text-decoration:none;
	font-weight:bold;
	width:auto;
	text-align: center;
}
.tablehead {
	background-color:#cfdbed;
	font-weight:bold;
	border-bottom: 1px solid #04367c;
	border-top: 1px solid #04367f;
	padding:3px;
}
.tablecontent,  tr {background-color:#fff; font-weight: normal;  text-decoration: none;}
.altrow{background-color: #f0f0f0;}

.alttable table {
    border: 1px solid #c72523;
    border-collapse: collapse;
    padding: 2px;
    margin-top: 0.5em;
    margin-bottom: 0;
}
.alttable .tabletitle {
	background-color: #c72523;
	color:#fff;
	padding:2px 0px 2px 10px;
	font-weight:bold;
	width:auto;
	text-align: center;
}
.alttable .tablehead {
	background-color:#ffeeee;
	font-weight:bold;
	border-bottom: 1px solid #c72523;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c72523;
}
.alttable .bordered {border:1px solid #c72523;}
.alttable .tablecontent,  tr {background-color:#fff;}
.alttable .ruled {border-bottom: 1px solid #c72523;}
.alttable .divided {border-left: 1px solid #c72523;}
.alttable .altrow{background-color: #f0f0f0;}

/***********************************************/
/* Page Layout Divs                            */
/***********************************************/

/* -------- Home Page ------------------- */
#h-title { width: auto; margin: 2px; font-size: 65%; }

#h-left-col{
 color: #333333;
 padding: 6px;
 margin:0px 334px 0px 0px;
 /*background-image:url(img/body-bgd.gif);*/
 background-color:#fff;
}
 
#h-right-col{
 width: 320px;
 float: right;
 margin: 0px 2px 0px 2px;
 padding: 6px;
 background-color:#fff;
}

.ad {	width: 160px;	height: 120px; }
.adDoubleWide {	width: 320px;	height: 120px; }
.adShort  { width: 160px; height: 90px; float:right; }
.adSquare {	width: 160px;	height: 160px; }
.adTall   { width: 160px; height: 160px; }
.adColWidth {width: 320px; }
/* -------- Content Pages --------------- */
#page-content {
	width: auto;
	margin: 0px;
	border-right-color: #E6EBF3;
}

#pageHead{
	margin: 0;
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{
	color:#04367f;
	margin: 0px;
	padding: 1px;
	background-color: #009900;
	border: 1px solid #ccc;
	width: 100%;
	font-size: small;
	vertical-align: top;
}

/* Title at top of body of page*/
#pagetitle {
    padding: 0.2em ;
    xmargin: 5px 5px 5px 0;
    border: 1px solid #04367f;
    border-top: 1px solid #fff;
    xcolor: #036;
	background-color:#04367f;
	color: #fff;
 	font-size: 150%;
    font-weight: bold;
}
#content{
	margin: 5px;
	padding: 15px;
	line-height: 1.5em;
}

#centerContent{
	margin-right: 14.75em;
	margin-left: .4em;
	padding: 5px;
	line-height: 1.5em;
}

#rightContent {
	width: 14em;
	float:right;
	/*margin: 5px 6px 5px 1px; */
	padding: 0.4em;
	/* line-height: 1.5em; 
	background-color: #f0f0f0;
	/*color: #036;
	border: 1px solid #063;
	background-image:url(img/grass2.gif); */
}

#pageFoot {
	border-top:1px solid #043637;
	position:relative;
}


/***********************************************/
/* Page Components                             */
/***********************************************/

/* ---- Boxes ----------------------------*/

/* Plain Bordered box */
.b { border:1px solid; margin-top:5px; }
.b h2 {font-size: 1.25em; text-align:center; }
.b h3 {font-size: 1.00em; text-align:center; }
.b h4 {font-size: 0.75em; text-align:center; }
.b p {margin: 0.4em;}

/* These are the ones which should be used most often */
.std    {background-color:#fff; border-color:#000;}
.std h3 {color:#fff; background-color:#999;}
.std2    {background-color:#E8EAE8; border-color:#000;}
.std2 h3 {color:#fff; background-color:#999;}

.alt    {border-color:#04367f; background-color:#fff;  }
.alt h3 {color:#fff; background-color:#04367f;}
.alt2    {border-color:#04367f; background-color:#fff;  }
.alt2 h3 {color:#04367f; background-color:#cfdbed;}

/* Use sparingly for emphasis  */
.note   {border-color:#04367f; background-color:#cfdbed;  }
.note h3 {color:#fff; background-color:#04367f;}
.highlight {border-color:#630; background-color:#ff9;}
.highlight h3 {background-color:#F9AB05;color:#630;}
.feature {border-color:#630; background-color:#fff;}
.feature h3 {background-color:#FC0;color:#630;}

/* Use this one when presenting a 'Letter' */
.letter { color:#5D665B; border-color: #5D665B; background-color:#E8EAE8; font:normal 85% "Comic Sans MS", Arial, sans-serif; }
.letter h3 {color:#000; background-color: #E8EAE8; }

/* Special Purpose boxes - currently Field Status and error messages*/
.green {border-color: #219C42; background-color:#cfc; }
.green h2 {color:#fff; background-color: #063; }
.green h3 {color:#fff; background-color: #219C42; }
.green h4 {color:#fff; background-color: #063; }
.warn   {color:#000; border-color:#c72523; background-color:#fee;  }
.warn h3 {color:#fff; background-color:#c72523;}
.warn h4 {color:#fff; background-color: #fee; }

/* News Box in Right Hand Column */
.news {background-image:url(img/ll_watermark.gif); background-repeat:no-repeat; background-position:center;}
.news a:link{color:#04367f;}
.news a:visited {color:#04367f;}
.news a:link:hover,
.news a:link:active,
.news a:visited:hover,
.news a:visited:active { background-color:#FFFF99; }
.news ul{ list-style-type: none; margin:0px 0px .5em .5em; padding:0;font-size:.95em;}
.news ul li {padding-top:1.1em;}
.news ul ul{ list-style-type: none; margin-left:.75em; padding:0;font-size:.9em;}
.news ul ul li {padding-top:0em;}


/* Below here needs to be removed!!!!!  */
.fieldsClosed { border: 1px solid #C72523; background-color: #fee; bottom-margin: 2px; margin-top: 5px; text-align: center; }
.fieldsClosed h3 {font-size: 0.85em; padding: 4px; margin-bottom: 2px; background-color:#c72523;color:#fff; }
.fieldsClosed h4 {font-size: 0.67em; color:#f60; background-color:#fee; }
.fieldsClosed p {margin: 1em; font-size: 0.7em}
.fieldsClosed .text {margin:0 10px 0 10px; border: 2px solid #C72523; background-color:#fff; color: #C72523; font-size: .9em; padding: 2px; }

.fieldsOpen { border: 1px solid #063; background-color:#e4ffe4; margin-top: 5px; text-align: center; }
.fieldsOpen h3 {font-size: 0.85em; padding: 4px; margin-bottom: 2px; background-color: #063 ;color:#fff;}
.fieldsOpen h4 {font-size: 0.67em; background-color:#e4ffe4; color:#063; }
.fieldsOpen p {margin: .7em; font-size: 0.67em; color:#000;}
.fieldsOpen .text {margin:0 10px 0 10px; border: 1px solid #063; background-color:#fff; color:#063; font-size: .9em; padding: 2px;}

/* Modifiers for the boxes - indent them. */
.indent {margin: 0px 1em 0px 1em; }
.indentBig {margin: 0px 4em 0px 4em; }

/* Special Page Markups */
/* Rules pages */
.rules { margin: 0px 10px 0px 25px; }
.rules ol {	list-style-type: upper-roman; margin: 0; padding: 0 0 1em 1.3em; font-weight: bold; color: #04367f; }
.rules ol ol {list-style-type: upper-alpha; margin: 0; padding: 0 0 1em 1.8em; color:#333; font-weight:normal; }

/* Plain Box */
.boxed { border: 1px solid #999; background-color: #fff; margin-top: 5px; }
.boxed h3 {
	font-size: large;
	padding: 4px;
	background-color:#999;
	color: #fff;
	text-align: center;
}
.boxed p { margin: 0.4em;}

/* Alternate Box */
.boxAlt { border: 1px solid #cfdbed; background-color: #fff; margin-top: 5px; }
.boxAlt h3 {
	font-size: large;
	padding: 4px;
	background-color:#cfdbed;
	color: #04367f;
	text-align: center;
}
.boxAlt p {  color:#04367f; margin: 0.4em;}

/* note box */
.boxNote, .noteBox { border: 1px solid #04367f; background-color:#cfdbed; margin-top: 5px; }
.noteBox h3 {
	font-size: large;
	padding: 4px;
	background-color:#04367f;
	color: #fff;
	text-align: center;
}
.noteBox p { margin: 0.4em; color:#04367f;}

/* Warning  box */
.boxWarning, .warningBox{ border: 1px solid #C72523; background-color: #fee; margin-top: 5px; }
.warningBox h3 {
	font-size: large;
	padding:4px;
	background-color:#C72523;
	color: #fff;
	text-align: center;
}
.warningBox p { margin: 0.4em;}

/* Weather Box */
.weatherBox { border: 1px solid #F9AB05; background-color:#ff9; margin: 0; padding: 0; text-align: center; }

.weatherBox h3 {
	font-size: 75%;
	padding: 3px;
	margin: 0;
	background-color:#F9AB05;
	color: #000;
}
.weatherBox h4 {
	font-size: 0.67em;
	color:#FF6600;
}

.weatherBox p { margin: 1em; font-size: 80%}

.sig {
	text-align:right;
	padding: 0px;
	font-style:italic;
	margin: 0em 2em 0em 0em;
}

.noteText {
	background-color: #ffc;
	font-weight: bold;
	font-size: 0.8em;
}

#toc {
    margin: 4px;
    margin-top: 0px;
	padding-bottom: 0.4em;
	border: 1px solid #04367f;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
}

div#toc h3 {
	font-size: 15px;
	padding: 4px;
	margin: 0 0 .4em 0;
	background-color:#063;
	color: #fff;
	text-align: center;
}

div#toc h4{
	margin: .75em 0.2em 0 .2em;
	color: #000;
	font-size: 13px;
	font-weight: bold;

}
div#toc ul {
   margin: 0 0 0 1em;
   padding: 0;

}
div#toc li{
    margin: 0;
    padding: 0;
    font-size: 13px;
	font-weight: bold;
    list-style-type: none;
}
div#toc a:hover {
    background-color: #fff;
    color:#690;
}
div#toc a:link {
	color:#030;
}

div#toc a:visited {
	color:#063;
}
	
/* Return to top of page */
.retop { 
	font-size: 0.75em;
}

.warningText {
	color: #FF3333;
	font-weight: bold;
}

/***********************************************/
/* Horizontal bar text higlights               */
/***********************************************/ 

.hilite{
	font-weight: bold;
	font-size: 125%;
    padding: 0.2em;
    background-color: #04367F;
    color: #fff;
}
.hilite2{
	font-weight: bold;
	font-size: 125%;
    padding: 0.2em;
    background-color: #c72523;
    color: #fff;
}
.hilite3{
	font-weight: bold;
	font-size: 125%;
    padding: 0.2em;
    background-color: #ccc;
    color: #000;
}

.newslisting {position:relative;margin:0px 0px 6px 0px; padding:0px; width:auto;}
.newslistingdate {position:absolute; left:0px; top:0px; margin:0px;padding:0px; padding-right:5px;width:90px;}
.newslistingcontent {position:relative; left:0px; top:0px; margin:0px; margin:0px;padding:0px 0px 0px 85px;}
.newslistingdate, .newslistingbyline, .smalltextgray {font-size: 90%;}
.newslistingcontent {color: #04367f;}
.superscrip {
	font-size: 75%;
	vertical-align: top;
}
/* Main Navigation Menu */
.globalNav { padding-bottom:10px; margin: 0px; width: 132px; background-image:url(/img/grass-bgd.gif); background-repeat: repeat; background-position: right top; }
.globalNav p { font: normal 14px Arial, Helvetica, sans-serif;	margin: 0px 0px 0px 20px; padding:2px; xborder: 1px solid #000; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; }
.addrBox { margin-top:10px; background-color:#fff; border-color:#219C42; border:2px; margin: 4px;}
.globalNav a, .globalNav a:visited { text-decoration: none; padding: 0px;	color: #fff; font-size: 150%; display: block; margin: 0px; width: 132px; background-color:transparent; }
.globalNav a:hover { color: #ff0; background-color:transparent; background-image:url(/img/baseball_sm2a.gif); background-repeat:no-repeat; }

/* Horizontal Nav Bars */
DIV.hnav {
	margin: 1px 0px 0px 0px;
	vertical-align: bottom;
	padding: 0px;
	border: 0px;
	font:normal 125% Arial, Helvetica, sans-serif;
}

.hnav h3 {
	padding-top: 12px;
	border-bottom: 1px solid #000;
	background-color: #04367f; /*#cfdbed; */
}
.hnav h3 a, .hnav h3 a:visited{
	text-decoration: none;
	padding: 2px 6px 2px 6px;	
	color: #FFF;
	border: 1px solid #999;
/* Settings for Lt blue top
	padding: 2px 8px 2px 8px;
	border-top: 1px solid #dfecfe;
	border-left: 1px solid #dfecfe;
	border-bottom: 1px solid #becadc;
	border-right: 1px solid #becadc;
	text-decoration: none;
	color: #04367f;
*/
}
.hnav h3 a:hover{
	color:#ff0;
	background-color:#3F54AD;
	padding: 2px 6px 2px 6px;	
	border: 1px solid #cfdbed;
    /* Settings for Lt blue top
	border: 1px solid #666;
	background-color:#eee;
	color: #04367f;
	text-decoration:underline;
	*/
}
.hnav h3 .sel, .hnav h3 a.sel:hover{
	text-decoration:none;
	background-color:#cfdbed;
	color:#04367f;
	padding: 2px 6px 8px 6px;	
	border: 1px solid #cfdbed;
	/* Settings for ltblue top
	text-decoration:none;
	background-color:#fff;
	color:#111;
	padding: 2px 8px 5px 8px;	
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #fff;
	*/
}
.hnav h4 {
	padding-top: 12px;
	border-bottom: 1px solid #04367f;
	background-color: #cfdbed; /*#fff;*/
}
.hnav h4 a, .hnav h4 a:visited{
	padding: 2px 8px 2px 8px;
	border: 1px solid #eee;
	xborder-top: 1px solid #dfecfe;
	border-left: 1px solid #dfecfe;
	border-bottom: 1px solid #becadc;
	border-right: 1px solid #becadc;
	text-decoration: none;
	color: #999;
}
.hnav h4 a:hover{
	border: 1px solid #666;
	background-color:#eee;
	color: #F9AB05;
	text-decoration:underline;
}
.hnav h4 .sel, .hnav h4 a.sel:hover{
	text-decoration: none;
	background-color:#fff;
	color:#04367f;
	padding: 2px 8px 4px 8px;	
	border-right: 1px solid #04367f;
	border-top: 1px solid #04367f;
	border-left: 1px solid #04367f;
	border-bottom: 1px solid #fff;
}
.hnav p {
	margin-left: 10px;
	background-color:#fff;
	font-size: 85%;
	padding: 5px;
}
.hnav p a, .hnav p a:visited{
	padding: 2px;
	border: 1px solid #cfdbed; 
	background-color:#fff; 
	text-decoration: none;
	color: #829BC0;
}
.hnav p a:hover{
	border: 1px solid #666;
	background-color:#cfdbed; 
	color: #04367f;
	text-decoration:underline;
}
.hnav p .sel, .hnav p a.sel:hover{
	padding: 2px;
	text-decoration: none;
	background-color:#cfdbed;
	color:#000; 
}

/* These are used to create the playoff ladders */
.ladder  {border: 1px solid #fff;  border-collapse: collapse;}
.ladder .n  {border:0px solid #fff;}
.ladder .t  {border-top:1px solid #00f;} 
.ladder .r  {border-color: #fff #fff #0f0 #fff;} 
.ladder .b  {border-top:none; border-right:none; border-bottom:1px solid #039; border-left:none;} 
.ladder .l  {border-left:1px solid #ff0;} 
.ladder .trb  {border-top:1px solid #039; border-right:1px solid #039; border-bottom:1px solid #039;} 
.ladder .lb  {border-left:1px solid #a0a;border-bottom:1px solid #0aa;} 
.ladder .name {font: normal bold 14px Ariel, Helvetica, sans-serif;	padding: 0px 5px 0px 0px; text-align: right; vertical-align: bottom;}
.ladder .venue{font: normal 10px Ariel, Helvetica, sans-serif; padding: 0px 5px 0px 0px; color: #04367f; text-align: right;	}
.ladder .num {font: normal bold 12px Arial, Helvetica, sans-serif; color: #c72523; padding:1px; margin: 1px; text-align: left; vertical-align: bottom;}
.ladder .tr {border-top:1px solid #00f; border-right:1px solid #00f;}

.bracket  {border: 1px solid #fff;  border-collapse: collapse; border:0px solid #fff;}
.bracket tr {height:1px;}
.bracket .n  {border:0px solid #fff;}
.bracket .t  {border-top:1px solid #00f;} 
.bracket .r  {border-right:1px solid #00f;} 
.bracket .bot  {border-bottom:1px solid #00f;} 
.bracket .l  {border-left:1px solid #00f;} 
.bracket .name-top {font: normal bold 14px Ariel, Helvetica, sans-serif; text-align: right; vertical-align: bottom; padding-right:4px;}
.bracket .name-bot {font: normal bold 14px Ariel, Helvetica, sans-serif; text-align: right; vertical-align: top; padding-right:4px;}
.bracket .venue{font: normal 10px Ariel, Helvetica, sans-serif; color: #04367f; text-align: right; padding-right:4px;}
.bracket .num {font: normal bold 12px Arial, Helvetica, sans-serif; color: #c72523; text-align: left; vertical-align: bottom;}
.bracket .score {font: normal 10px Ariel, Helvetica, sans-serif; text-align: left; }

.series  {border:1px solid #039; border-collapse:collapse; align:center;}
.series .score {align:center; padding:4px; border:1px solid #039;}

/* for email feedback form */
.emailgood {
	padding:40px 0px 40px 0px;
	font-size: 16px;
	font-weight:bold;
	color: #339900;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.emailbad {
	padding:40px 0px 40px 0px;
	font-size: 16px;
	font-weight:bold;
	color: #CC0000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}