/* CSS Document */

/*====== BEGIN GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/
body, table, img, button, iframe, li, form  { margin:0; padding:0; border:0; } /* removed ul since it is causing problems with bullets appearing -LRi 2008-03-05 */
table { text-align:left; }
/*iframe { width:0; height:0 }*/
/*====== END GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =======*/

html {
	height:100%; /* required for wrapper div height=100% in FF */
}

body {
	height:100%; /* required for wrapper div height=100% in FF */
	background-color:#CCCCCC;
	/*background:url("
		javascript:
			document.body.onload=function(){
				var divContent = document.getElementById('sub-content');
				if (divContent) {
					divContent.style.zIndex = -1;
				}
				
				var divColRight = document.getElementById('sub-col-right');
				if (divColRight) {
					divColRight.style.zIndex = -2;
				}
			}
		");*/
}


body, 
p, 
#sub-content p, 
td, 
select, 
input {	/* default font */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:.82em;*/
	font-size:11px;
	/*color:#666666;*/
	color:#333333;
}

option.heading {
	color:#000066;
	background:#DDDDDD;
}

a {						/* default link style */
	color:#2F4B99;
	/*color:#000066;*/
}

a:active, 
a:visited {
	color:#800080;
}

p {
	text-align:left;
}

p.quote {	/* indented paragraph for quotations */
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-left:80px;
	margin-right:80px;
}

ul {
	/*color:#666666;*/
	color:#333333;
}

div {						/* defaults for all divs */
	background:#FFFFFF;
}

h1 {						/* sub page headings */
	font-size:1.5em;
	color:#000066;
}

h2 {						/* home page headings */
	font-size:1.2em;
	color:#990000;
	margin:0px;
}

h4 {						/* home page sub-headings */
	/*color:#666666;*/
	color:#333333;
	font-weight:bold;
	font-size:1em;
	margin-bottom:0px;
}

h5 {						/* sub page sub-headings */
	/*color:#666666;*/
	color:#333333;
	font-weight:bold;
	font-size:1.1em;
	/*font-size:12px;*/
	/*margin-bottom:0px;*/
}

h6 {						/* contacts sub page sub-headings (dotted underline) */
	font-size:1.2em;
	color:#000066;
	border-bottom:1px dotted #000000;
	/*margin-top:90px;*/
	margin-top:0px;
	margin-right:7px;
	width:100%;
}

h5.green {  /* green (now blue) sub-page sub-headings, initially added for Careers section */
	/*font-family:Arial, Helvetica, Verdana, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	/*color:#424d25;*/
	color:#3399ff;	/* started as green but then changed to blue */
	letter-spacing:-1px;
	border-bottom:1px solid #999999;
	margin-bottom:0px;
	padding-bottom:0px;
}

* html h6 { 
	width:95%; /* for IE only, since if set to 100% it interferes with right vertical dotted line */
}

hr.dotted {
	border-top:1px dotted #000000;
	color:#FFFFFF;
}

.generic {
	background-color:#FFFFFF; /* override background color for generic pages */
	margin:10px;
}

.webding {
	font-size:12px;
	font-family: Webdings;
	/*color:#0000cc;*/
	color:#2F4B99;
}

.heading-teaser {
	font-size:1.2em;
	font-weight:bold;
	color:#990000;
	border-bottom:dotted;
	border-color:#000000;
	border-width:2px;
	margin-bottom:7px;
}

.heading-sitemap {			/* site map headings */
	margin-left:44px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}

.navLeftOff, 
.navLeftOff a, 
.navLeftOff a:visited {
	/*font-size:1em;*/
	color:#000066;
	padding-top:4px;
	padding-bottom:4px;
	/*line-height:2em;*/
	padding-left:6px;
	text-decoration:none;
	/*letter-spacing:-.05em;*/
}

.navLeftOff a:hover,
.navLeftOff a:active {
	/*font-size:1em;*/
	color:#000066;
	padding-top:4px;
	padding-bottom:4px;
	/*line-height:2em;*/
	padding-left:6px;
	font-weight:bold;
	text-decoration:none;
}

.navLeftOn {
	/*font-size:1em;*/
	color:#000066;
	font-weight:bold;
	/*border-top:dotted;
	border-bottom:dotted;
	border-width:2px;*/
	padding-top:4px;
	padding-bottom:12px;
	/*line-height:2em;*/
	/*background-color:#FFFFFF;*/
	background:url("../_images/navLeftOnBG.gif") no-repeat;
	padding-left:12px;
	width:95%;
	height:5px;
}

* html .navLeftOn {			/* this is a hack only seen by IE */
	padding-bottom:4px;		/* FF requires greater padding-bottom for some reason, so reset back to normal for IE */
}


/* begin: new left nav styles added to support second level left nav options -LR 2008-11-17 */
.navLeft_level1, 
.navLeft_level1 a,
.navLeft_level1 a:visited {
	color:#000066;
	padding-top:4px;
	padding-bottom:2px;
	padding-left:6px;
	text-decoration:none;
}

.navLeft_level1 a:hover, 
.navLeft_level1 a:active {
	color:#000066;
	padding-top:4px;
	padding-bottom:2px;
	padding-left:6px;
	font-weight:bold;
	text-decoration:none;
}

.navLeft_level1_on {
	color:#000066;
	font-weight:bold;
	padding-top:4px;
	padding-bottom:12px;
	background:url("../_images/navLeftOnBG.gif") no-repeat;
	padding-left:12px;
	width:95%;
	height:5px;
}

* html .navLeft_level1_on {			/* this is a hack only seen by IE */
	padding-bottom:4px;				/* FF requires greater padding-bottom for some reason, so reset back to normal for IE */
}

.navLeft_level2, 
.navLeft_level2 a, 
.navLeft_level2 a:visited {
	color:#000066;
	padding-left:8px;
	padding-top:2px;
	padding-bottom:2px;
	text-decoration:none;
}

.navLeft_level2 a:hover, 
.navLeft_level2 a:active {
	color:#000066;
	font-weight:bold;
	text-decoration:none;
}

.navLeft_level2_on {
	color:#000066;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:12px;
	/*background:url("../_images/navLeftOnBG.gif") no-repeat;*/
	padding-left:16px;
	padding-right:0px;
	margin-right:0px;
	/*width:95%;*/
	height:5px;
}

* html .navLeft_level2_on {
	padding-bottom:4px;
}

.navLeft_level2 div {
	margin-top:-12px;
	margin-left:16px;
}

.navLeft_level2_on div {
	margin-top:-13px;
	margin-left:8px;
}
/* for testing purposes...
div {
	border:1px solid #009900;
}

span {
	border:1px solid #000099;
	margin-right:0px;
	padding-right:0px;
}
*/
/* end: new left nav styles added to support second level left nav options -LR 2008-11-17 */

.text-footer, 
.text-footer a, 
.text-footer a:active, 
.text-footer a:visited {
	color:#FFFFFF;
	line-height:28px;
	text-decoration:none;
}

.text-footer a:hover {
	text-decoration:underline;
}

.text-small {
	font-size:10px;
}

.text-large {	/* initially added for Careers section */
	/*font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}

#nav-top-right a {			/* top right navigation links */
	color:#FFFFFF;
	text-decoration:none;
}

#nav-top-right a:hover {	/* top right navigation links */
	color:#FFFFFF;
	text-decoration:underline;
}

div.home-content ul,
div.home-content ul li {
	margin:5px;
	margin-left:0px;		/* changed to not be indented on 2007-05-10 */
	padding:0;
	line-height:12px;
	list-style:none;
}

div.home-content a,				/* home page links */
div.home-content a:active,
div.home-content a:visited,
div.home-content a:hover {
	/*color:#0000cc;*/
	color:#2F4B99;
	font-weight:normal;
	text-decoration:none;
}

div.home-content a:hover {
	text-decoration:underline;
}

div.teaser p {
	text-align:left;
}

div.ticker {
	border-top:1px solid #CCCCCC;
	text-align:center;
	margin-top:7px;
}


.top,
.top a, 
.top a:visited {
	text-align:left;
	padding-right:10px;
	/*color:#666666;*/
	/*color:#000066;*/
	color:#2F4B99;
	font-weight:normal;
	text-decoration:none;
}

.top a:hover {
	text-decoration:underline;
}

.jumpMenu,						/* non-alphabet jump menu */
.jumpMenu a, 
.jumpMenu a:visited {
	/*color:#000066;*/
	color:#2F4B99;
	text-decoration:none;
	text-align:center;
	margin-bottom:25px;
}

.jumpMenu a:hover{
	text-decoration:underline;
}

.jumpMenuAlpha {				/* alphabet jump menu */
	text-align:center;
	margin-bottom:25px;
	
}

.teaser .jumpMenu {				/* override some styles if the jump menu is inside a teaser */
	text-align:left;
	margin-bottom:0px;
	line-height:16px;
}

.jumpMenuAlpha a, 
.jumpMenuAlpha a:visited {
	color:#000066;
	text-decoration:underline;
	font-weight:bold;
}

.heading-table {
	color:#FFFFFF;
	background-color:#2462AD;
	font-weight:bold;
}

.data {
	text-align:center;
}

.data-shaded {							/* for shaded table cells */
	background-color:#DFE8F2;
	text-align:center;
}


/*====== BEGIN STYLES FOR LAYOUT ===================================================*/

#wrapper {
	position:relative;		/* use relative positioning for absolutely positioned flash movie to work in Firefox */
	width:976px; /*max width for 1024 x 768*/
	/*border:1px solid #FF0000;*/
	margin-left:auto;  /*centers the div on the page*/
	margin-right:auto; /*centers the div on the page*/
	background-color:#FFFFFF;
	/*min-height:778px; /* set minimum wrapper height for home page - moved to the masterpage */
	/*z-index:-10;*/
}

* html #wrapper {
	position:relative;		/* for IE only, use relative positioning so the top menu z-index will work and appear on top of everything */
	top:0;
	left:0;
}

#banner-top {
	position:relative;		/* use relative positioning so nav-top-right div can be positioned absolutely in relation to banner-top */
	width:976px;
	/*height:94px;*/
	height:77px;
	background-image:url("../_images/bnrTop.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	padding: 0px;
	margin:0px;
	margin-left:auto;  /*centers the div on the page*/
	margin-right:auto; /*centers the div on the page*/
	margin-bottom:30px; /*allow space for top menu*/
	/*z-index:0;*/
	
}

#banner-tagline {
	position:absolute;
	top:23px;
	left:165px;
	background:none;
	color:#000066;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#nav-top {					/* background behind top navigation menu */
	/*position:relative;		/* use relative positioning so search div can be absolute positioned in relation to nav-top div */
	position:absolute;	/*changed to use absolute positioning since*/
	top:77px;			/*the menu code was moved to the bottom of page*/ 
	left:0px;			/*so it will be drawn on top of content divs*/ 
						/*and negative z-index values can be removed*/
						/*since they cause text selection issue in IE -2007-06-15 LR*/
	width:976px;
	height:20px;
	background:#000066;
	padding:0;
}

#nav-top-right {			/* top right navigation */
	position:absolute;		/* position absolute in relation to banner-top div */
	top:2px;
	right:15px;
	color:#FFFFFF;
	background:none;
	z-index:1; /*prevent this from being hidden behind wrapper*/
}

#sub-left-col {				/* subpage left column */
	position:static;
	float:left;
	width:205px;
	border:1px solid #CCCCCC;
	padding-top:5px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:5px;
	margin-top:3px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:3px;
	/*min-height:100%; not needed anymore */
	/*z-index:0;*/
}

#sub-right-col {			/* subpage right column */
	position:relative;		
	top:0px;
	left:0px;
	float:left;
	width:733px;
	border:1px solid #CCCCCC;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-top:3px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:3px;
}

/*
removed the following since negative z-index causes a text selection issue in IE
instead, move the menu code below all other code since it gets drawn on top of everything else
and make it absolutely positioned --2007-06-15 LR

for IE6 and IE7 only, set z-index so this is behind the top menu

* html #sub-right-col {
	z-index:-5; 
}

*+html #sub-right-col {
	z-index:-5;
}
*/

#sub-page-heading {			/* subpage page heading div */
	border-bottom:1px dotted #000000;
	/*z-index:0;*/
}

#sub-content {				/* subpage content div */
	position:relative;		/* use relative position so contacts div lines up correctly */
	top:0px;
	left:0px;
	float:left;
	width:542px;
	/*border-right:1px dotted #000000; --line sometimes turns solid after scrolling - changed to use background image instead */
	background:url("../_images/dashVertical.gif") top right repeat-y;
	padding-left:5px;
	padding-right:10px;
	/*z-index:-4;*/
}

#sub-margin-right {			/* subpage right margin div */
	float:left;
	width:171px;
	/*border-left:1px dotted #000000;*/
	padding-top:5px;
	padding-left:5px;
	/*z-index:-4;*/
}

#footer-left {				/* left side of footer */
	float:left;
	width:25%;
	height:30px;
	background-color:#999999;
	text-align:left;
	vertical-align:middle;
	visibility:hidden; /*hide the footer until the column heights are determined by javascript*/
	/*z-index:0;*/
}

#footer-right {				/* right side of footer */
	float:right;
	width:75%;
	height:30px;
	background-color:#999999;
	text-align:right;
	vertical-align:middle;
	visibility:hidden; /*hide the footer until the column heights are determined by javascript*/
	/*z-index:0;*/
	
}

div.contacts {
	position:absolute;	/* positioned absolute in relation to the sub-content div */
	/*top:65px;*/
	top:140px;
	left:0px;
	margin-top:20px; /* set top margin so this doesn't overlap the contacts select box */
	visibility:hidden;
}

div.teaser {
	border:1px solid #CCCCCC;
	padding:5px;
}


/* begin home page layout */

#slideshow-flash {			/* the flash slideshow */
	float:left;				/* cannot be absolutely positioned or the drop-down menus will appear on top and if that is fixed then the slideshow-noFlash div appears on top */
	/*width:654px; if have border around slideshow -LR */
	/*height:181px; if have border around slideshow -LR */
	width:666px;
	height:193px;
	/*text-align:center; if have border around slideshow -LR */
	/*vertical-align:middle; if have border around slideshow -LR */
	/*padding:5px; if have border around slideshow -LR */
	padding:0px;
	margin:3px;
	/*margin-top:13px;*/
	margin-top:5px;
	/*margin-bottom:1px; /* if showing static image instead of flash */
	/*border:1px solid #CCCCCC; if have border around slideshow -LR */
	background:none;	/* allow slideshow-noFlash to show through if the user does not have the flash player */
}

*+html #slideshow-flash {				
	/*margin-top:23px; /* for IE7 only, increase top margin by 10px */
	margin-top:15px;
	margin-bottom:-7px; /* for IE7 only, decrease bottom margin so boxes below line up properly */
}

#slideshow-noFlash {		/* static image behind flash movie which displays if the user does not have the flash player */
	position:absolute;
	top:125px;
	left:6px;
	z-index:-1;				 /* make sure this appears behind the flash movie (for FF & IE) and the drop-down menus (for IE) */
							/* but if set flash movie div display=none, it will not show this div behind it */
}

*+html #slideshow-noFlash {				
	top:135px; 		/* for IE7 only, adjust the position */
	left:3px; 
}

#hideme {
	background:none;		/* div containing flash movie that gets hidden if already played once, needs no bg so non flash users can see the non-flash image */
}

div.home-content-heading {		/* home content box headings */
	position:absolute;			/* use an absolute position relative to #home-r1-c2 */
	top:-9px;
	left:5px;
	/*color:#990000;*/
	border:none;
	/*background-color:#FF0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size:12px; use px or em or what unit for accessibility?*/
	/*font-weight:bold;*/
}

div.home-content-more {		/* home content box bottom "more" links */
	position:absolute;		/* use an absolute position relative to #home-r1-c2 */
	bottom:9px;
	right:10px;
	border:none;
}

div.home-content {			/* default styles for home content boxes */
	position:relative; 		/* use relative position to work with heading position */
	float:left;
	top:0px;
	left:0px;
	padding:5px;
	margin:3px;
	margin-top:13px;
	border:1px solid #CCCCCC;
}



/*
removed the following since this causes text selection issue in IE
instead, move the menu code below all other code since it gets drawn on top of everything else
and make it absolutely positioned --2007-06-15 LR

for IE6 and IE7 only, set z-index so these appear behind the top menu
* html div.home-content {
	z-index:-1;
}

*+html div.home-content {
	z-index:-1;
}
*/

/* begin set size for home content boxes and override any default styles set on div.home-content */

#home-r1-c2 {				
	float:right;
	width:280px;
	height:181px;
	margin-top:5px;
}

*+html #home-r1-c2 {				
	margin-top:15px; /* for IE7 only, increase top margin by 10px */
}

#home-r2-c1 {
	width:206px;
	height:192px;
}

*+html #home-r2-c1 {				
	margin-top:23px; /* for IE7 only, increase top margin by 10px */
}

#home-r2-c2 {
	width:206px;
	height:192px;
}

*+html #home-r2-c2 {				
	margin-top:23px; /* for IE7 only, increase top margin by 10px */
}

#home-r2-c3 {
	width:206px;
	height:192px;
}

*+html #home-r2-c3 {				
	margin-top:23px; /* for IE7 only, increase top margin by 10px */
}

#home-r2-c4 {
	float:right;
	width:280px;
	height:192px;
}

#home-r3-c1 { /* Press Releases box */
	width:654px;
	height:95px;
	height:80px;
}

#home-r3-c2 {
	float:right;
	width:280px;
	height:178px;
}

#home-r4-c1 {			/* Ratings box */
	/*width:448px;*/
	width:430px;
	height:55px;
	height:70px;
}

#home-r4-c2 {  	/* div containing the ball park logo */
	width:216px;
	/*height:65px; enlarged to incorporate GAI Sports Portal graphic -LR 2009-02-17 */
	height:80px;
	padding:0;
	/*padding-top:12px; removed to incorporate GAI Sports Portal graphic -LR 2009-02-17 */
	border:none;
	/*border:1px solid #FF0000; for testing*/
	text-align:center;
}

/* end set size for home content boxes and override any default styles set on div.home-content */


#GABallParkMsg { /* div containing the message that goes with the ball park logo */
	font-family:Verdana;
	font-style:italic;
	font-size:9px;
	color:#333333;
	margin-top:8px;
	margin-left:8px;
	margin-bottom:10px;
	width:150px;
	/*border:1px solid red;*/
}

* html #GABallParkMsg {
	margin-left:-50px; /* adjust position for IE6 */
}

*+html #GABallParkMsg {
	margin-left:-50px; /* adjust position for IE7 */
}



/* end home page layout */


/* begin styles for careers flash */

#slideshow-flash-careers {			/* the flash slideshow */
	position:absolute;
	top:69px;
	left:2px; 
	width:724px;
	height:230px;
	padding:0px;
	margin:3px;
	margin-top:5px;
	/*border:1px solid #CCCCCC; if have border around slideshow -LR */
	background:none;	/* allow slideshow-noFlash to show through if the user does not have the flash player */
}

* html #slideshow-flash-careers { /* reposition for IE6 */
	top:85px;
	left:3px;
}

*+html #slideshow-flash-careers { /* reposition for IE7 */
	top:85px;
	left:3px;
}

#slideshow-noFlash-careers {		/* static image behind flash movie which displays if the user does not have the flash player */
	z-index:-1;				 /* make sure this appears behind the flash movie (for FF & IE) and the drop-down menus (for IE) */
							/* but if set flash movie div display=none, it will not show this div behind it */
}

#hideme-careers {
	background:none;		/* div containing flash movie that gets hidden if already played once, needs no bg so non flash users can see the non-flash image */
}

/* end styles for careers flash */


















div.container {
	position:static;
	float:left;
	border:1px solid #CCCCCC;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-top:20px;
	margin-right:5px;
	/*z-index:0;*/
}

div.container-right {
	position:relative;
	float:right;
	top:-14px;
	width:264px;
	border:1px solid #CCCCCC;
	padding-top:14px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-top:20px;
	margin-left:5px;
	/*z-index:-2;*/
}

div.container-title {
	position:relative;
	float:left;
	top:12px;
	left:15px;
	color:#990000;
	border:none;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; /*use px or em or what unit for accessibility?*/
	font-weight:bold;
	/*z-index:-1;*/
}

#col-sub-left {
	position:static;
	float:left;
	width:197px;
	/*height:100%;*/
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	/*border-right:1px solid #0000FF; TESTING*/
	margin:0; 
	padding:0;
	background:#FFFFFF repeat-y;
	color: #333333;
	/*z-index:3;*/
}

#col-sub-left2 {
	position:relative;
	margin:-6px 6px 6px -6px;
	padding:4px;
	border:1px solid #0000FF;
	/*z-index:2;*/ 
}

/*====== END STYLES FOR LAYOUT =====================================================*/