@charset "utf-8";
/* CSS Document */
@import url('specialStyle.css');
html,body{
	margin:0;
	padding:0;	
}
body{
	background:#252525;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;	
	color:#FFF;			
}

.ddFont{
	
}

a{
	color:#FF0000;
	font-weight:bold;	
}
.ddheadcolor{
	color:#FF0000;
}	

a:hover{
	text-decoration:underline !important;	
}
h1,h2,h3,h4{
	margin:0;
	padding:0;	
}
h1{
	font-size:1.4em;	
}
h2{
	font-size:1.4em;	
	
}
ul{
	list-style:none;
	padding:0;
	margin:0;
}
img{
	border:none;	
}
.special_box h2{
	margin-bottom:10px;	
}
.important{
	color:red;	
	text-decoration:italic;
}

.clear{
	clear: both;	
}
.newSection{
	margin-top:20px;	
}
#banner > div > div,#main_content > div,#main_rot_event > div,#footer > div{	
	margin:0 auto;
	width:990px;
}
#logo{
	height:149px;	
	background:#636363 url("../images/shared/banner_bg.png")	
}
	#logo > div{
		padding-top:16px;		
	}
	
#nav_holder{	
	background:#000;	
}
	#nav_holder > div{
		height:40px;
		
	}
	
#main_rot_event{
	background:#2F2F2F url("../images/shared/rotator_bg.png");
	border-bottom:10px solid #000;
}
	#main_rot_event > div{
		height:400px;		
	}	
	#main_rot_event > div.main_inside{
		height:50px;	
	}
	
	div.main_inside > div{
		color:#FFF
	}
	
		#main_rot_event > div.main_inside > div{
			padding:13px 8px;
		}
		
		
		#main_rot_event > div > div{
			
			float:left;	
		}
			#main_rot_event > div > div.rotator_holder{
				width:740px;
				height:400px;
				background:#E9E9E9;	
				position:relative;
				overflow:hidden;
			}
				#rotator{
					position:absolute;
					top:0;	
				}
				#rotator > div{
					float:left;
					width:740px;
				}
				
				
				#rotator_nav{
					position:absolute;
					bottom:10px;
					left:50%;
					z-index:999;
						
				}
				#rotator_nav > div{
					margin:0 2px;	
				}
				
				#rotator_nav .navOn,#rotator_nav .nav{
					width:43px;
					height:43px;
					background:url("../images/shared/rotator_nav.png");
					background-position:43px 0;
					float:left;
					cursor:pointer;
				}
				#rotator_nav .nav{		
					background:url("../images/shared/rotator_nav.png");		
				}
				
				
			
			#main_rot_event > div > div.event{
				width:250px;
				height:400px;
					
			}
				#main_rot_event > div > div.event .top_glow{
					height:13px;
					background:#000 url("../images/shared/upcoming_event_bg.png")	
				}
				#main_rot_event > div > div.event .event_content{
					height:369px;					
				}
					
					#main_rot_event > div > div.event .event_content .event_annoucement{
						height:202px;
						max-height:202px;
						background:#8D1616 url("../images/shared/upcoming_event_bg.png") repeat-x;	
						position:relative;
						overflow:hidden;						
					}
						#main_rot_event > div > div.event .event_content .event_annoucement a 
						{
							color:#FFF;
							text-decoration:none;	
						}
						
						#main_rot_event > div > div.event .event_content .event_annoucement a:hover div{
							text-decoration:none;	
						}
						#main_rot_event > div > div.event .event_content .event_annoucement a > div{
							padding:5px;
							text-align:center;
							font-size:2.4em;								
						}
						#main_rot_event > div > div.event .event_content .event_annoucement a > div span{
							font-size:.5em;						
							display:block;
							font-weight:normal;
						}
					
					#main_rot_event > div > div.event .event_content .upcoming_events{
						height:169px;
						max-height:169px;
						background:#8D1616 url("../images/shared/upcoming_event_bg.png")	
					}
					
						#main_rot_event > div > div.event .event_content .upcoming_events .event_nav{
							height:23px;
							background:#000 url("../images/shared/black_twill.png");
							padding:5px;	
						}
							#main_rot_event > div > div.event .event_content .upcoming_events .event_nav span{
								font-size:1.3em;
								display:block;
								float:left;	
							}
							#main_rot_event > div > div.event .event_content .upcoming_events .event_nav > div{
								float:right;
								height:23px;
								width:58px;					
							}
							#main_rot_event > div > div.event .event_content .upcoming_events .event_nav > div > div{
								width:25px;
								height:23px;	
								float:left;
								margin:0 2px;
								cursor:pointer;
							}
							
								#event_next{
									background:url("../images/shared/event_arrows.png")	
								}
								#event_next:hover{
									background:url("../images/shared/event_arrows.png") 25px 0	
								}
								
								#event_prev{
									background:url("../images/shared/event_arrows.png") 0 46px	;
									float:right !important;									
								}
								#event_prev:hover{
									background:url("../images/shared/event_arrows.png") 25px 46px	
								}
								
								p.date{
									font-weight:bold;	
								}
								.event_info{
									margin-bottom:5px;
									max-height:100px;
								}	
								
								.no_event_prev{
									background:url("../images/shared/event_arrows.png") 0px 23px !important;
									cursor:not-allowed !important;	
								}
								.no_event_next{
									background:url("../images/shared/event_arrows.png") 25px 23px !important;
									cursor:not-allowed !important;	
								}
					
					
					 #event_area{
							position:relative;
							overflow:hidden;
							padding:0 10px;
							height:221px;
													
						}
						
						#event_area a{
							color:#FFF;	
						}
						#event_area > div{
							position:absolute;
							top:0;
							width:230px;	
						}
						
						#event_area > div > div{
							height:201px;
							padding:10px 0;	
						}
						
						
					
				#main_rot_event > div > div.event .bottom_glow{
					height:18px;
					background:#000 url("../images/shared/event_glow.png")	0 18px
				}

#main_content{
	min-height:582px;
	background:#646464 url("../images/shared/sm_shadow.png") repeat-x;	
}
	
	#main_content > div{
		background:url("../images/shared/lg_shadow.png") no-repeat;
		min-height:500px;
		padding:10px;
		width:970px !important;
		position:relative;
	}
		#home > div{
			float:left;	
		}
		#home > div.content{
			width:720px;			
		
									
		}
			#home div.content ul{
				font-size:1.1em;
			}
			#home div.content ul li{
				float:left;
				margin-right:19px;
				
			}			
				#home div.content ul li p{
					margin:0;					
				}
					#home div.content ul li p > a{
						color:#FF0000;
						text-decoration:none;
						font-weight:bold;
					}
				
				#home div.content ul li > a{
					display:block;
					margin-bottom:10px;
				}
				.shadow{
					-moz-box-shadow: 3px 3px 4px #000;
					-webkit-box-shadow: 3px 3px 4px #000;
					box-shadow: 3px 3px 4px #000;
					/* For IE 8 */
					-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=155, Color='#000000')";
					/* For IE 5.5 - 7 */
					filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=155, Color='#000000');
				
				}
				.shadow:hover{
					-moz-box-shadow: 4px 4px 4px #000;
					-webkit-box-shadow: 4px 4px 4px #000;
					box-shadow:4px 4px 4px #000;
					/* For IE 8 */
					-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=145, Color='#000000')";
					/* For IE 5.5 - 7 */
					filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=145, Color='#000000');
				}
				#home div.content ul li img {
					border: 4px solid #999;
					margin-top: 10px;
				}
				#home div.content ul.featured_item a img:hover {
				border: 4px solid #464646;
				}
						
		#home > div.games{
			float:right;
			min-height:280px;		
			padding-left:14px;		
		}
		#home > div.games ul li{
			margin-bottom:10px;	
		}

#footer p{
	margin:0;
	padding:0;		
}
#footer > div{
	height:200px;	
	font-size:.9em;
	color:#FFF;
}

	#footer > div > div{
		float:left;	
	}
	
	#footer > div > div.info,#footer > div > div.social{
		margin-left:15px;	

		margin-top:15px;
	}	
		#footer > div > div.info p{						
			font-weight:bold;
		}
		#footer > div > div.info a{
			color:#FFF;				
		}
	
	#footer > div > div.social{
		font-size:1.5em;	
		float:right;
	}
		#footer > div > div.social ul{
			margin-top:10px;
		}		
			#footer > div > div.social ul li{
				float:right;
			
			}
			
/*********************************** special box container ***********************************************/
.special_box{
	color:#FFF;
	background: #252525;
	border: 1px solid #A3A3A3;	
}
			
/************************************ TAB LIST **************************************/
.leftTxt	{
	float:left;
	text-align:right;
	width:120px;
	font-weight:bold;
}
.rightTxt	{
	float:left;
	text-align:left;
	padding-left:10px;
	width:750px;
}

#tabs a{
	text-decoration:none;	
}
#tabs a:hover{
	text-decoration:none !important;	
}
#tabs .list ul li{
	border-bottom: 1px #464646 dashed;
	padding:10px;
}

#tabs .listInfo > div{
	margin-bottom:10px;
}
#tabs .list ul li .subHolder{
	padding:5px ;
	padding-bottom:10px;
}
#tabs .list{
	font-size:.85em;	
}
#tabs .rightTxt span{
	padding:10px 5px;
}

#tabs a.ui-button{
	font-size:.8em;
	padding:2px;

}

.hitToggle{
	display:inline-block;
	*display:block;
	cursor:pointer;	
	padding:5px;
	position:relative;
}
.nonHitToggle{
	padding:5px;	
}
.hitToggle:hover,.show{
	background:#FF0000;	
	color:black;
}

.toggleDirection{
	color:#353535;
	font-style:italic;
	padding-left:15px;
	font-size:.9em;	
}
.ui-tabs-nav{
	margin-bottom:10px !important;	
}

.toggleIcon{
	right:5px;
	position:absolute;	
	width:14px;
	height:14px;
}

.togglePlus{
	background:url("../images/shared/plusMinus.png") 0 28px;	
}
.toggleMinus{
	background:url("../images/shared/plusMinus.png") 0 14px;	
}

.listInfo{
	background:#333;
	border:1px solid #dbdbdb;
	border-bottom:0;
	padding:10px 0;	
	
}

.noShow{
	background:#666;
}	
.ui-widget-content h4{
	color:#FFF;	
}

.ui-widget-content .listInfo{
	color:#FFF;	
}
/********************************* Validate Sign up***********************************/			

label{
	width:15em;
	float:left;	
}
label.error{
	float:none;
	color:red;
	padding-left:10px;	
}
select{
	padding:3px 2px 3px 4px;		
}

.largeBox{
	width:30em;	
}

.mediumBox{
	width:20em;	
}
.stepy-error label{
	cursor:pointer;	
}

.addMember{
	display:inline-block;
	*display:block;
	margin:0;
	cursor:pointer;
	color:##FFF;
	font-weight:bold;
	zoom:0;
	width:25%;
}

.ui-dialog{
	font-size:.7em !important;	
	
}

.ui-widget{
		font-family:Verdana, Geneva, sans-serif !important;
}
#memberHolder > span:hover{
	cursor:pointer;
}
#memberHolder > span{
	margin-bottom:10px;	
	display:inline-block;
	*display:block;	
	font-size:.8em;
	margin-right:10px;
}

.deleteIcon{
	width:16px;
	height:16px;
	background:url('../images/shared/delete_icon.png');
	position:absolute;
	right:-9px;
	top:-7px;	
}
.deleteIcon:hover{
	background:url('../images/shared/delete_icon.png') 0 16px;
}
#validateForm > fieldset{
	padding:10px;	
}

.ui-dialog p > input {
	border:1px solid ##AAA;	
}

.gender,.memberGender{
	display:inline-block;
	margin-left:7px;		
}
.memberGender{
	margin:0;	
}
.gender > span,.memberGender > span{
	margin-right:10px;	
}

input[type="radio"]{
	margin:0 !important;	
	border:none !important;
	
}
em{
	color:red;	
}
.note{
	font-size: .8em ;
	font-style:italic;	
}
.coCaptain{
	background:#FFE965 url("../images/shared/bg_coCaptain.png") 0 50% !important;
	border:1px solid #FFCD04 !important;	
}
.coCaptain:hover{
	border:1px solid #EABB00 !important
}
.ui-button-text{
	padding:8px;	
}


.ul-list{
	list-style:disc;
	margin-left:30px;
}	
/*********************************** Home ****************************/

		
		
		
		
/********************************* Nav *****************************/			
		
.product_service > li{
	width:233px !important;
}
			
.event > li{
	width:300px !important;
}
			
			
			
			
/************************************* ADMIN ***************************/
/* 
h1	{
	padding-left:5px;
}
*/

.ui-button{
	cursor:pointer;	
}
.frmSubmit h3{
	margin-bottom:10px;	
}
.clonedInput{
	position:relative;	
}
.galleryL{
	float:left;	
	width:350px;
}
.galleryR{
	float:right;	
}

.adminNav-button{
	margin-bottom:50px;	
}

.adminNav-button a{
	font-size:1.1em;	
	text-decoration:none;	
}
.adminNav-button a:hover{
	text-decoration:none !important;	
}

.adminNav-button > .buttons{
	margin-bottom:10px;	
}
.adminNav-button .logButton{
	float:right;	
}
.frmHolder	{
	width:500px;
}

.frmLabel	{
	font-weight:bold;
	float:left;
	padding-right:5px;
	/* padding-bottom:5px; */
	vertical-align:text-bottom;
	text-align:right;
	width:200px;
}

.frmItem	{
	float:left;
	/* padding-bottom:5px; */
	vertical-align:text-bottom;
	text-align:left;
	width:300px;
}

.frmSubmit	{
	padding:5px;
	vertical-align:text-bottom;
	text-align:center;
	width:500px;
}

.msg	{
	padding:10px, 5px;
	font-weight:bold;
	color:#F00;
}

.required	{
	font-weight:bold;
	font-size:1.3em;
	color:#F00;
}

.event_annoucement .signUp{
	font-weight:bold;
	font-size:1.3em !important;
	line-height:.8;	
}