/* BODY   -->General setting for the background of the pages.  Applies to all pages. */
body {
	PADDING: 0px; FONT-SIZE: 12px; 
	BACKGROUND: #AAAAAA; MARGIN: 0px;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
                text-align: left; color: #000000;
}

/* TABLES ETC.  -->Setting for tables, which overrides some of the implicit settings in browsers. */
td {
	PADDING: 2px; FONT-SIZE: 12px; 
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

th {font-weight: bold;
font-size: 12px;
}

td.goodies {Padding: 5px;
                  border: 2px ridge #AAAAAA;
                  width: 33%;
}

td.lowerbook {Padding: 5px;
                  border: 2px ridge #AAAAAA;
}

dt {font-weight: bold;
}

/* LINKS  -->These are the setting for links, including a specific style for player links. */
A:link {	COLOR: #CC0000;
	TEXT-DECORATION: underline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

A:visited {	COLOR: #990000;
	TEXT-DECORATION: underline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

A:hover {	COLOR: #FF0000;
	TEXT-DECORATION: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
A:active {	COLOR: #CC0000;
	TEXT-DECORATION: underline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

A.player {	COLOR: #000082;
       	font-weight: bold;
	TEXT-DECORATION: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

A.player:visited {	COLOR: #000082;
       	font-weight: bold;
	TEXT-DECORATION: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

A.player:hover {	COLOR: #FF0000;
       	font-weight: bold;
	TEXT-DECORATION: underline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}


/*HEADERS  -->These are the rules for all headers on all pages.*/
H1 {
	FONT-SIZE: 28px;
	COLOR: #104E8B;
	font-weight: bold;
                line-height: 32px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

h5 {FONT-SIZE: 24px;
	color: #8B4500;
	font-weight: bold;
                line-height: 26px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}


H2 {
	FONT-SIZE: 18px;
                line-height: 20px;
	COLOR: #09284B;
	font-weight: bold;
}

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
                line-height: 18px;
	font-weight: bold;
	color: #8B4500;
}


h4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #336666;
}


h4.date {color:#336666;}


/*The following header is to be used inside articles.*/

h6 {font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #104E8B;
margin: 0px;
padding: 0px;
background: transparent;

}


/*HEADING MODIFIERS  -->Use this to set more specific margins and paddings around headers, depending how they're used on the page.*/
.date {
background: transparent;
text-align: left;
margin-top: 20px;
margin-bottom: 0;
padding: 0;
}

.title {
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 0;
padding: 2px 0px 5px 0px;
background: transparent;
}

.othertitle {
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 0;
padding: 5px 0px 0px 0px;
background: transparent;
}

.centertitle {
margin: 0;
padding: 5px 0px 5px 0px;
background: transparent;
text-align: center;
}

.head {
margin: 0;
padding: 10px 0px 5px 0px;
background: transparent;
}

.nothing{
margin: 0;
padding: 0px;
background: transparent;
}

.bottom{
margin: 0;
padding: 0px 0px 5px 0px;
background: transparent;
}

.article_title {font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #104E8B;
margin: 0px;
padding: 0px;
background: transparent;
}

/* NAVIGATION ELEMENTS  -->These are the styles used to build the top navigation. */

#banner {
	BACKGROUND: #aaaaaa;
	TEXT-ALIGN: center;
}
/* Alternate for "banner": BACKGROUND: url(http://www.hardballtimes.com/gifs/background_top_sm.jpg); */


#navcontainer ul
{
padding: .1em 0em;
margin: 0;
list-style-type: none;
background: url(http://www.hardballtimes.com/gifs/back_topnav_bar2.gif);
border-bottom: 1px solid #8b0000;
width: 100%;
font-size: 16px;
text-align: center;
clear: both;
}

#navlist li { display: inline; }

#navlist li a
{FONT-WEIGHT: bold;
text-decoration: none;
color: #000050;
padding: .1em 1.5em;
}

/* This is the code for adding background color to the next three divs.  background-color: #87A6C9; */

#navlist li a:hover
{FONT-WEIGHT: bold;
color: #000050;
TEXT-DECORATION: underline;
}

ul#navlist li#active a
{FONT-WEIGHT: bold;
color: #000050;
TEXT-DECORATION: underline;
}

ul#navlist li#active a:hover
{FONT-WEIGHT: bold;
color: #000050;
TEXT-DECORATION: underline;
}

/* CALENDAR  --> These are a bunch of settings for the calendars.  */

.calendarBG {
 background-color: #A9C4c5; 
}

.calendarBlank { 
 background-color: #A9C4c5;
}

.calendarHeader { 
 font-weight: bold; 
 text-align: center;
 background-color: #eeeeee;
height: 20px;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a {
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #336699; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#f9f9ff;
padding: 3px;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
padding: 3px;
}

.bigcalendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  left;
width: 14%;
height: 125px;
 vertical-align: top;
 color:             #666;
 background-color:  #fff;
padding: 3px;
}

.bigcalendarToday { 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color:             #000;
 background-color: 	#f9f9ff;
padding: 3px;
}

.calendar-head { 
font-family:verdana;
font-size: 11px;
font-weight:normal;
padding:2px;
letter-spacing: .3em;
text-transform:uppercase;
text-align:center;
font-weight:bold; 
background-color: #bebebe; 
color:#F9EAA7; 
}

.calendar-link a {
font-size: 11px;
font-family: verdana;
text-decoration: none;
color:#F9EAA7;
}

.calendar-link a:hover {
color: #B78376;
}

tr.cal3 {
height: 20px;
}

#leftcoltab {
        width: 175px;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND-color: #f9f9ff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
        text-align: left;
	border-right:1px solid #8b0000;
}

#leftcoltab2 {
        width: 175px;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND-color: #ECECF2;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
        text-align: left;
	border-right:1px solid #8b0000;
}

#centcoltab {
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 15px;
	PADDING-TOP: 2px;
	BACKGROUND-color: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
        text-align: left;
}

#rightcoltab {
        width: 175px;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND-color: #f9f9ff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
        text-align: left;
	border-left:1px solid #8b0000;
}

#rightcoltab2 {
        width: 175px;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND-color: #ECECF2;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
        text-align: left;
	border-left:1px solid #8b0000;
}

#centfillcoltab {
	BACKGROUND: #fff;
        width: 55em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-left: 15px;
        padding-right: 15px;
	padding-top: 2px;
        text-align: left;
}

#midcentcoltab {
	BACKGROUND: #fff;
        width: 550px;
	voice-family: inherit;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
        text-align: left;
}

#statscoltab {
	BACKGROUND: #fff;
	voice-family: inherit;
	TEXT-ALIGN: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
	line-height: 16px;
	padding-top: 2px;
	border: 1px groove #8b0000;
}

/*This is for the acronym plugin. */
acronym { border-style: dashed; border-width: 0 0 0px 0; cursor: help; }

/*The following division gives more control over the blockquote format. */
blockquote {font-family: courier new;
                  margin: 0.5 em 48 px 0 em 48 px;
}

/*This is a list of classes to control lists in the columns. */
.list {
padding-left: 0px;
margin-left: 40px;
}

.listy {
padding-left: 0px;
margin-left: 20px;
}

.listless {
padding: 0px, 0px, 0px, 20px;
}

/* PAGE ELEMENTS -->These are lines and other things you can use to break up a page.  menuspacer works in the lefthand column, hr can be applied anywhere..  */
.menuSpacer {
 width: 100%;
 border-bottom: 1px dotted #999;
}

hr {
  border: 0;
  width: 80%;
  color: #993333;
  background-color: #993333;
  height: 3px;
  text-align: center;
}

.blog {
  border: 0;
  width: 80%;
  color: #336666;
  background-color: #707070;
  height: 2px;
  text-align: left;
  margin-left: 0;
}

.break {
  text-align: left;
  margin-left: 0;
  width: 65%;
  color: #336666;
  background-color: #707070;
  height: 2px;
}

.paginate {	font-size: 14px;}

/*FORMS -->Some basic formats for forms, including text boxes and the submit button*/

.input-box
{
background: #ffffcc;
border: #26a solid 1px
}

.submit-button
{
border: 2px #9cf outset
}


/* DIVISION  -->These are the division elements used to set up each page.  leftcontent is for the lefthand column.  insidebox and insideboxul, li and bq are also meant to be used inside the left and right hand columns.  the insidebox divisions are our "box hacks" for the difference in mozilla and IE in the way they handle widths. */

/*This division is used to fix the Internet Explorer "Box Model bug".  Standard CSS calls for "width" to mean content width, but Explorer defines width as the width of the entire box, including padding and margins.*/
#insidebox{
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	font-size: 12px;
                text-align: left;
}


/*These next definitions are used to make sure certain types of HTML fit inside the left and right hand columns.*/
#insidebox ul {margin-left: 20px;
}

#insidebox li {
margin: 5px 0;
}

#insidebox blockquote{margin: 10px 5px;
}

#leftcontent {
	position: absolute;
	TOP: 119px;
	LEFT: 4px;
        width: 194px;
	border: 1px #8b0000;
	border-top: 1px solid #8b0000;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND-color: #f9f9ff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
        text-align: left;
}

/*to experiment*/
#leftcontent2 {
	float: left;
	BACKGROUND-color: #f9f9ff;
        width: 204px;
	LEFT: 4px;
	line-height: 16px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
                text-align: left;
}

/* centercontent is used when you have both righthand and lefthand columns.  It is flexible, and it will change with the window. */
#centercontent {
	BACKGROUND: #fff;
	MARGIN-LEFT: 210px;
	MARGIN-RIGHT: 210px;
	voice-family: inherit;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
	border: 1px solid #8b0000;
                text-align: left;
}

/*to experiment*/
#centercontent2 {
	BACKGROUND: #fff;
	voice-family: inherit;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin-left: 210px;
	margin-right: 210px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
	border: 1px solid #8b0000;
                text-align: left;
}


/*rightcontent will stick to the right hand side of the page, no matter how big the window is*/
#rightcontent {
	POSITION: absolute;
	TOP: 119px;
	RIGHT: 4px;
	WIDTH: 194px;
	border: 1px #8b0000;
	border-top: 1px solid #8b0000;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND: #f9f9ff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
        text-align: left;
}

/*to experiment*/
#rightcontent2 {
	FLOAT: Right;
	RIGHT: 25px;
	WIDTH: 194px;
	border: 1px #8b0000;
	border-top: 1px solid #8b0000;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND: #f9f9ff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
        text-align: left;
}

/*the rightfloat divisions are for formatting relatively small things, such as print icons or navigational items, in the upper right hand portion of a larger division.*/
#rightfloat {
	BACKGROUND: #f9f9ff;
	WIDTH: 205px;
	right: 5px;
	float: right;
	TOP: 119px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	border: 1px outset #8b0000;
                text-align: left;
}

#fantasy_rightfloat {
        BACKGROUND: #f9f9ff;
	WIDTH: 155px;
	right: 5px;
	float: right;
	TOP: 119px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	border: 1px outset #8b0000;
                text-align: left;
}

#borderlessrightfloat {PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	RIGHT: 5px;
	BACKGROUND: #fff;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 15px;
	float: right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
                text-align: left;
}

.paddinglessrightfloat {RIGHT: 5px;
	BACKGROUND: #fff;
	float: right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
                text-align: left;
}

#feature_rightfloat {
	BACKGROUND: #fff;
	WIDTH: 35%;
        padding-left: 5px;
        margin-top: 15px;
        margin-left: 5px;
	float: right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px ridge #09284B;
        text-align: left;
	BACKGROUND-color: #f9f9ff;
}

#feature_rightfloat_notop {
	BACKGROUND: #fff;
	WIDTH: 35%;
        padding-left: 5px;
	float: right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px ridge #09284B;
        text-align: left;
	BACKGROUND-color: #f9f9ff;
}

#feature_leftfloat_notop {
	BACKGROUND: #fff;
	WIDTH: 35%;
        padding-right: 5px;
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px ridge #09284B;
        text-align: left;
	BACKGROUND-color: #f9f9ff;
}

#leftfloat {float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
        padding: 10px;
                text-align: left;
}


/*midcenter is intended to be used when there is only a left-hand column (no right hand column), and we want the section to end at the right hand side of an 800 by 600 pixel screen.  This is important for non-flexible content.  It differs from centerfill and centercontent in that it does not re-size with the screen.*/
#midcenter {
	BACKGROUND: #fff;
	MARGIN-LEFT: 210px;
                width: 550px;
	voice-family: inherit;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
	border: 1px groove #8b0000;
                text-align: left;
}

/*centerfill starts after the left-hand column and extends all the way across the screen.  However, it is set up for a maximum width of about 700px.  It is primarily used for articles.*/
#centerfill {
	BACKGROUND: #fff;
	MARGIN-LEFT: 210px;
                max-width: 55em;
                width:expression(document.body.clientWidth > 900? "58em": "auto" );
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-left: 15px;
        padding-right: 15px;
	padding-top: 2px;
	border: 1px groove #8b0000;
        text-align: left;
}

#centerfill_exp {
	BACKGROUND: #fff;
	MARGIN-LEFT: 210px;
                max-width: 55em;
                width:expression(document.body.clientWidth > 900? "700px": "auto" );
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-left: 15px;
        padding-right: 15px;
	padding-top: 2px;
	border: 1px groove #8b0000;
        text-align: left;
}

/*The stats section covers the entire page.  It has no left or right columns.  The statsexp division is to be used within the stats div.  It holds the explanation for stats, and is narrower than the overall page.*/
#stats {	BACKGROUND: #fff;
	MARGIN-LEFT: 5px;
                Margin-Right: 5px;
	voice-family: inherit;
	TEXT-ALIGN: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
	line-height: 16px;
	padding-top: 2px;
	border: 1px groove #8b0000;
}

#statsexp {	BACKGROUND: #fff;
	MARGIN-LEFT: 5px;
                Margin-Right: 5px;
	voice-family: inherit;
	TEXT-ALIGN: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
	line-height: 16px;
	padding-top: 2px;
                max-width: 60em;
}


/*This division has a set width of 800 pixels, and is centered in the middle of the page.  Unfortunately, the centering only works in Mozilla, so I've had to insert a table on those pages where I want to center the column.  Once IE becomes compliant, we can simply remove the tables, and this underlying code will work.*/
#center {
	BACKGROUND: #fff;
                width: 780px;
                margin-left: auto;
                margin-right: auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
                text-align: left;
}

#centerbox {
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 0em;
	border: 2px groove #CC0000;
                text-align: left;
}


#graphcenter{	BACKGROUND: #fff;
	MARGIN-LEFT: 5px;
                Margin-Right: 5px;
	voice-family: inherit;
	TEXT-ALIGN: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	line-height: 16px;
	padding-top: 2px;
	border: 1px groove #8b0000;
}

/*This is for the yet-to-be created team pages.*/
#graphs {BACKGROUND: #fff;
                width: 600px;
 	padding: 5px;
	float: left;
	position: absolute;
	border-right: 1px ridge #999;
	margin: 10px;
                text-align: left;
}

/*These classes are for the comments.*/
.posted {
margin-bottom: 10px;
font: 10px lucida grande, verdana, arial, helvetica, sans-serif;
background: transparent;
color: #666;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}

.onecomment{
	BACKGROUND-color: #f9f9ff;
}

.twocomment{
	BACKGROUND-color: #ffffff;
}

.entry {
margin-top: 10px;
padding: 0 10px 10px 10px;
border: 1px solid #ccc;
}