/* CSS Document */
/*  
Description: Pros Soccer Club CSS
Author: Bret Feddern
Version: 1
*/

body {
	font: normal 11px verdana;
	background-color: #cccccc;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#container{
	margin: 0px auto; 
	padding: 0px; 
	text-align:justify;
	width: 740px;
	background-image:url(../images/container.gif);
	background-repeat:repeat-y;
}

#headertop {
	background: #000000 url(/images/header-bg.gif); 
	height: 36px;
	padding: 0px 10px 0px 0px;
	color: #ffffff;
	text-align: right;
	font-size: 10px;
	width: 730px;
}

#headertop a {
	color: #ffffff;
	text-decoration:none;
}

#headertop a:hover {
	color: #990000;
	text-decoration:underline;
}

#logosmall {
	float: left;
	margin-left: 25px;
	height: 30px;
	width: 35px;
	background: #000000 url(/images/logo-small.gif) no-repeat;
}

#title {
	background: url(/images/pros-title.jpg) top right no-repeat; 
	height: 37px;
	width: 263px;
	float: right;
	margin-top:15px;
}

#title2 {
	background: url(/images/pros-title.jpg) top right no-repeat; 
	height: 37px;
	width: 263px;
	float: left;
	margin-top:15px;
}

#headermid {
	background: #000000 url(/images/header-mid.jpg) no-repeat; 
	height: 203px;
}

#headermid-news {
	background: #000000 url(/images/header-mid-news.jpg) no-repeat; 
	height: 203px;
}

#headermidtourney {
	background: #000000 url(/images/header-mid-tourney.jpg) no-repeat; 
	height: 203px;
}


#spacer {
  	clear: both;
}

#menubar {
	float: left;
  	width: 231px;
	margin: 0px auto;
	text-align: center;
	background: #eeeeee url(/images/menu-right.gif) repeat-y right;
}

#menutop {
  
  	padding: 0px 10px 0px 0px;
  	margin: 0px 0px 10px 0px;
	height: 53px;
	width: 221px;
  	background: #ffffff url(/images/menu-top.gif) no-repeat;
}

#menutop2 {
  
  	padding: 0px 10px 0px 0px;
  	margin: 0px 0px 10px 0px;
	height: 36px;
	width: 221px;
  	background: #ffffff url(/images/menu-top-tourney.gif) no-repeat;
}

#calendartop {
  
  	padding: 0px 10px 0px 0px;
  	margin: 0px 0px 10px 0px;
	height: 53px;
	width: 221px;
  	background: #ffffff url(/images/calendar-top.gif) no-repeat;
}

#menuoptions {
	padding: 20px 10px 0px 20px;
	height: 300px;
	width: 201px;
	text-align:left;
	color: #990000;
}

#menuoptions a {
	color: #990000;
}

#content {
	float: left;
  	width: 509px;
	margin: 0px auto;
	text-align: justify;
	background-color: #ffffff;
}

#contentheader {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 20px 10px;
	height: 150px;
	width: 489px;
	background: #eeeeee url(/images/content-top.gif) repeat-x bottom;
	text-align: justify;
}

#contentspacer {
	height: 50px;
	background-color: #ffffff;
	text-align: justify;
}

#content-title {
	margin-bottom: 20px;
	background-image: url(/images/content-title.gif);
	width: 233px;
	height: 20px;
}

#qandaheader {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	height: 35px;
	width: 489px;
	background: #eeeeee url(/images/content-top.gif) repeat-x bottom;
	text-align: justify;
}

#qanda-title {
	margin-bottom: 12px;
	background-image: url(/images/qanda-title.gif);
	width: 333px;
	height: 18px;
}

#summer-title {
	margin-bottom: 12px;
	background-image: url(/images/summer-title.gif);
	width: 300px;
	height: 20px;
}

#dev-title {
	margin-bottom: 12px;
	background-image: url(/images/developmental-title.gif);
	width: 300px;
	height: 19px;
}

#gallery-title {
	margin-bottom: 12px;
	background-image: url(/images/photo-title.gif);
	width: 300px;
	height: 18px;
}

#char-title {
	margin-bottom: 12px;
	background-image: url(/images/characteristics-title.gif);
	width: 321px;
	height: 19px;
}

#car-title {
	margin-bottom: 8px;
	background-image: url(/images/carwash-title.gif);
	width: 300px;
	height: 19px;
}

#rules-title {
	margin-bottom: 8px;
	background-image: url(/images/rules-title.gif);
	width: 300px;
	height: 19px;
}

#checkin-title {
	margin-bottom: 8px;
	background-image: url(/images/checkin-title.gif);
	width: 300px;
	height: 19px;
}

#competitive-title {
	margin-bottom: 22px;
	background-image: url(/images/competitive-title.gif);
	background-repeat:no-repeat;
	width: 333px;
	height: 19px;
}

#education-title {
	margin-bottom: 22px;
	background-image: url(/images/education-title.gif);
	background-repeat:no-repeat;
	width: 333px;
	height: 19px;
}

#info-title {
	margin-bottom: 12px;
	background-image: url(/images/info-title.gif);
	width: 118px;
	height: 18px;
}

#forms-title {
	margin-bottom: 12px;
	background-image: url(/images/forms-title.gif);
	width: 300px;
	height: 18px;
}

#fields-title {
	margin-bottom: 12px;
	background-image: url(/images/field-title.gif);
	width: 300px;
	height: 18px;
}

#bod-title {
	margin-bottom: 12px;
	background-image: url(/images/bod-title.gif);
	width: 300px;
	height: 19px;
}

#staff-title {
	margin-bottom: 12px;
	background-image: url(/images/staff-title.gif);
	width: 300px;
	height: 19px;
}

#council-title {
	margin-bottom: 12px;
	background-image: url(/images/council-title.gif);
	width: 300px;
	height: 19px;
}

#adminlinks-title {
	margin-bottom: 12px;
	background-image: url(/images/council-title.gif);
	width: 300px;
	height: 19px;
}

#volunteer-title {
	margin-bottom: 12px;
	background-image: url(/images/volunteer-title.gif);
	width: 300px;
	height: 19px;
}

#alumni-title {
	margin-bottom: 12px;
	background-image: url(/images/alumni-title.gif);
	width: 300px;
	height: 19px;
}

#bylaws-title {
	margin-bottom: 12px;
	background-image: url(/images/bylaws-title.gif);
	width: 300px;
	height: 19px;
}

#coummunity-title {
	margin-bottom: 12px;
	background-image: url(/images/community-title.gif);
	width: 300px;
	height: 19px;
}

#fund-title {
	margin-bottom: 12px;
	background-image: url(/images/fund-title.gif);
	width: 300px;
	height: 19px;
}

#administration-title {
	margin-bottom: 12px;
	background-image: url(/images/administration-title.gif);
	width: 300px;
	height: 19px;
}

#managers-title {
	margin-bottom: 12px;
	background-image: url(/images/managers-title.gif);
	width: 300px;
	height: 19px;
}

#minutes-title {
	margin-bottom: 12px;
	background-image: url(/images/minutes-title.gif);
	width: 300px;
	height: 19px;
}

#tryouts-title {
	margin-bottom: 12px;
	background-image: url(/images/tryouts-title.gif);
	width: 300px;
	height: 19px;
}

#registration-title {
	margin-bottom: 12px;
	background-image: url(/images/registration-title.gif);
	width: 300px;
	height: 19px;
}

#teams-title {
	margin-bottom: 12px;
	background-image: url(/images/teams-title.gif);
	width: 300px;
	height: 19px;
}

#schedules-title {
	margin-bottom: 12px;
	background-image: url(/images/schedules-title.gif);
	width: 300px;
	height: 19px;
}

#goal-title {
	margin-bottom: 12px;
	background-image: url(/images/goal-title.gif);
	width: 300px;
	height: 19px;
}

#training-title {
	margin-bottom: 12px;
	background-image: url(/images/training-title.gif);
	width: 300px;
	height: 19px;
}

#camps-title {
	margin-bottom: 12px;
	background-image: url(/images/camps-title.gif);
	width: 300px;
	height: 19px;
}

#honors-title {
	margin-bottom: 12px;
	background-image: url(/images/honors-title.gif);
	width: 300px;
	height: 19px;
}

#coaches-title {
	margin-bottom: 12px;
	background-image: url(/images/coaches-title.gif);
	width: 300px;
	height: 19px;
}

#local-title {
	margin-bottom: 12px;
	background-image: url(/images/local-title.gif);
	width: 300px;
	height: 19px;
}

#handouts-title {
	margin-bottom: 12px;
	background-image: url(/images/handouts-title.gif);
	width: 300px;
	height: 19px;
}

#news-title {
	margin-bottom: 12px;
	background-image: url(/images/news-title.gif);
	width: 300px;
	height: 19px;
}

#sponsors-title {
	margin-bottom: 12px;
	background-image: url(/images/sponsors-title.gif);
	width: 300px;
	height: 19px;
}

#standings-title {
	margin-bottom: 12px;
	background-image: url(/images/standings-title.gif);
	width: 300px;
	height: 19px;
}

#hotel-title {
	margin-bottom: 12px;
	background-image: url(/images/hotel-title.gif);
	width: 300px;
	height: 19px;
}

#activities-title {
	margin-bottom: 12px;
	background-image: url(/images/activities-title.gif);
	width: 300px;
	height: 19px;
}

#weblinks-title {
	margin-bottom: 12px;
	background-image: url(/images/weblinks-title.gif);
	width: 300px;
	height: 19px;
}

#college-title {
	margin-bottom: 12px;
	background-image: url(/images/college-title.gif);
	width: 300px;
	height: 19px;
}

#tutors-title {
	margin-bottom: 12px;
	background-image: url(/images/tutors-title.gif);
	width: 300px;
	height: 19px;
}
#tournament-title {
	margin-bottom: 12px;
	background-image: url(/images/tournament-title.gif);
	width: 300px;
	height: 19px;
}

#contentmain {
	margin: 20px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}

#contentmain-title {
	background-image: url(/images/content-title-main-2.gif);
	height: 19px;
	width: 449px;
}

#contact {
	margin: 0px 0px 20px 0px;
	padding: 60px 10px 0px 20px;
	width: 201px;
	background: url(/images/contact-top.gif) top center no-repeat;
	text-align: left;
	color: #000000;
	height:180px;
}

#sponsors {
	margin: 20px 0px 20px 0px;
	padding: 60px 2px 0px 28px;
	width: 201px;
	background: url(/images/sponsor-top.gif) top center no-repeat;
	text-align: left;
	color: #000000;
	height:190px;
}

#subscribe {
	margin: 0px 0px 0px 0px;
	padding: 50px 10px 0px 20px;
	width: 201px;
	background: url(/images/subscribe-top.gif) top center no-repeat;
	text-align: left;
	color: #000000;
	height:150px;
}

#inthenews {
	margin: 0px 0px 0px 0px;
	padding: 60px 10px 0px 20px;
	width: 201px;
	background: url(/images/inthenews-top.gif) top center no-repeat;
	text-align: left;
	color: #000000;
}

#inthenewslink a {
	color: #990000;
	text-decoration:none;
}

#inthenewslink a:hover {
	color: #000000;
	text-decoration:underline;
}

#calendarNav a {
	color: #000000;
	text-decoration:none;
}

#calendarNav a:hover {
	color: #000000;
	text-decoration:underline;
}

#contact-form {
	margin: 0px 0px 0px 0px;
	padding: 60px 10px 0px 20px;
	width: 370px;
	background:#eeeeee url(/images/how-to-form.gif) top left no-repeat;
	text-align: left;
	color: #000000;
	height:320px;
}

#ref-eval-form {
	margin: 0px 0px 0px 0px;
	padding: 60px 10px 0px 20px;
	width: 470px;
	background:#eeeeee url(/images/referee-eval-top.gif) top left no-repeat;
	text-align: left;
	color: #000000;
}

#club-eval-form {
	margin: 0px 0px 0px 0px;
	padding: 60px 10px 0px 20px;
	width: 470px;
	background:#eeeeee url(/images/club-eval-top.gif) top left no-repeat;
	text-align: left;
	color: #000000;
}

#quick {
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 10px 6px;
	width: 225px;
	background: url(/images/quick-top.gif) top center no-repeat;
	text-align: left;
	color: #990000;
}

#quick2 {
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 10px 6px;
	width: 225px;
	background: url(/images/quick-top-2.gif) top center no-repeat;
	text-align: left;
	color: #990000;
}


#contact a {
	color: #990000;
	text-decoration:none;
}

#contact a:hover {
	color: #000000;
	text-decoration:underline;
}

#locations {
	margin: 0px 0px 0px 0px;
	padding: 60px 10px 10px 10px;
	width: 211px;
	height: 288px;
	background: url(/images/locations-top.gif) top center no-repeat;
	text-align: left;
	color: #000000;
}

#locations a {
	color: #990000;
	text-decoration:none;
}

#locations a:hover {
	color: #000000;
	text-decoration:underline;
}

#park {
	width: 180px;
	background-color: #eeeeee;
}

#mapimage {
	margin: 0px 10px 20px 0px;
}

#howto {
	margin: 13px 0px 20px 20px;
}

#sat-tryouts {
	margin: -2px 13px 20px 0px;
}

#tryout {
	background-color:#cccccc;
	padding: 3px 3px 3px 8px;
	margin-right:5px;

}

#tryout2 {
	background-color:#ffffff;
	padding: 3px 3px 3px 8px;
	margin-right:5px;

}

#datetime {
	font-style:italic;
	color: #990000;
}

#directions {
	text-align: right;
	margin: 6px 0px 10px 0px;
}
#directions a {
	text-align: right;
	color: #990000;
	text-decoration:underline;
}

#footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	height: 36px;
	width: 730px;
	background: #000000 url(/images/footer-bg.gif);
}

 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

	
#menu1 {
	width: 220px;
	height:270px;
	margin: 10px 10px 10px 0px;
	text-align:left;
	}
	
#menu1 li a {
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-weight:bold;
	}	
	
#menu1 li a:link, #menu1 li a:visited {
	color: #000000;
	display: block;
	background:  #eeeeee url(/images/menu1.gif) no-repeat;
	padding: 4px 0 4px 26px;
	}
	
#menu1 li a:hover {
	color: #990000;
	background:  #eeeeee url(/images/menu1.gif) no-repeat 0 -30px;
	padding: 4px 0 4px 34px;
	}
	
	
div.float {
  	float: left;
  	width: 140px;
  	margin:0px auto;
}

div.float2 {
  	float: left;
  	width: 200px;
  	margin:0px auto;
}

div.float3 {
  	float: left;
  	width: 210px;
	padding-right: 10px;
  	margin:0px auto;
	text-align: left;
}

div.float4 {
  	float: left;
  	width: 230px;
	padding-right: 10px;
  	margin:0px auto;
	text-align: left;
}

div.float5 {
  	float: left;
  	width: 100px;
	padding-right: 10px;
	padding-top: 10px;
  	margin:0px auto;
	text-align: left;
}

div.float6 {
  	float: left;
  	width: 236px;
	padding-right: 10px;
  	margin:0px auto;
	text-align: left;
}

div.float7 {
  	float: left;
  	width: 90px;
	padding-right: 10px;
  	margin:0px auto;
	text-align: left;
}

div.float8 {
  	float: left;
  	width: 140px;
	padding-right: 10px;
  	margin:0px auto;
	text-align:justify;
}

div.float9 {
  	float: left;
  	width: 340px;
  	margin:0px auto;
	text-align: left;
	/*border:1px solid #000000; */
	padding:0 10px 8px 10px;
}

div.float10 {
  	float: left;
  	width: 150px;
  	margin-right:8px;
}

div.float3 a {
	color: #990000;
	text-decoration:underline;
}

div.float3 a:hover {
	color: #000000;
	text-decoration:underline;
}

div.spacer {
  	clear: both;
}

#landing-item {
	margin-bottom: 12px;
	background-image: url(/images/icon-globe.gif);
	background-position:top left;
	background-repeat:no-repeat;
	min-height:30px; 
	padding:0px 20px 10px 33px; 
	border-bottom:1px solid #000000;
}

#day-short {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
}

#day-number {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}

#golf-reg-form {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 20px;
	width: 470px;
	background-image: url(/images/golf-reg-top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#eeeeee;
	text-align: left;
	color: #000000;
}

#elite-info-form {
	margin: 0px 0px 0px 0px;
	padding: 60px 10px 0px 20px;
	width: 470px;
	background-image: url(/images/elite-info-top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#eeeeee;
	text-align: left;
	color: #000000;
}

#toolfloat {
  	float: left;
  	width: 200px;
  	margin:0px auto;
}

#toolfloat2 {
  	float: left;
  	width: 350px;
  	margin:0px auto;
}
#toolfloat3 {
  	float: left;
  	width: 150px;
	margin-top: 10px;
}
#toolfloat4 {
  	float: left;
  	width: 250px;
  	margin-top:10px;
}

.toollink {
	color: #000000;
	font-weight: bold;
}

.toollink:hover {
	color: #990000;
	font-weight: bold;
	text-decoration: underline;	
}

h3 {
	font-size:14px; 
	text-align:left;
}

p {
	text-align:left;
}

a {
	color:#990000; 
	text-decoration:underline;
}

.content-holder {
	background-color:#eeeeee; 
	border:1px solid #999999; 
	padding:12px; 
	text-align:center;
}

.content-holder a {
	color:#990000; 
	text-decoration:underline; 
}

.content-holder img {
	margin-right:12px;
	border:1px solid #999999;
}

.holder-left {
	float:left; 
	width:210px; 
	margin-right:12px; 
	text-align:left;
}
.holder-right {
	float:left; 
	width:220px; 
	text-align:left;
}