@charset "utf-8";
/* CSS Document */
body,html{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-color:#898989;
	height:100%;  
}

H1,H2,H3,H4{ padding:0; margin:0;}

a:visited{ color:#9d3125;}

.header{
	color:#055c80;
	font-size:20px;
	font-weight:bold;
}

.header2{
	color:#055c80;
	font-size:15px;
	font-weight:bold;
	border-bottom:2px solid #CCC;
}

.leftheader{
	color:#FFF;
	font-size:12px;
	font-style:italic;
	border-bottom:1px dotted #CCC;
}

p,ul{ padding:0; margin:0; list-style-type:none;}

#shadow{
	width:1000px;
	background:url(../images/shadow_bg.jpg) repeat-y center;
	margin:0 auto;
}

#container{
	width:800px;
	margin:0 auto;
}

#header{
	height:160px;
	position:relative;
	background:url(../images/logo_new.jpg) no-repeat bottom;
}

.logo{ float:left;}


#header .tbar{
	height:10px;
	overflow:hidden;
	background:url(../images/header_twocolor_bar_top.gif) repeat-x;
}

#header ul{
	position:absolute;
	right:75px;
	top:130px;
}

#header ul li{ float:left; font-size:12px; padding:0px 5px; line-height:15px; border-right:1px solid #000;}
#header ul li.last{ border:0;}
#header ul li a{color:#000; text-decoration:none;}

* html #navigation { height: 1%;}

#navholder{ height:51px;}

#navigation{
	background:url(../images/navigation/bg.jpg) bottom no-repeat;
	border-bottom:1px solid #3a3c3b;
	height:51px;
	position:relative;
	z-index:3000;
}

#navigation li{
	float:left;
	text-align:center;
	width:96px;
	margin:0px 4px;
	height:51px;
	position:relative;
}

#navigation li ul li{
	float:none;
	text-align:left;
	width:auto;
	margin:0;
	padding:3px 3px;
	height:auto;
	position:relative;
	z-index:15;
}

#navigation li:hover ul, li.over ul{ display: block; }

#navigation li ul li a{font-size:11px; display:block; text-decoration:none; color:#FFFFFF; padding:5px; width:133px;}
#navigation li ul li a:hover{ color:#333; background:#F5F5F5}

#navigation li ul{
	position:absolute;
	display:none;
	width:150px;
	top:51px;
	left:0;
	background:#333;
	text-align:left;
	border:1px solid #bd3444;
	border-top:5px solid #bd3444;
	z-index:10;
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
	clear:left;
}

li > ul {
	top: auto;
	left: auto;
	}


#navigation li.divide{
	width:2px;
	background:url(../images/navigation_divider.jpg) no-repeat;
	vertical-align:bottom;
}

#navigation li a img{border:0; vertical-align:bottom;  }

#navigation .hovered{	
	position:relative;
	bottom:13px;
}

.hovered_current, .hovered_current_li {	
	position:absolute;
	left:0;
	bottom:-1px;
}

/****************************/
/* CONTENT
/****************************/

#leaguetab{ padding:0; margin:0;}
#leaguetab li.first,#leaguetab li.selected{
	margin-left:0;
}

#leaguetab li a.selected{
	position:relative;
	color:#055c80;
	top:1px;
	font-weight:bold;
}

#leaguetab li{
	float:left; 
	margin:0px 3px;
	border:1px solid #CCC;
	border-bottom:0;
}
#leaguetab li a{
	color:#333;
	text-decoration:none;
	display:block;
	padding:5px 8px;
	background:#F5F5F5;
}

#leaguetab li a:hover{
	color:#055c80;
}

<!--th{ text-align:left;	color:#055c80; font-size:13px;}-->

.leaguebox{
	background:#FFF; 
	border:1px solid #CCC;
	clear:left;
	padding:5px;
	font-size:11px;
}

.leaguebox a{
	color:#000066
}
 

.on_row{}
.off_row td{ background:#eee; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.off_row2 td{ background:#aeb9cb; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}

.leaguebox table{padding:10px; width:100%}

.linklist{ margin:5px 0px; padding:5px 0px; clear:left; text-align:center}
.linklist li{ float:left; padding:0px 10px; border-right:1px solid #666;}
.linklist li.last{border-right:0}
.linklist li a{	color:#055c80; text-decoration:none;}
.linklist li a:hover{ text-decoration:underline;}

.cf_wrapper b{ display:block; padding:10px 0px; color:#333;}
.cf_wrapper a{ color:#fff; font-weight:normal}
.cf_element{
	width:200px;
	height:150px;
	border:1px solid #333;
}

.locationlist li{
	float:left;
	width:220px;
	margin:1px 1px;
	padding:20px 15px 5px 15px;
	font-size:11px;
	height:135px;
	background:url(../images/location_bg_over.gif) no-repeat center;
}

.locationlist li.locationover{
	background:url(../images/location_bg.gif) no-repeat center;
	cursor:pointer;
	color:#333;
}

.locationlist h4{ font-size:14px; position:relative; color:#055c80; padding-bottom:1px; margin-bottom:6px; border-bottom:1px dotted #CCC;}
.locationlist h4 span{ color:#666; position:absolute; right:15px; font-size:12px;}


.locationlist img{
	height:80px;
	width:80px;
	border:1px solid #f5f5f5;
}

.locationlist div{
	float:left;
	margin-right:5px;
	background:#ddd;
}


.locationlist a.link{
	display:block; 
	padding:0px 20px;
	margin:0;
	line-height:16px;
	background:url(../images/go.gif) 100% 50% no-repeat;
	text-decoration:none;
	clear:left;
	text-align:right;
}

.locationlist a:hover{
	text-deoration:underline;
	color:#333;
}

#filterbox{ overflow:auto; margin:10px 0px;}
#filterbox li{ float:left; padding-right:25px}


/****************************/
/* LEFT NAVIGATION          */
/****************************/
#leftnav{
	width:192px;
	float:left;
	padding:15px 23px 100px 23px;
	background:url(../images/leftnav_main_bg.jpg) no-repeat top left;
	min-height:400px;
	height:auto !important;
	height:400px;
}

#leftnav p{
	padding:15px 0px;	
}

#leftnav ul.event{
	font-size:11px;
	color:#FFF;
	padding:10px 0px 10px 25px;
	background:url(../images/volleyball_icon_bg.gif) 0% 22% no-repeat;
}

#leftnav ul.leagueevents{
	font-size:11px;
	color:#FFF;
	padding:10px 0px 10px 0px;
}

#leftnav ul.leagueevents2{
	font-size:11px;
	color:#FFF;
	padding:10px 0px 10px 0px;
}

#leftnav ul a{ color:#f4e2b8;}

.leftnavfoot{
	height:147px;
	width:238px;
	position:absolute;
	bottom:-1px;
	left:0px;
	background:url(../images/leftnav_foot_bg.jpg) no-repeat;
}

.weatherbox{
	font-size:12px;
	font-weight:bold;
	height:40px;
	line-height:30px;
}

.weatherbox span.off{ color:#FFF;}
.weatherbox span.on{ color:#f4e2b8}

.weatherbox img{
	float:left;
	position:relative;
	left:-10px;
	bottom:5px;
}

/****************************/
/* CONTENT  	            */
/****************************/
.spacer{
	height:4px;
	overflow:hidden;
	background:url(../images/spacer.gif) repeat-x;
}

.subhead{
	color:#000033;
	display:block;
	padding:10px 0px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #CCC;
}

#contentholder{
	background:url(../images/leftnav_overall_bg.jpg) repeat-y;
	position:relative;
	width:100%;
}

#maincontent{
	padding:45px 20px 115px;
	width:514px;
	float:right;
}

#maincontent_full{
	padding:0;
	width:100%;
	background:#cdd5e2;
	float:none;
}

#maincontent p{
	padding:10px 0px;
}

#contact tr td{
	vertical-align:top;
	padding:3px 5px;
}

#contact .label{
	font-weight:bold;
	color:#333;
}

.jumplink{ 
	display:block;
	padding:10px 0px;
	text-align:right;
	color:#333;
}

.dottedbar{
	height:10px;
	background:url(../images/dotted_body_bg.jpg) repeat-x;
	margin:15px 0px 5px 0px;
}

div.hangbar{
	height:34px;
	width:562px;
	position:absolute;
	top:0;
	right:0;
	background:url(../images/content_topbar_bg.jpg) repeat-x;
}

iframe{
	border:1px solid #666;
}


/****************************/
/* FOOTER    	            */
/****************************/

#footer{
	clear:both;
	text-align:center;
	width:1000px;
	margin:0 auto;
	padding:15px;
	background:url(../images/footbg_shadow.jpg) center top no-repeat;
}

#footer ul{
	padding:15px 0px;
	margin:0 auto;
}

#footer ul li{
	display:inline;
	padding:0px 10px;
}



#footer a{
 color:#313a42;
 font-size:12px;
}

.copyright{
	font-size:10px;
	display:block;
	padding:10px 0px;
}

.quote{
	padding:0px;
	color:#FFFFFF;
	margin-top:15px;
	/**background:url(../images/quote.gif) 99% 15% no-repeat;**/
}

.icontent{
	margin-right:10px;
}

.floatl{ float:left;}
.floatr{ float:right;}


.clearb{clear:both}
.clearr{clear:right}
.clearl{ clear:left;}

.signup_big{ padding:10px 0px; font-size:15px; display:block; text-align:center; font-weight:bold; }


#signup{ font-size:11px;}
#signup .label{ color:#000; font-weight:bold}
#signup td{ padding:3px 5px}

.req{color:#990000}

.flylink_right{
	position:absolute;
	right:15px;
	top:35px;
	padding-left:20px;
	background:url(../images/magnifier.gif) no-repeat left;
}

.flylink_right_bottom{
	position:absolute;
	right:15px;
	bottom:75px;
	z-index:100;
	right:15px;
	padding-left:20px;
	background:url(../images/magnifier.gif) no-repeat left;
}

.flylink_regright{
	position:absolute;
	right:15px;
	top:35px;
}

#leaguelistings td a{
	color:#333;
}
#leaguelistings td a:hover{
	color:#990000;
	text-decoration:none;
}

#leaguelistings .h{
	font-weight:bold;
	font-size:14px;
	padding:5px 0px;
}

#playertable{
	margin:8px 0px;
	border:1px solid #CCC;
	background:#FFF;
}
#playertable td{
	border-bottom:1px solid #CCC;
}
#playertable td i{ font-weight:bold; font-size:10px;}
#playertable .head td{
	font-weight:bold;
	padding:5px;
	background:#EEE;
	border-bottom:1px solid #CCC;
}
#error{ background:#990000; color:#FFF; padding:10px; margin:10px 0px; font-weight:bold}

.error{ margin-bottom:10px; font-weight:bold; color:#9d3125;}
.success{ margin-bottom:10px; font-weight:bold; color:#003300}
.formnote{ margin-left:10px; font-size:10px;}

.filelist{
	margin:5px 0px 15px 0px;
}
.filelist li{
	padding:1px 0px;
}
#success{ background:#006633; color:#FFF; padding:10px; margin:10px 0px; font-weight:bold}


#spotlight{
overflow:hidden;
}

#spotlight h4, .smallhead{ border-bottom:1px dashed #bac3d2; color:#055c80; margin-bottom:10px}

#spotlight img{ border:1px solid #055c80; float:left; margin-right:15px;}
#spotlight span{display:block;}

.signup:hover{
	color:#000;
	text-decoration:underline;
}

.signup:hover b{
	color:#000;
	text-decoration:underline;
}



/**POPUP INFO**/
#backgroundPopup{  
	 display:none;   
	 position:fixed;
	 _position:absolute; /* hack for internet explorer 6*/  
	 height:100%;   
	 width:100%;   
	 top:0;   
	 left:0;   
	 background:#000000;   
	 border:1px solid #cecece;   
	 z-index:1;   
}

#popupContact{   
	display:none;   
	position:fixed;   
	_position:absolute; /* hack for internet explorer 6*/  
	height:450px;   
	width:525px;   
	background:#FFFFFF;   
	border:2px solid #cecece;   
	z-index:3001;   
	padding:12px;   
	font-size:13px;   }   
	
	#popupContact h1{   text-align:left;   color:#6FA5FD;   font-size:22px;   font-weight:700;   border-bottom:1px dotted #D3D3D3;   padding-bottom:2px;   margin-bottom:20px;   }  
	
	 #popupContactClose{   font-size:14px;   line-height:14px;   right:10px;   top:8px; cursor:pointer;   position:absolute;   color:#6fa5fd;   font-weight:700;   display:block;   }  


.sponsor{
	margin:10px 0px;
	text-align:center;
}

.sponsor b{ font-size:16px; color:#CCC }
.sponsor a{ color:#990000; }
.sponsor span{ display:block; padding:3px 0px; font-size:11px;}