@charset "utf-8";
/* CSS Document */

/* GENERAL DOCUMENT and TAG SELECTORS */
BODY, DIV, P, TD, TH, SELECT, INPUT {font-family:Geneva, Arial, Helvetica, sans-serif;color:#333333;font-size:12px;}

/* LINK STYLES */
A, A:visited, A:hover {color:#a33134; text-decoration:underline;}

.clear { clear: both;}

body {
	position:relative;
	margin: 0px;
	padding: 0px;
	height:100%; /* needed for all height 100% below to work! */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background:url(graphics/structure/bg_gradient.jpg) 0 0 repeat-x #365111;
}

#mainContainer {
	position:relative;
	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	height: 100%;
	text-align: left; /* this overrides the text-align: center on the body element. */
}


/******Header*********/
#headerContainer {
	position:relative;
	background:url(graphics/structure/header.jpg) no-repeat; 
	background-position: 22px 0px;
	padding: 0px;
	margin: 0px;
	height:123px;
	width:inherit;
	z-index:5;
}

#headerLogo{
	position:absolute;
	padding: 0px;
	margin: 0px;
	top:0px;
	left:400px;
	width: 165px;
	height: 94px;
	z-index:5;
}

#headerMABL{
	position:absolute;
	padding: 0px;
	margin: 0px;
	top:24px;
	right:22px;
	width: 105px;
	height: 76px;
	z-index:5;
}

#headerNav{
	position:absolute;
	padding: 0px;
	margin: 0px;
	top:105px;
	left:0px;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif
}

#headerNav DIV{
	display:inline;
	font-size:14px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding: 0px 6px 0px 6px;
	}

.headerItemOff, .headerItemOff A, .headerItemOff A:Visited {
	color:#FFFFFF; 
	text-decoration:none;
}
.headerItemOff A:Hover {
	color:#CCCCCC; 
	text-decoration:underline;
}

.headerItemOn, .headerItemOn A, .headerItemOn A:Visited, .headerItemOn A:Hover{
	color:#cc9900; 
	text-decoration:none;
	disabled;
}

/******content*********/
#contentContainer{
	position:relative;
	margin: 0px;
	width:auto;
	height:100%;
	z-index:4;
}

#gutterLeft{
	position:absolute;
	background:url(graphics/structure/lineLeft.gif) repeat-y; 
	background-position: 22px 0px;
	top:0px;
	left:0px;
	width: 44px;
	height:100%;
	z-index:4;
}

#gutterRight{
	position:absolute;
	top:0px;
	right:22px;
	width: 22px;
	height:100%;
	z-index:4;
	background-color:#4f3404;
}

#contentMain{
	position:relative;
	margin: 0px 44px 0px 44px;
	padding: 0px;
	width:auto;
	background-color:#FFFFFF;
	z-index:3;
}

#contentLeft{
	position:relative;
	float:left;
	margin: 10px 0px 24px 11px;
	padding: 0px;
	width:560px;
	z-index:3;
	background-color:#FFFFFF;
}
#contentRight{
	position:relative;
	float:right;
	margin: 0px 11px 10px 20px;
	padding: 0px;
	width:300px;
	z-index:3;
	background-color:#FFFFFF;
	color: #AAAAAA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}
#facebookRight{
	position:relative;
	float:left;
	margin: 10px 11px 10px 20px;
	padding: 0px;
	width:300px;
	z-index:3;
	background-color:#FFFFFF;
	color: #AAAAAA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}


#footer{
	position:relative;
	background:url(graphics/structure/lineBot.gif) repeat-x;
	padding: 3px 0px 0px 0px;
	margin: 0px 22px 0px 22px;
	width:auto;
	height:22px; 
	z-index:4;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	font-weight: bold;
	text-decoration : none;
	text-align:center;
}

#footer A, #footer A:visited{text-decoration:none;color: #FFFFFF;}
#footer A:hover{text-decoration:underline;color: #FFFFFF;}

#footerHomeplate{
	position:absolute;
	left:-22px;
	top:-22px;
	width:66px;
	height:66px;
	z-index:6;
}
#footerBaseball{
	position:absolute;
	right:-22px;
	top:-22px;
	width:66px;
	height:66px;
	z-index:6;
}

#footerMiddle{
	position:absolute;
	background:url(graphics/structure/footerMiddle.jpg) no-repeat;
	left:434px;
	top:-22px;
	width:78px;
	height:66px;
	z-index:4;
}

#copyright {
	position:relative;
	text-align:center;
	padding-top:2px;
	color: #999999;
	font-size:11px; 
	text-decoration : none;
	margin-bottom:25px;
	z-index:6;
}

#titlebar{
	position: relative;
	margin-bottom:10px;
	font-size:21px;
	color:#365111;
	font-family:Arial, Helvetica, sans-serif;
}

/******advertising*********/

.advertisement{
	position:relative;
	margin:0px 0px 20px 0px;
}


/******page specific*********/
P.intro{
	font-size:14px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:0px;
	margin-bottom:10px;
}

.genericPhoto{margin:10px 0px 10px 0px}

.BoxDouble{
	position:relative;
	display:block;
	width:560px;
	height:auto;
	background-color: #eeeeee;
	border-bottom:2px solid #333333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:0px 0px 20px 0px;
}

.BoxDouble .boxheader {
	position:relative;
	height:20px;
	background-color:#365111;
	color: #EEEEEE;
	font-size:14px;
	padding: 2px 0px 0px 8px;
	font-weight:bold;
}

.BoxSingle{
	position:relative;
	float:left;
	width:270px;
	height:auto;
	background-color: #eeeeee;
	border-bottom:2px solid #333333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.BoxSingle .boxheader {
	position:relative;
	height:20px;
	background-color:#669966;
	color: #EEEEEE;
	font-size:14px;
	padding: 2px 0px 0px 8px;
	font-weight:bold;
}

.spacedbox{margin-right:20px;}

.boxheader .more{
	position:absolute;
	right:2px;
	top:0px;
	padding: 2px 0px 0px 8px;
	color: #ffffff;
	font-size:12px;
	font-weight:bold;
}
.boxheader A, .boxheader A:Visited, .boxheader .more A, .boxheader .more A:Visited {text-decoration:none;color: #ffffff;}
.boxheader A:Hover, .boxheader .more A:Hover{text-decoration:none;color:#FFCC00;}

.boxheader .more IMG{
	position:relative;
	top:2px;
}

.boxcopy{
	color: #666666;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

/*************Teams **************/
DIV#teamDetail{
	position:relative;
	width:auto;
	margin-top:10px;
}

#teamTitle{
	position: relative;
	margin-bottom:10px;
	font-size:18px;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
}

#teamLogo{
	position:relative;
	float:right;
}

/*************Tournaments **************/
DIV#tourDetail{
	position:relative;
	width:auto;
	height:300px;
	margin-top:10px;
}

#tourTitle{
	position: relative;
	margin-bottom:10px;
	font-size:18px;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
}

#tourLogo{
	position:relative;
	float:right;
}

/*************Fields **************/
DIV#fieldDetail{
	position:relative;
	width:auto;
	margin-top:10px;
}

#fieldTitle{
	position: relative;
	margin-bottom:10px;
	font-size:18px;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
}

#fieldImg{
	position:relative;
	float:right;
}

#fieldDirections{
	position:relative;
	
}

/*************LISTS **************/

ul.baseball {
	margin: 4px 0 20px 5px;
	padding: 0;
	list-style: none;
	}

ul.baseball li {
	margin: 0;
	padding: 0px 0px 8px 20px;
	background: url(graphics/LIbaseball.gif) no-repeat 2px 0px;
	color:#333333;
	font-size:14px;
}
ul.baseball A, ul.baseball A:Visited {text-decoration:underline;color: #333333;}
ul.baseball A:Hover{text-decoration:none;color:#CC0000;}

ul.arrow {
	margin: 8px 0px 0px 8px;
	padding: 0;
	list-style: none;
	}

ul.arrow li {
	margin: 0;
	padding: 0px 0px 6px 15px;
	background: url(graphics/LIarrow.gif) no-repeat 0px 4px;
	color:#333333;
	font-size:12px;
}
ul.arrow A, ul.arrow A:Visited {text-decoration:underline;color: #333333;}
ul.arrow A:Hover{text-decoration:none;color:#CC0000;}

ul.baseballSM {
	margin: 4px 0 20px 5px;
	padding: 0;
	list-style: none;
	}

ul.baseballSM li {
	margin: 0;
	padding: 0px 0px 8px 20px;
	background: url(graphics/LIbaseball_sm.gif) no-repeat 2px 0px;
	color:#333333;
	font-size:12px;
}
ul.baseballSM A, ul.baseballSM A:Visited {text-decoration:underline;color: #333333;}
ul.baseballSM A:Hover{text-decoration:none;color:#CC0000;}