/* ----------------- CSS STYLES ----------------- */
*{
margin:0px;
padding:0px;
}

body{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background:url(images/vtile.jpg) repeat-x #0c1d41;
}

ul, ol {
margin-left:20px;
padding:5px 0px;
}

li{
padding:5px 0px;
}

p{
padding-bottom:10px;
}

.clear{
padding:0px;
margin:0px;
height:0px;
clear:both;
}

#webphibian{
padding-top:10px;
text-align:center;
}


/* ----------------- LINKS ----------------- */
a:link, a:visited{
color: #274993;
}

a:hover{
color:#000000;
}

:focus{
outline:0;
}

a.map:link, a.map:visited{
color: #274993;
font-weight:bold;
display:block;
background:url(../assets/map-icon.jpg) no-repeat;
height:32px;
line-height:32px;
text-indent:38px;
margin-top:3px;
}

a.map:hover{
color:#000000;
}


/* ----------------- TEXT ----------------- */
h1{
font-size:22px;
padding-bottom:5px;
}

h2{
font-size:18px;
padding-bottom:5px;
}

h3{
font-size:14px;
padding-bottom:5px;
}

h4{ 
font-size:12px;
}

.red{
	color:#F00;
}

.page-title{
	font-family:Arial, Helvetica, sans-serifl;
	color:#fff;
	display:block;
	padding-left:5px;
	padding-top:10px;
	text-transform:uppercase;
	font-weight:normal;
	font-size:16px;
}

/* ----------------- STRUCTURE ----------------- */
#wrapper{
	background:url(../assets/bg-vtile.jpg) repeat-x;
}

#inside-wrapper{
	background:url(../assets/bg-center.jpg) no-repeat scroll top center;
	min-height:900px;
}

#admin-wrapper{
	background:url(../assets/adminarea-bg.jpg) no-repeat scroll top center;
}

#container{
	width:980px;
	margin:0px auto;
}



/* ----------------- TOP ----------------- */
#top{
	height:135px;
	background:url(../assets/top.jpg) no-repeat;
}

#header{
}

#inside-header{
	height:240px;
	overflow:hidden;
}
 
.homepage-slideshow{
	height:290px;
}


/* ----------------- NAV ----------------- */
#nav{
	background:url(../assets/nav-bg.jpg);
	height:59px;
}



/* ----------------- DROP DOWN MENU ----------------- */
ul li.nav-divider{
width:2px;
height:59px;
background:url(../assets/nav-divider.jpg) no-repeat top center;
}

.menu {
font-family: arial, sans-serif;
position:relative;
z-index:100;
height:59px; /* Same as Top Nav Links */
}

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

.menu ul li {
padding:0px;
margin:0px;
float:left;
position:relative;
}

.menu ul li ul {
display: none;
}

.menu ul li:hover ul li ul {
display: none;
}

 

/* Top Nav Links */
.menu ul li a, .menu ul li a:visited {
color:#fff;
display:block;
font-size:11px;
height:59px;
line-height:59px;
overflow:hidden;
text-align:center;
text-indent:-9999px;
}

/* Top Nav Links Hover */
.menu ul li:hover a {
background-position:0px -59px;
color:#333;
}

/* Styles Y offset for drop downs */
.menu ul li:hover ul {
display:block;
position:absolute;
top:59px; /* Same height as Top Nav Links */
left:0;
}

 

/* Drop Down Tab */
.menu ul li:hover ul li a {
display:block;
background:#666;
color:#FFF;
height:30px;
line-height:30px;
}

/* Drop Down Tab Hover */
.menu ul li:hover ul li a:hover {
background:#EEE;
color:#666;
}

 

 

/* -------------------- TOP NAV AND DROP DOWN WIDTHS -------------------- */
/* Individually sets the width of the top nav links and their drop downs */
a.tab-one:link, a.tab-one:visited, a.tab-one:hover{
width:67px;
background:url(../assets/btn-home.jpg)
}

a.tab-two:link, a.tab-two:visited, a.tab-two:hover{
width:75px;
background:url(../assets/btn-history.jpg)
}


a.tab-three:link, a.tab-three:visited, a.tab-three:hover{
width:184px;
background:url(../assets/btn-schedule.jpg);
}

a.tab-four:link, a.tab-four:visited, a.tab-four:hover{
width:168px;
background:url(../assets/btn-forms.jpg);
}

a.tab-five:link, a.tab-five:visited, a.tab-five:hover{
width:139px;
background:url(../assets/btn-links.jpg);
}

a.tab-six:link, a.tab-six:visited, a.tab-six:hover{
width:121px;
background:url(../assets/btn-parties.jpg);
}

a.tab-seven:link, a.tab-seven:visited, a.tab-seven:hover{
width:97px;
background:url(../assets/btn-directions.jpg);
}

a.tab-eight:link, a.tab-eight:visited{
width:115px;
background:url(../assets/btn-contact.jpg);
}


   





/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */


/* ----------------- BODY ----------------- */
#body{
	background:url(../assets/body-bg.jpg) #e8e7e4 repeat-x;
	border:1px solid #dfdfdf;
	border-bottom:0px;
	border-top:0px;
	padding:15px 11px;
	padding-bottom:0px;
	overflow:hidden;
	font-size:14px;
}



#b-left{
	float:left;
	width:706px;
}



#b-right{
	float:right;
	width:240px;
}


/* ----------------- BODY SECTIONS ----------------- */
.widebox{
	width:706px;
	margin-bottom:15px;
}

.widebox-top{
	background:url(../assets/widebox-top.png);
	height:38px;
	padding-top:4px;
	padding-left:42px;
}

.widebox-body{
	background:url(../assets/widebox-body.jpg) repeat-y;
	padding:7px 15px;
	padding-bottom:5px;
	overflow:hidden;
}

.widebox-bottom{
	background:url(../assets/widebox-bottom.jpg);
	height:6px;
}

.shortbox{
	width:240px;
	margin-bottom:15px;
}

.shortbox-top{
	background:url(../assets/shortbox-top.png);
	height:38px;
	padding-top:3px;
	padding-left:42px;
}

.shortbox-body{
	background:url(../assets/shortbox-body.jpg) repeat-y;
	padding:7px 15px;
	padding-bottom:0px;
	overflow:hidden;
}

.shortbox-bottom{
	background:url(../assets/shortbox-bottom.jpg);
	height:6px;
}

#tour{
	margin-bottom:15px;
}

ul#whats-happening{
	margin:0px;
	padding:0px;
	list-style:none;
}


ul#whats-happening li{
	margin:0px;
	padding:0px;
	padding-bottom:5px;
	margin-bottom:5px;
	list-style:none;
	border-bottom:dotted 1px #666;
}

ul#whats-happening li.last{
	margin:0px;
	padding:0px;
	padding-bottom:5px;
	margin-bottom:5px;
	list-style:none;
	border:none;
}

ul#whats-happening li strong{
	display:block;
	color:#274993;
}



.contactus-item{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:dotted 1px #666;
}

.contactus-item-last{
	padding-bottom:5px;
	margin-bottom:5px;
	border:none;
}

.contactus-item strong, .contactus-item-last strong{
	color:#274993;
}


.toggle_container{
	padding:15px 0px;
}


/* ----------------- TITLES ----------------- */
#title-welcome{
	background:url(../assets/title-welcome.jpg) no-repeat;
	height:35px;
	width:201px;
	text-indent:-9999px;
}

#title-coaching{
	background:url(../assets/title-coaching.jpg) no-repeat;
	height:35px;
	width:106px;
	text-indent:-9999px;
}

#title-quiz{
	background:url(../assets/title-quiz.jpg) no-repeat;
	height:35px;
	width:242px;
	text-indent:-9999px;
}

#title-whats-happening{
	background:url(../assets/title-whatshappening.jpg) no-repeat;
	height:35px;
	width:174px;
	text-indent:-9999px;
}

#title-contactinfo{
	background:url(../assets/title-contactinfo.jpg) no-repeat;
	height:35px;
	width:96px;
	text-indent:-9999px;
}

#title-history{
	background:url(../assets/title-history.jpg) no-repeat;
	height:35px;
	width:201px;
	text-indent:-9999px;
}

#title-schedule{
	background:url(../assets/title-schedules.jpg) no-repeat;
	height:35px;
	width:201px;
	text-indent:-9999px;
}

#title-forms{
	background:url(../assets/title-forms.jpg) no-repeat;
	height:35px;
	width:201px;
	text-indent:-9999px;
}

#title-links{
	background:url(../assets/title-links.jpg) no-repeat;
	height:35px;
	width:201px;
	text-indent:-9999px;
}

#title-parties{
	background:url(../assets/title-parties.jpg) no-repeat;
	height:35px;
	width:201px;
	text-indent:-9999px;
}

#title-directions{
	background:url(../assets/title-directions.jpg) no-repeat;
	height:35px;
	width:201px;
	text-indent:-9999px;
}

#title-contactus{
	background:url(../assets/title-contactus.jpg) no-repeat;
	height:35px;
	width:201px;
	text-indent:-9999px;
}

#title-importantdates{
	background:url(../assets/title-importantdates.jpg) no-repeat;
	height:35px;
	width:126px;
	text-indent:-9999px;
}

#title-downloadforms{
	background:url(../assets/title-downloadforms.jpg) no-repeat;
	height:35px;
	width:132px;
	text-indent:-9999px;
}


/* ----------------- FOOTER ----------------- */
#footer{
	background:url(../assets/footer-bg.jpg) #c8c8c8 repeat-x;
	border:1px solid #dfdfdf;
	border-bottom:0px;
	border-top:0px;
	padding:8px 0px;
	padding-left:20px;
	padding-right:25px;
	overflow:hidden;
}

	#footer a{
		font-weight:bold;
		text-decoration:none;
	}
	


	#past-league-standings{
		float:left;
		width:212;
		margin-right:70px;
	}
	
		#past-league-standings h2.title{
			background:url(../assets/title-pastleaguestanding.jpg) no-repeat;
			height:22px;
			width:164px;
			text-indent:-9999px;
		}
		
		#past-league-standings ul{
			margin:0px;
			padding:0px;
			list-style:none;
			margin-left:5px;
		}
		
		#past-league-standings ul li{
			margin:0px;
			padding:0px;
			list-style:none;
		}
	
	
	
	#master-schedule{
		float:left;
		width:133px;
		margin-right:100px;
		text-align:center;
	}
	
		#master-schedule h2.title{
				background:url(../assets/title-masterschedule.jpg) no-repeat;
				height:22px;
				width:133px;
				text-indent:-9999px;
			}
	
	#reservations{
		float:left;
		width:167px;
		text-align:center;
	}
	
	
		#reservations h2.title{
				background:url(../assets/title-reservations.jpg) no-repeat;
				height:22px;
				width:113px;
				text-indent:-9999px;
			}
	
	#facebook{
		float:right;
		width:234px;
		overflow:hidden;
	}
	

		#facebook h2.title{
				background:url(../assets/title-joinusonfb.jpg) no-repeat;
				height:22px;
				width:159px;
				text-indent:-9999px;
			}
			
		#facebook p{
			padding-left:5px;
			line-height:18px;
		}
				
			
/* ----------------- BOTTOM ----------------- */			
#bottom{
	background:url(../assets/bottom-bg.jpg);
	height:116px;
	padding:0px 10px;
	padding-top:24px;
	color:#FFF;
	font-size:10px;
	overflow:hidden;
}

#copyright{
	float:left;
	width:150px;
}

#fnav{
	color:#F00;
	float:right;
	width:750px;
	text-align:right;
}

#fnav a{
	color:#fff;
	text-decoration:none;
}

#fnav a:hover{
	color:#f00;
	text-decoration:underline;
}


/* ----------------- ADS ----------------- */
#premium-ad img{
	margin-bottom:10px;
}

#ads{
	text-align:center;
}

#ads img{
	display:inline-block;
	margin-bottom:10px;
}


/* ----------------- PICTURES ----------------- */
.picright{
	float:right;
	background:#eee;
	padding:7px;
	border:1px solid #CCC;
	margin-bottom:10px;
	margin-left:10px;
}

.picleft{ 
	float:left;
	background:#eee;
	padding:7px;
	border:1px solid #CCC;
	margin-bottom:10px;
	margin-right:10px;
}


/* ----------------- LIGHTBOX / MODAL WINDOW----------------- */

/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{
background:#000; /* Changes Overlay Color */
opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
filter: alpha(opacity=50); /* IE 5-7*/
}
#colorbox{}
#cboxTopLeft{width:25px; height:25px; background:url(../colorbox/border1.png) 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url(../colorbox/border1.png) 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url(../colorbox/border1.png) -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url(../colorbox/border1.png) 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url(../colorbox/border1.png) 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url(../colorbox/border1.png) -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url(../colorbox/border2.png) 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url(../colorbox/border2.png) -25px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#666666; font-weight:bold;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#666666;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.

!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} 


/* ----------------- ADMIN AREA ----------------- */
#admin-header{
	background:url(../assets/admin-header.jpg);
	height:170px;
}

ul#admin-nav{
	margin:0px;
	margin-left:25px;
	padding:0px;
	list-style:none;
}

ul#admin-nav li{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
}

ul#admin-nav li a{
	display:block;
	color:#000;
	text-decoration:none;
	text-align:center;
	padding:0px 15px;
	padding-top:24px;
	padding-bottom:15px;
	font-size:16px;
	font-weight:bold;
}

ul#admin-nav li a:hover{
	color:#fff;
	background:url(../assets/adminarea-navmo.jpg);
}

#admin-footer{
	background:url(../assets/admin-footer.jpg);
	height:21px;
	margin-bottom:25px;
}



/* ----------------- ADMIN AREA ----------------- */
.admin-title{
padding:10px 0px;
}

.admin-table{
border:1px solid #333;
border-bottom:none;
border-right:none;
}

.admin-table td{
border:1px solid #333;
border-top:none;
border-left:none;
padding:10px;
}

.admin-table-header{
background:url(../assets/adminarea-tableheader.jpg) repeat-x;
height:25px;
line-height:15px;
overflow:hidden;
color:#ffffff;
font-size:16px;
text-align:center;
font-weight:bold;
}

.admin-field-header{
background:#666;
font-weight:bold;
font-size:14px;
color:#fff;
}

.admin-form-label{
font-weight:bold;
}

.admin-form-submit{
text-align:center;
}

table td.admin-form-submit input{
border:1px solid #999;
background:#666;
color:#fff;
padding:3px 7px;
cursor:pointer;
cursor:hand;
}


table td.admin-form-submit input:hover{
border:1px solid #999;
background:#2657ae;
color:#fff;
}

/* ----------------- Login ----------------- */
#loginbox{
width:331px;
margin:0 auto;
}

#logincontainer{
padding:5px 20px;
}

#passwordcontainer{
padding:5px 20px;
}


#logintxt{
float:left;
width:80px;
font-size:14px;
font-weight:bold;
padding-top:4px;
}

#loginform{
float:left;
}

#loginform input{
width:190px;
height:17px;
font-size:14px;
}

#passwordtxt{
float:left;
width:80px;
font-size:14px;
font-weight:bold;
padding-top:4px;
}

#passwordform{
float:left;
}

#passwordform input{
width:190px;
height:17px;
font-size:14px;
}

#submitbtn{
padding:15px 36px;
text-align:right;
}

#loginsubmitbtn{
border:1px solid #999;
background:#666;
color:#fff;
padding:3px 7px;
cursor:pointer;
cursor:hand;
}


#loginsubmitbtn:hover{
border:1px solid #999;
background:#2657ae;
color:#fff;
}





/* ----------------- ADMIN BUTTONS ----------------- */
a.drag-btn, a.view-btn, a.edit-btn,  a.add-btn, a.delete-btn, a.submit-btn, a.activate-btn, a.deactivate-btn{
	margin:0px 2px;
}

a.drag-btn:link, a.drag-btn:visited{
	display:block;
	background:url(http://www.webphibian.com/standards/assets/drag-btn.jpg);
	width:69px;
	height:23px;
	text-indent:-9999px;
	float:left;
}

a.view-btn:link, a.view-btn:visited{
	display:block;
	background:url(http://www.webphibian.com/standards/assets/view-btn.jpg);
	width:60px;
	height:23px;
	text-indent:-9999px;
	float:left;
}

a.edit-btn:link, a.edit-btn:visited{
	display:block;
	background:url(http://www.webphibian.com/standards/assets/edit-btn.jpg);
	width:60px;
	height:23px;
	text-indent:-9999px; 
	float:left;
}


a.add-btn:link, a.add-btn:visited{
	display:block;
	background:url(http://www.webphibian.com/standards/assets/add-btn.jpg);
	width:60px;
	height:23px;
	text-indent:-9999px;
	float:left;
}


a.delete-btn:link, a.delete-btn:visited{
	display:block;
	background:url(http://www.webphibian.com/standards/assets/delete-btn.jpg);
	width:79px;
	height:23px;
	text-indent:-9999px;
	float:left;
}

a.submit-btn:link, a.submit-btn:visited{
	display:block;
	background:url(http://www.webphibian.com/standards/assets/submit-btn.jpg);
	width:79px;
	height:23px;
	text-indent:-9999px;
	float:left;
}

a.activate-btn:link, a.activate-btn:visited{
	display:block; 
	background:url(http://www.webphibian.com/standards/assets/activate-btn.jpg);
	width:92px;
	height:23px;
	text-indent:-9999px;
	float:left;
}

a.deactivate-btn:link, a.deactivate-btn:visited{
	display:block;
	background:url(http://www.webphibian.com/standards/assets/deactivate-btn.jpg);
	width:105px;
	height:23px;
	text-indent:-9999px;
	float:left;
}

a.drag-btn:hover, a.view-btn:hover, a.edit-btn:hover,  a.add-btn:hover, a.delete-btn:hover, a.submit-btn:hover, a.activate-btn:hover, a.deactivate-btn:hover{
	background-position:0px -23px;
}