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

* {
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	background-image: url('/images/header-bg.gif');
	background-repeat: repeat-x;
	background-color: #990000;
	font-family: arial;	 
	font-size: 12px;
}

a { color: #9b1515; }
a img { border: 0; }

.wrapper {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -87px; /* the bottom margin is the negative value of the footer's height */
}


#adChanger {
	height: 150px;	width: 314px;
}


/*************************HEADER*****************************/
.header {
	width: 1010px;
	margin: 0 auto;
}

#header-area {
	clear: both;
	width: 1010px; height: 204px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url('/images/header-bg.jpg');
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: bottom;

}


#header-area-baseball {
	clear: both;
	width: 1010px; height: 204px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url('/images/header-bg-baseball.jpg');
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: bottom;
}

#header-area-mbasketball {
	clear: both;
	width: 1010px; height: 204px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url('/images/header-bg-mbasketball.jpg');
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: bottom;
}

#header-area-mgolf {
	clear: both;
	width: 1010px; height: 204px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url('/images/header-bg-mgolf.jpg');
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: bottom;
}

#header-area-msoccer {
	clear: both;
	width: 1010px; height: 204px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url('/images/header-bg-msoccer.jpg');
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: bottom;
}

#header-area-mtennis {
	clear: both;
	width: 1010px; height: 204px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url('/images/header-bg-mtennis.jpg');
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: bottom;
}

#header-area-wbasketball {
	clear: both;
	width: 1010px; height: 204px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url('/images/header-bg-wbasketball.jpg');
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: bottom;
}


#header-area-wgolf {
	clear: both;
	width: 1010px; height: 204px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url('/images/header-bg-wgolf.jpg');
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: bottom;
}


#header-area-wsoccer {
	clear: both;
	width: 1010px; height: 204px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url('/images/header-bg-wsoccer.jpg');
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: bottom;
}


#header-area-wsoftball {
	clear: both;
	width: 1010px; height: 204px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url('/images/header-bg-wsoftball.jpg');
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: bottom;
}

#header-area-wtennis {
	clear: both;
	width: 1010px; height: 204px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url('/images/header-bg-wtennis.jpg');
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: bottom;
}

#header-area-wvolleyball {
	clear: both;
	width: 1010px; height: 204px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url('/images/header-bg-wvolleyball.jpg');
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: bottom;
}

#slider {
	height: 160px;
	margin: 0 0 0 145px;
	position: relative; z-index: 0;
}
#slider li {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;	
	text-align: center;
}






#official-home {
	clear: both;
	position: relative; z-index: 1;
	top: 3px;
}
#logo { 
	float: left;
}


.side-box {
background-color: white; border: 1px solid #333333; font-size: 12px;	
}

.side-box-dark {
background-color: #333333; border: 1px solid #333333; font-size: 12px;	
}



.tempHeading { 
	color: #9e161e;
}
.tempHeading2 { 
	font-size: 16px;
	color: #9e161e;
	font-weight: bold;
}
.resourceHeader {
	color: 	#9b1515;
	font-weight: bold;
}


.grey12 {
	color: #7b7b7b;
}

#eventList {
	padding: 0 0 0 0;
	margin: 0 0 0 20px;	
}
#eventList li {
	list-style-image: url('/images/icon-arrow.png');
}
#eventList li a {
	text-decoration: none;
	font-weight: bold;	
}


/*************************CONTENT*****************************/
.content {
	background-image: url('/images/body-bg.jpg');
	background-repeat: no-repeat;
	background-color: #990000;	 
	background-position: center top;
	
}
#content-area {
	width: 1004px;
	margin: 0 auto;
	background-color: white;
	
}


.whole-content { padding: 5px; }
.left-content {
	width: 600px;
	background-color: #FFFFFF;
	padding: 5px;	
}

.right-content {
	background-color: #999999;	
	width: 320px;
	background-image: url('/images/sidebar-bg.png');
	background-repeat: repeat-x;
	padding: 10px 0 0 0;
}




.yellowBorder {
	border: 2px solid #ffcc32;	
}




.newsBox {
	background-color: #333333;
	color: #FFFFFF;
	font-size: 12px;
	margin: 4px;
	padding: 3px;
	min-height: 150px;
	width: 655px;
}
.newsDate {
	color: #ffcc32;	
	font-size: 12px;
}
.newsBody {
	color: #cccccc;	
}
.newsHeader {
	color: #FFFFFF;	
}
.newsHeader2 {
	color: #ffcc32;	
}
.newsBody a {
	color: #ffcc32;	
}


/*************************FOOTER*****************************/
.footer, .push {
	height: 87px; /* .push must be the same height as .footer */
	clear: both;
}

.footer {
	position: relative;
	width: 100%;
	margin: 0 auto;
	
	
}
.footer-content {
	width: 1004px; height: 87px;
	margin: 0 auto;
	padding: 5px;
	font-family: arial;
	color: white;
	font-size: 11px;
	background-image: url('/images/footer-logo.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}



/*************************COLORS*****************************/
.red11 { color: #ac1500; font-size: 11px; }
.red11noline { color: #ac1500; font-size: 11px; text-decoration: none; }
.red12 { color: #ac1500; font-size: 12px; }
.red14 { color: #ac1500; font-size: 14px; }

.yellow { color: #ffcc33; }

.grey11 { font-size: 11px; color: #6d6a6a; }

/*************************HORIZONTAL NAV*****************************/
#social-icons {
	height: 28px;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: right; 
}
#nav {
	height: 48px;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
	clear: both;
	position: relative; z-index: 3000;
}



#jsddm
{	margin: 0;
	padding: 0
	z-index: 2;
	}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial;
		}

	#jsddm li a
	{	display: block;
		text-decoration: none;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			width: 180px;
			}
		
			#jsddm li ul li
			{	float: none;
				display: inline;
				}
			
			#jsddm li ul li a
			{	width: auto;
				background: #73090b;
				color: #FFFFFF;
				padding: 4px;
				}
			
			#jsddm li ul li  a:hover
			{	background: #8d1b1d}



/*********DIRECTIONS*************/
.accordion {
	padding: 4px;
	font-family: arial;
}


.accordion dt {
	background: #991200;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	padding: 5px 3px 5px 3px;
}

.accordion dt.selected {
	background: #d11e07;
	color: #FFFFFF;
}

.accordion dt:hover, .accordion dt.over {
	background: #d11e07;
	color: #FFFFFF; 
	cursor: pointer;
}

.accordion dd {
	display: none;
	padding: 4px;
	margin: 0 0 0 0;
	overflow: hidden;
	background: #333333;
	font-size: 12px;
	color: #FFFFFF;
	
}

.accordion dd.open {
	display: block;
}

.accordion dd.getHeight {
	display: block;
}



/****************CALENDAR***************/
#calendar {
	background-color: black;	
	margin: 0 5px 5px 5px;
	
}
.ui-datepicker-month, .ui-datepicker-year {
	color: white;
	font-weight: bold;
}

#calendar, th {
	color: white;
	font-weight: bold;
}



.ui-icon-circle-triangle-w {
	float: left;	
	padding: 3px;
	cursor: pointer;
	color: #a1161f;
}
.ui-icon-circle-triangle-e {
	float: right;
	padding: 3px;
	cursor: pointer;
	color: #a1161f;
}

/* override free days background in jquery ui datepicker */
.free-day {
  background-color: black;
  

}

.free-day a {
    color: white;
	text-decoration: none;
}
.event-day {
  background-image: url('/images/calendar-bg.jpg');
  background-repeat: no-repeat;
  width: 35px; height: 24px;
  color: green;
}



#calendar table td { width: 35px;}
 #calendar a {
	color: white;
	text-decoration: none; 
 }