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

body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(assets/header-bg.jpg);
	background-repeat: repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
}

a:link {color: #FFFFFF; text-decoration: none;}
a:visited {color: #FFFFFF; text-decoration: none;}
a:active {color: #FFFFFF; text-decoration: none;}
a:hover {text-decoration: underline;}




.header-bg {
	width: 100%;
	height: 100px;
	background-image:url(../assets/header-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	}


.header-logo {
	width: 1000px;
	height: 100px;
	margin: auto;
	background-image:url(../assets/header-logo.jpg);
	background-repeat: no-repeat;
	}
	
.header-ad {
	width: 300px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	float: right;
	}	

div.header-ad {
	float: right;
	width: 300px; height: 100px;
	margin: 0px;
	background: url(../assets/100InningHeaderAd.jpg) -300px 0px no-repeat;
	}
		
div.header-ad a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(../assets/100InningHeaderAd.jpg) top left no-repeat;
	}
		
div.header-ad a:hover {
	background-image: none;
	}
	
	
#flash-bg {
	width: 1030px;
	height: 550px;
	margin: auto;
	background-image: url(../assets/flash-bg.jpg);
	background-repeat: no-repeat;
	}
	
	
#flash-slideshow {
	width: 1000px;
	height:550px;
	margin:auto;
	background-color: #FFFFFF;
	position:relative;
	}
	
.pictures-slideshow {
	width: 1000px;
	height:667px;
	margin:auto;
	background-color:#000000;
	}
	
.slideshowCornerAd {
	width: 350px;
	height: 250px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.nav-bg-belowslideshow {
	clear:both;
	width: 100%;
	height: 50px;
	background-image:url(../assets/nav-bg.jpg);
	background-repeat: repeat-x;
	}
	
.navbelowslideshow {
	margin: auto;
	width: 1000px;
	height: 50px;
	}
	
	img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
		div.BlogOuter {
			float: left;
			width: 200px; height: 50px;
			margin: 0px;
			background: url(../assets/navbuttons/blog.jpg) -200px 0px no-repeat;
			}
		
		div.BlogOuter a {
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background: url(../assets/navbuttons/blog.jpg) top left no-repeat;
			}
		
		div.BlogOuter a:hover {
			background-image: none;
			}
				
		
		div.HistoryOuter {
			float: left;
			width: 200px; height: 50px;
			margin: 0px;
			background: url(../assets/navbuttons/history.jpg) -200px 0px no-repeat;
			}
		
		div.HistoryOuter a {
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background: url(../assets/navbuttons/history.jpg) top left no-repeat;
			}
		
		div.HistoryOuter a:hover {
			background-image: none;
			}
			
		div.RushOuter {
			float: left;
			width: 200px; height: 50px;
			margin: 0px;
			background: url(../assets/navbuttons/rush.jpg) -200px 0px no-repeat;
			}
		
		div.RushOuter a {
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background: url(../assets/navbuttons/rush.jpg) top left no-repeat;
			}
		
		div.RushOuter a:hover {
			background-image: none;
			}	
			
		div.EventsOuter {
			float: left;
			width: 200px; height: 50px;
			margin: 0px;
			background: url(../assets/navbuttons/events.jpg) -200px 0px no-repeat;
			}
		
		div.EventsOuter a {
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background: url(../assets/navbuttons/events.jpg) top left no-repeat;
			}
		
		div.EventsOuter a:hover {
			background-image: none;
			}		
		
		div.PicturesOuter {
			float: left;
			width: 200px; height: 50px;
			margin: 0px;
			background: url(../assets/navbuttons/pictures.jpg) -200px 0px no-repeat;
			}
		
		div.PicturesOuter a {
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background: url(../assets/navbuttons/pictures.jpg) top left no-repeat;
			}
		
		div.PicturesOuter a:hover {
			background-image: none;
			}	
	
.homebodycontainer {
	width: 100%;
	height: 420px;
	background: #000000;
	clear: both;
	}
	
.homebodywrapper {
	width: 1000px;
	height: 360px;
	margin: auto;
	}
	
.secondarybodycontainer {
	width: 100%;
	background: #000000;
	clear: both;
	}
	
.secondarybodywrapper {
	width: 1000px;
	margin: auto;
	}
	
.deco-bar {
	width: 1000px;
	height: 60px;
	background-image:url(../assets/deco-bar.jpg);
	background-repeat: no-repeat;
	margin:auto;
	}
	
.right-badge {
	width: 170px;
	height: 360px;
	margin-top: -60px;
	background-image: url(../assets/right-badge.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	float: right;
	}
	
.right-badge-secondary {
	width: 170px;
	height: 250px;
	background-image: url(../assets/right-badge.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	float: right;
	}
	
	
	
.bodyheading {
	width: 725px;
	height: 60px;
	float:left;
	color: #FFCC00;
	font-size:36px;
	}
	

.bodyheading-secondary {
	width: 725px;
	height: 60px;
	float:left;
	color: #FFCC00;
	font-size:36px;
	margin-top: 40px;
	}
	
.bodyheading-Tall {
	width: 725px;
	height: 200px;
	float:left;
	color: #FFCC00;
	font-size:36px;
	margin-top: 40px;
	margin-bottom: 20px;
	}
	
	
	
.bodytext {
	width: 725px;
	height: 300px;
	float: left;
	clear: left;
	color: #999999;
	font-size: 18px;
	line-height: 22px;
	}
	
.bodytextlineheaders {
	color: #FFFFFF;
	font-size: 24px;
	font-weight:bold;
	}
	
.bodytextsecondary {
	width: 725px;
	float: left;
	clear: left;
	font-size: 18px;
	line-height: 22px;
	}
	
.bodytextsecondaryBorder {
	width: 725px;
	float: left;
	clear: left;
	font-size: 18px;
	line-height: 22px;
	border-style: solid;
	border-width: 10px;
	border-color: #999999;
	background-color:#666666;
	margin-bottom: 45px;
	}
	
.bodytextsecondarynormal {
	color: #999999;
	font-size: 18px;
	line-height: 22px;
	}
	
.bodytextsecondarysmall {
	color: #999999;
	font-size: 14px;
	line-height: 20px;
	}
	
	
.bodytextsecondarysmaller {
	color: #999999;
	font-size: 12px;
	line-height: 16px;
	}
	

.yellowBoxText {
	width:320px;
	height: 135px;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 10px;
	border-width: 5px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFCC33;
	color: #000000;
	}

.eventsHeadingFrame {
	color: #FFFFFF;
	font-size: 24px;
	font-weight:bold;
	width: 705px;
	margin-bottom: 15px;
	padding: 10px;
	background-color:#333333;
	}
	
.eventsBodyFrame {
	color: #000000;
	font-size: 18px;
	line-height: 22px;
	width: 705px;
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-color:#666666;
	}

.eventsLineFrame{
	width: 680px;
	float:left;
	clear:both;
	background-color:#999999;
	margin-bottom: 15px;
	}
	
.eventsDateFrame {
	width: 70px;
	height: 30px;
	margin-right: 10px;
	float: left;
	clear: both;
	background-color:#FFCC33;
	color: #333333;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	}

.eventsLineTextFrame{
	width: 600px;
	float:left;
	}
	
.recruitmentLinkFrame{
	color: #000000;
	font-size: 18px;
	line-height: 22px;
	width: 685px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-color:#666666;
	border-style: solid;
	border-width: 10px;
	border-color: #999999;
	text-align: center;
	}
	
	
.footer-bg-spread {
	width: 100%;
	height: 280px;
	clear: both;
	background: url(../assets/footer-bg-spread.jpg);
	background-position: top;
	background-repeat: repeat-x;
	}
	
.footer-bg {
	width: 1000px;
	height: 280px;
	margin:auto;
	background-image:url(../assets/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
.footer-bg-secondary {
	width: 1000px;
	height: 280px;
	margin:auto;
	background-image:url(../assets/footer-bg-secondary.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
.footer-text {
	width: 1000px;
	height: 100px;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	padding-top: 120px;
	}

.flashComponent {
	width: 725px;
	height: 400px;
	margin-bottom: 50px;
	background-color: white;
	float: left;
	}

#100InningBody {
	width: 725px;
	height: 600px;
	background-image: url(../assets/100InningBodyBackground.jpg);
	}	

Form { 
	width: 685px;
	background-color: #999999;
	border-color: #333333;
	border-style: solid;
	border-width: 10px;
	padding: 10px;	
	margin-bottom: 50px;
	margin-top: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	}