/* CSS by Casey Reid */

*{
	margin: 0;
	padding: 0;
}

body{
	background: #f5f5f5 url(../images/bg2.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

p, td{
	color: #313030;
	font-size: 12px;
}
a, h1, h2, .photo_gallery_head { color: #d02e19; }

h1 {font-size:24px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:10px;}
h2, .photo_gallery_head {font-size:20px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:10px;}

.clear{clear: both;}

ul#hope-menu{
	padding-left:293px;
	background:url(../images/hope_menu_bg.jpg) no-repeat;
	/*height: 55px;*/
	height: 30px;
	list-style-type:none;
}
	ul#hope-menu li{
		background:url(../images/hope_menu_divide.gif) no-repeat right top;
		float: left;
		height: 26px;
		margin-top: 4px;
		/*margin-top: 28px;*/
		padding: 0 10px;
	}
		ul#hope-menu li.last{background:none;}
		ul#hope-menu li a{
			color: #908e8e;
			display:block;
			font-size: 11px;
			letter-spacing: 1px;
			padding-top: 7px;
			text-decoration:none;
			text-transform:uppercase;
			margin-top:-2px;
		}
			ul#hope-menu li a:hover, ul#hope-menu li a.active{color: #f9cb7e;}

ul#main-menu, #bottom-menu{
	height: 24px;
	list-style-type:none;
}
#bottom-menu { text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-left:auto; margin-right:auto; padding:8px;}
	ul#main-menu li,  #bottom-menu li{
		float: left;
		padding: 2px 12px 0 11px;
	}
		ul#main-menu li a {
			color: #fff;
			font-size: 12px;
			font-weight:bold;
			letter-spacing: 1px;
			text-decoration:none;
		}
			ul#main-menu li a:hover, ul#main-menu li a.active{
				color: #f9cb7e;
			}

#banner{
	background:url(../images/banner3.jpg) no-repeat;
	height: 100px;
}

#content-wrapper{
	background: url(../images/content_bg_extend.gif) repeat-y;
	margin: 15px 0 0 15px;
	width: 750px;
}
#content-background{ 
	background: url(../images/content_bg.gif) no-repeat;
	width: 750px;
}
#content-leagues{
	background: url(../images/leagues_bg.gif) no-repeat;
	width: 750px;
}
#content-sports{
	background: url(../images/sports_bg.gif) no-repeat;
	width: 750px;
}
#content-events{
	background: url(../images/hs_events_bg.gif) no-repeat;
	width: 750px;
}
#content-calendar{
	background: url(../images/hs_events_bg.gif) no-repeat;
	width: 750px;
}
#content-gallery{
	background: url(../images/gallery_bg.gif) no-repeat;
	width: 750px;
}
#content-sign-up{
	background: url(../images/sign_up_bg.gif) no-repeat;
	width: 750px;
}
#content-about{
	background: url(../images/about_bg.gif) no-repeat;
	width: 750px;
}
#content-forms{
	background: url(../images/forms_bg.gif) no-repeat;
	width: 750px;
}

#contact-background{
	background: url(../images/contact_bg.gif) no-repeat;
	width: 750px;
}
#content-inner{
	background:url(../images/content_bg_soccer.gif) no-repeat bottom right;
	float: left;
	margin: 0 5px 0 15px;
	width: 500px;
    min-height: 300px;
    height: auto!important;
    height: 300px;
}
	img.main_image{
		border: 1px solid #313030;
		float: left;
		margin: 0 20px 0 0;
	}
	img.image_right{
		border: 1px solid #313030;
		float: right;
		margin: 0 0 15px 20px;
	}
	#content-inner h3, #content-inner table {
		padding: 0 20px 10px 0;
		}
	#content-inner p{
		padding-left: 0px;
	}
	#content-inner img{
		margin: 0 10px 10px 0;
	}
	#content-inner table { clear:left; }
	#content-inner h3	{font-size:22px;  color: #d02e19;
		font-family:Verdana, Arial, Helvetica, sans-serif
	}
	#content-inner hr { width:520px; margin-right:0px; }
	#content-inner strong {color:#000000;}
	#content-inner ul { font-size:12px; padding-left:250px; }

#sidebar{
	float: right;
	width: 200px;
}
	#sidebar p{
		font-size: 10px;
	}
	#sidebar a{
		color: #d02e19;
	}
	.calendar-title{
		margin-bottom: 8px;
	}
	#smallcalendar{
		border: 2px solid #6a6058;
		margin-bottom: 5px;
		padding: 2px;
	}
	.today tr td{color: #fff;}
	
	#calendarlist{
		font-size: 10px;
		margin-top: 15px;
	}
		#calendarlist h4{
			border-bottom: 1px solid;
			font-size: 12px;
			font-weight: normal;
			margin-bottom: 4px;
		}
		#calendarlist td{
			font-size: 10px;
		}
		#calendarlist .time{
			color: #d02e19; 
		}
#content-inner table#maincalendar{
	border: 2px solid #6a6058;
	padding: 3px;
}
	#maincalendar tr th{
		font-size: 14px;
		padding: 3px 0;
	}
.years{
	font-size: 12px;
}


#news-ticker{
	padding: 55px 0 40px 20px;
}
	#news-ticker p{
		color: #fefefe;
		font-weight:bold;
	}
	#news-ticker span{
		color: #f9cb7e;
	}

#events{
	background: url(../images/events_bg.gif) no-repeat;
	height: 302px;
	margin: 0 0 10px 15px;
	padding: 0 0 0 15px;
	width: 750px;
}
	#events ul{
		list-style-type:none;
		padding: 130px 0 0 0;
	}
		#events ul li{
			float: left;
			margin: 0 50px 0 0;
			width: 205px;
		}
			#events ul li.last{
				margin-right: 0px;
			}
			#events h3, #standings h3{
				font-size: 12px;
				margin-bottom: 8px;
			}
			#events p, #standings p{
				font-size: 11px;
				height: 113px;	
			}
			#events span{
				font-size: 11px;
			}
				#events span.spacer{margin: 0 25px}
				#events span a{
					color: #d02e19;
					font-size: 11px;
					text-decoration:none;
				}
					#events span a:hover{text-decoration:underline;}
			#events table, #standings table{
				width: 100%
			}
				#events tr.odd td{
					background: #f0efeb;
				}
				#standings tr.odd td{
					background: #dedccd;
				}
				#events td, #standings td{
					color: #d02e19;
					font-size: 11px;
					padding: 2px;
				}
				#standings th{
					background: #9f2715;
					color: #fff;
					font-size: 12px;
					padding: 3px;
					
				}
			
			
			

#footer{
	background:url(../images/footer_bg.gif) repeat-x;
	color: #fff;
	font-family:"Times New Roman", Times, serif;
	/*height: 139px;*/
	padding: 0 0 0 20px;
	text-transform:uppercase;
	background-color:#aeaba1;
}
	#footer h3{
		border-bottom: 1px solid #fff;
		font-size: 22px;
		font-weight: normal;
		margin-bottom: 3px;
		padding: 10px 0 0 0;
		width: 400px;
	}
		#footer p{
			color: #fff;
			font-size: 12px;
			letter-spacing:1px;
			width: 400px;
		}
		#footer a{
			color: #fff;
			margin-right: 5px;
			text-decoration:none;
		}
		#footer img{
			padding-top: 8px;
		}
.photo_gallery_table {width:530px;}
.photo_gallery_table td { float:none;text-align:center;}
.photo_gallery_table a img {border:solid 1px #f9cb7e; }
.photo_gallery_head {font-size:120%;}
.leagueDiv {margin: 0 20px 10px 0; }
.leagueInfo { border:solid 1px #999999;margin-left:auto; margin-right:auto;padding:5px; width:550px;}

#content-inner .leagueDiv p, #content-inner .leagueInfo p{padding-left:0px; }
#content-inner .leagueDiv h4, #content-inner .leagueInfo h4 { font-size:18px;  color: #d02e19;
		font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:solid 1px #d02e19; margin-bottom:10px;}
		
		
		
/* Slider Effect Styles */
#slider {
  width: 205px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 113px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  margin-bottom: 25px;
}

.scrollContainer div.panel {
  height: 113px;
  width: 205px;
}

.scrollButtons {
    position: absolute;
    top: 135px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -5px;
}

.scrollButtons.right {
    right: -5px;
}