@charset "UTF-8";

/* the main style sheet containing tag definitions and core styles
   1. TAGS 
   2. SITE COMPONENTS  
   3. HOME PAGE COMPONENTS
   4. SITE NAVIGATION 
*/

/*********************************************************************************************************************/
/* 1. TAGS */
/*********************************************************************************************************************/

	body {
		background: #083e72 url(../images/template/bg_top.jpg) top center repeat-x;
		margin:0;
		padding:0;
		line-height:1.0;
		font-family: Franklin Gothic Medium, Arial Narrow Bold, Arial, sans-serif;
		color: #333;
		font-size:.8em;
	}
	h1, h2, h3, h4 {
		margin:0;
		padding:0;
	}

	a:link, a:visited, a:hover, a:active {
		color: #06325b;
		text-decoration: none;
		cursor: pointer;
	}
	a:focus { outline: none; }
	
	ul {
		margin:0;
		padding:0;
	}
	
	li {
		padding:0;
		margin:none;
		list-style: none;
	}
	
	a:hover {
		color:#b41720;
	}
	
	p {
		font-size: .9em;
		margin:0;
		line-height: 1.6em;
	}
	
	a img {
		border:none;
	}
	
	fieldset
	{
		border:none;
		padding: 0;
		margin: 0;
	}
	
.left { float:left; } .right { float:right; }

/*********************************************************************************************************************/
/* 2. SITE COMPONENTS */
/*********************************************************************************************************************/

#wrapper {
	width:960px;
	background-color:#08335d;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#header {
	overflow: hidden;
	background: #08335d url(../images/template/header_bg.gif) top center no-repeat;
	padding: 20px 10px 0 10px;
}

#header a img {
	margin: 5px 10px 5px 10px;
}

.corner-fold {
	background: #f2f2f2 url(../images/template/corner.gif) top right no-repeat;
	padding: 10px
}

.read-more {
	text-transform: uppercase;
	font-weight: bold;
	font-size: .9em;
	float: right;
	overflow: hidden
}

.read-more a {
	color: #fff;
	background-color: #b8b8b8;
	padding: 6px;
	display: block;
}

.read-more a:hover {
	background-color: #457cb3;
}
#news .read-more { margin-top:10px;}

#content {
	padding-left: 10px;
}

#logo {float: left;}
#search-form {
	float: right;
	margin-top: 0px;
}
.form-field {
	height: 15px;
	float:left;
	width:160px;
}
.button {
	border: none;
	cursor:pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	height:auto;
	width:auto;
	padding:7px;
	margin: 0px;
	color:#fff;
	text-transform: uppercase;
	font-size:13px;
	font-family: Arial;
	font-weight:bold;
	letter-spacing: -0.03em;
	position:relative;
	float:left;
	background: #083d71 url(../images/template/btn_overlay.png) repeat-x;
}
.button:hover {background-color: #b41720;}



.form-field {
	padding: 5px;
	margin-right:5px;
	float:left;
}

#side-bar {
	overflow: hidden;
	width: 250px;
	padding: 0px 0 0 10px;
}

#side-bar #news {
	margin-bottom: 10px;
}

#side-bar div {
	margin: 0;
}

#sub-content {
	width: 600px;
	float: right;
	background-color: #f1f1f1;
	padding: 40px 10px 20px 40px;
	margin-top: 10px;
	margin-right: 5px;
}

#sub-content h1 {
	text-transform: uppercase;
	color: #b41720;
	font-size: 2.7em;
}

#sub-content p {
	margin-bottom: 25px;
	margin-top: 5px;
	font-size: 1.05em;
	line-height: 1.5em;
}

#sub-content p.intro {
	color: #09437b;
	font-size: 1.3em;
}

#sub-content h2 {
	color: #09437b;
	font-size: 1.8em;
}

.calendarMonthLinks {
    width:115px;
    margin:0px 1px;
padding: 5px 0;
text-align:center;
    background: #ddd;
text-transform: uppercase;
font-size: 0.8em;
    float:left;

}
#events, #news {
	width: 235px;
	height: 283px;
	overflow:hidden;

	float: left;
	margin-left: 10px;
}
#side-bar #events, #side-bar  #news
{
	height:auto;
}

#events h3, #news h3, #email-subscribe h3 {
	color: #b41720;
	text-transform: uppercase;
	font-size: 1.3em;
	margin-bottom: 00px;
	/* Cufon here */
}
#email-subscribe h3 {margin-bottom:20px;}
#events h2 {
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 3.6em;
	color: #c1c1c1;
	margin-top: 15px;
	margin-bottom: 10px;
}

#events h2 span.day-year {
	color: #0a4a89;
}

#news p {
	padding: 10px 0 0 0;
	color: #969696;
}

#news h4 {
	
	font-size: 1.2em;
}

#news h4.last-item { border: none; margin-bottom: 20px;}

#news h4 a {
	color: #004d91;
}

#news h4 a:hover {
	color: #b41720;
}

#news .item {
padding: 0 0 15px 0;
	border-bottom: 1px dotted #969696;
	clear:both;
	overflow: hidden;
}
#footer-bg {
	background: #083e72 url(../images/template/bg_bottom.gif) bottom center repeat-x;
	width:100%;
	clear: both;
}

#footer-wrap {
	width:960px;
	margin-left: auto;
	margin-right:auto;
	overflow: hidden;
	background: #04213d url(../images/template/footer-bg.gif) top center repeat-x;
	padding: 50px 0px 0px 0px;
}

.footer-top {
	overflow: hidden;
	height: 180px;
	padding:0px 10px;
}
.utility-wrap {
	width:100%;
	background-color: #083e72;
	overflow: hidden;
}
.utility {
	width:960px;
	margin: 0 auto 0px auto;
}

.info-wrap {
	width:100%;
	background-color: #04213c;
	overflow: hidden;
	
}
.info {
	width:940px;
	padding:10px;
	margin: 0 auto 50px auto;
	color:#4a83bb;
}
.info a { color:#4a83bb; }

#footer-wrap h2, #home-gallery h2 {
	text-transform: uppercase;
	font-size: 1.9em;
	margin-bottom: 5px;
	/* Cufon here */
}

#footer-wrap h2 { color: #fff; }
#home-gallery h2 { color: #b41720; }
#home-gallery {height: 127px;}

#footer-wrap p, #footer-wrap p a {
	color: #457cb3;
}

#volunteer-wrapper {
	float: right;
	width: 250px;
}

#footer-wrap #volunteer-wrapper  p {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.1em;
	margin-bottom: 20px;
	margin-top: 0px;
}

#email-subscribe .button, #volunteer-wrapper .button { 

}

#volunteer-wrapper .form-field { margin-bottom:10px; width:160px;}

.promo {
	background-color: #fff;
	width: 285px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	padding:20px;
	height:90px;
}

.promo img {
	float: left;
	margin:10px;
}

.promo h3 { padding-top: 0px; margin: 0; line-height: .8em; }
.promo h3 a { color: #b41720; margin: 0; padding: 0; }
.promo h3 a:hover { color: #09437b; }

.promo p {
	color: #052545;
	font-size: .98em;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
}



#footer-wrap p {
	margin-top: 20px;
}

#side-bar ul {
    margin:10px 0;
}
#side-bar ul li { margin-bottom: 2px; }
#side-bar ul li a {
    background:#eee url(../images/template/btn_overlay.png) repeat-x;
 padding:10px;
display: block;
-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}
#side-bar ul li a:hover {
    background-color:#083d71;
color:#fff;
}

/*BOOK ICE CALLOUT AND FORM SECTION */
	/* Callout */
	#book-ice {
		float: left;
		width:242px;
		position: relative;
		margin-left:10px;
		height:200px;
		background: url(../images/template/bg_bookicecallout.jpg) no-repeat;
	}
	#book-ice h3,
	#book-ice p { margin-left:100px; }
	#book-ice p { color:#000; }
	
	#book-ice h3 {
		background: url(../images/template/title_bookice.gif) no-repeat;
		text-indent: -999em;
		width:117px;
		height: 51px;
		floaT:left;
		margin-bottom:10px;
		margin-top: 30px;
	}
	
	a.bookice {
		background: url(../images/template/btn_bookice.gif) no-repeat;
		text-indent: -999em;
		width:220px;
		height: 52px;
		display: block;
		margin-left:12px;
		position: absolute;
		top: 195px;
	}
	a.bookice:hover { background-position: bottom; }
	
	/* Form Section */
	#bookiceContent label,
	#bookiceContent input[type="text"],
	#bookiceContent textarea {
		display: block;
	}
	#bookiceContent input[type="text"],
	#bookiceContent textarea {
		padding:5px;
		font-family: Franklin Gothic Medium, Arial Narrow Bold, Arial, sans-serif;
		font-size: 12px;
		color:#333;
		margin:3px 0 13px 0;
		width:200px;
	}
	#bookiceContent textarea { height:100px; }
	#ice_bookings { width:230px; }
	#bookiceContent #events {margin:0px 20px 0 0; width:350px; height: auto;}
	#bookiceContent #events h2 {margin-top: 0px;}
	#bookiceContent #tbl_calendar {width:100%;}
	#bookiceContent #tbl_calendar td.calendarCell {padding:15px;}
/*********************************************************************************************************************/
/* 3. HOME PAGE COMPONENTS */
/*********************************************************************************************************************/

.home-wrap {
	margin:0;
	padding: 0;
	background-color: #cecece;
	padding: 5px;
	margin-bottom: 10px;
	width: 930px;
	overflow: hidden;
}

/* SLIDE SHOW */

	.clear { clear:both  }  
	.main_img,
	#home-slider {
		float:left;
		width: 930px;
		height: 250px;
		position:relative;
		overflow:hidden;
	}
	.main_img img,
	#home-slider a {
		float:left;
		position:absolute;
		top:0px;
		width: 930px;
		height: 250px;
		display: block;
		overflow:hidden;
	}
	#home-slider a img { border:none; }
	#home-slider a.show { z-index:500 }
	#home-slider .caption {
		z-index:600; 
		background-color:#000; 
		color:#fff;
		width:100%;
		position:absolute;
		bottom:0px;
		left:0px;
		overflow:hidden;
		opacity:0.5;filter:alpha(opacity=50)
	}
	#home-slider .caption .content {
		width:523px;
		height:55px;
		background:#000;
		padding:15px 0px 5px 15px
	}
	#home-slider .caption .content h3 {
		margin:0;
		padding:0;
		color:#fff;
	}

#home-video {
	float: left;
	width: 396px;
	overflow:hidden;
height:303px;
}
#video-hold {
    margin-left:-10px;
    margin-top: -10px;
}
#home-gallery {
	width:640px;
	float: right;
	height:150px;
	padding-bottom: 0px;

}
#home-gallery img{padding:10px 10px 10px 0;}

#hmCal {
	height:165px;

	overflow: hidden;
	float:left;
	width:100%;
	position: relative;
}

#tbl_calendar {
	width: 232px;
	background-color: #dddddd;
	margin-left: 1px;
	
}

#tbl_calendar tr {
	margin: 0;
	padding: 0;
}

#tbl_calendar tr td {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #094076;
	text-align: center;
	overflow: hidden;
	padding: 0px 0px;
	height:27px;

}

#tbl_calendar tr td.calendarDayHeading {
	background-color: #0a4a89;
	color: #fff;
	border: none;
	font-weight: bold;
}

#tbl_calendar tr td.calendarCell a {
	margin: 0;
	background-color: #083d71;
	color:#457cb3;
	width: 100%;
	padding-top:10px;
	height:20px;
	display: block;
	padding: 7px 0 0 0;
	vertical-align: middle;
	
}

#tbl_calendar tr td.calendarCell a:hover { background-color: #b41720; color: #fff; }

#tbl_calendar tr td.calendarBlank {
	color: #999;
}


#home-gallery .read-more {
	margin: 5px 31px 0 0;
}

#email-subscribe {
	width: 235px;
	float: left;
	padding-bottom: 0px;
	height:150px;
}
#email-subscribe .free-form {margin:0px;}
#email-subscribe p {
	font-weight: bold;
	color: #09437b;
	font-size: 1.1em;
	line-height: 1.3em;
	margin-bottom: 15px;
}
/* JQuery */
#tbl_calendar tr td.calendarCell div {
	background:#083d71;
	border:0 none;
	color:#FFFFFF;
	height:144px;
	padding:10px;
	text-align: left;
	position:absolute;
	z-index:2;
	top: 165px;
	left:0px;
	width:212px;
	margin-left:1px;
}

#tbl_calendar tr td.calendarCell a.close {
	float: right;
	width:18px;
	height:18px;
	text-indent: -999em;
	background: transparent url(../images/template/btn_close.gif) top left no-repeat;
	padding: 0px;
}
#tbl_calendar tr td.calendarCell a.close:hover { 
	background-position: bottom left; 
	background-color: transparent;
}
#tbl_calendar tr td.calendarCell a.eMore {
	padding:5px;
	float:right;
	margin: 15px 0 0 0;
	height: auto;
	width: auto;
}
.calendarCell div h4 {
	margin:20px 0 10px 0;
	text-transform: uppercase;
	font-size:14px;
	color: #9cc1e2;
}
.calendarCell div p {
	font-size:13px;
	line-height: 1.2em;
}

/*********************************************************************************************************************/
/* 4. SITE NAVIGATION */
/*********************************************************************************************************************/

.utility-nav {

	overflow: hidden;

	padding: 4px 10px;
	margin: 0;
	background: #063968 url(../images/template/utility-nav-bg.gif) repeat-x;
}

.utility-nav li {
	display: inline;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	color: #e53b45;
	float: right;
}

.utility-nav li a {
	color: #fff;
	padding: 5px;
}


.utility-nav li a:hover {
	color: #457cb3;
}

#utility-top {
	background: #063968 url(../images/template/utility-nav-top-bg.gif) repeat-x;
	overflow: hidden;
height:30px;
	
}
#utility-top .utility-nav {background: none; padding-top:8px}


#nav-container { 
	background: url(../images/template/nav_bg_left.jpg) top left no-repeat;
	overflow: hidden;
	padding-left: 10px;
	clear: both;
} 

#nav-right { 
	background: url(../images/template/nav_bg_right.jpg) top no-repeat;
	width: 10px;
	height: 32px;
	overflow: hidden;
	display: block;
}

#main-nav {
	height: 32px;
	width: 870px;
	background: url(../images/template/nav_bg.jpg) top left repeat-x;
	float: left;
	padding-left: 50px;
}

#main-nav li {
	float: left;
	text-transform: uppercase;
	height: 32px;
	font-weight: bold;
	font-size: 1.3em;
	overflow: hidden;
	background: url(../images/template/nav_divider.gif) top right repeat-y;
}

#main-nav li.last-item { background: none; }

#main-nav li a {
	display: block;
	margin: 0;
	float: left;
	padding: 5px 20px 0 20px;
	color: #fff;
	height: 32px;
}

#main-nav li a:hover {
	background: url(../images/template/nav_on.jpg) repeat-x;
}

#main-nav li.current a { background: url(../images/template/nav_current.jpg) no-repeat; width: 169px;}
#main-nav li.current, #main-nav li.current a:hover, #main-nav li.currentActive a { background: url(../images/template/nav_on_current.jpg) no-repeat; }

#main-nav li.future a { background: url(../images/template/nav_future.jpg) no-repeat; width: 162px;}
#main-nav li.future, #main-nav li.current a:hover, #main-nav li.currentActive a { background: url(../images/template/nav_on_future.jpg) no-repeat ; }

#main-nav li.news a { background: url(../images/template/nav_news.jpg) no-repeat; width: 80px;}
#main-nav li.news, #main-nav li.current a:hover, #main-nav li.currentActive a { background: url(../images/template/nav_on_news.jpg) no-repeat; }

#main-nav li.events a { background: url(../images/template/nav_events.jpg) no-repeat; width: 164px;}
#main-nav li.events, #main-nav li.current a:hover, #main-nav li.currentActive a { background: url(../images/template/nav_on_events.jpg) no-repeat; }

#main-nav li.promotions a { background: url(../images/template/nav_promotions.jpg) no-repeat; width: 130px;}
#main-nav li.promotions, #main-nav li.current a:hover, #main-nav li.currentActive a { background: url(../images/template/nav_on_promotions.jpg) no-repeat; }

#main-nav li.contact a { background: url(../images/template/nav_contact.jpg); width: 107px;}
#main-nav li.contact, #main-nav li.current a:hover, #main-nav li.currentActive a { background: url(../images/template/nav_on_contact.jpg) no-repeat; }