@charset "utf-8";
/* CSS Document === === === ===

The City of Dublin
Copyright 2010
written for www.dublin.oh.us
 
=== === === === === === === ===
*/
/* CSS Reset */
 @import url("/css/reset.css");
* {margin:0;}
/* Body and HTML styles */
html {height:100%;}
body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	height:100%;
	background:  repeat-y #EAEAEA center;
	color:#333;}
/* ===================================================================================
================================SYSTEM =============================================
=====================================================================================*/
.left {float:left;}
.leftimg {float:left; padding-right:10px;}
.right {float:right;}
/*Sizes */
.two {width:240px;}
.two-plus {width:280px;}
.three {width:320px;}
.four {width:400px;}
.six {width:660px;}
.five{width:500px;}
.fourth {width:215px; margin:15px 0 30px 20px;}
.clear {
	clear:both;
}
/* ======================================================================
===========================Links and Type ===============================
========================================================================*/
a {color:#006633;}
a:hover {color:#AE7200;}
a:visited {color:#AE7200;}
a.pdf {
	background:url(/img/pdf.gif) no-repeat right;
	padding-right:15px;
	display:inline;}
#mainContent h1 {
	font-size:38px;
	font-family:Cambria, Georgia, "Times New Roman", serif;
	margin:0 0 25px;}
#mainContent h2 {
	font-size:34px;
	font-family:Cambria, Georgia, "Times New Roman", serif;
	margin:0 0 25px;}
#mainContent h3 {
	font-size:30px;
	font-family:Cambria, Georgia, "Times New Roman", serif;
	margin:0 0 10px;}
#mainContent h4 {
	font-size:26px;
	font-family:Cambria, Georgia, "Times New Roman", serif;
	margin:0 0 10px;}
#mainContent h5 {
	font-size:22px;
	font-family:Cambria, Georgia, "Times New Roman", serif;
	margin:0 0 10px;}
#mainContent h6 {
	font-size:18px;
	font-family:Cambria, Georgia, "Times New Roman", serif;
	margin:0 0 10px;}
h1 {font-size:38px;}
h2 {font-size:34px;}
h3 {font-size:30px;}
h4 {font-size:26px;}
h5 {font-size:22px;}
h6 {font-size:18px;}

/*==================================================================================
======================The PARAGRAPHS================================================
====================================================================================*/
p {font-size:12px;
	color:#333;
	line-height:1.5em;
	padding:0 0 10px;}
	
#mainContent p.first-line {
	font-family:Cambria, "Times New Roman", Times, serif;
	color:#ABABAB;
	font-size:18px;
	padding:5px 0 10px;
	line-height:1.2em;}
p span.drop-cap {
	font-size:270%;
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
	padding:3px 3px 0;
	line-height:1em;}
blockquote {
	font-size:16px;
	line-height:1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:15px 10px 5px;
	width:300px;
	color:#0b4632;
	background:url(/img/quote.jpg) no-repeat;}
/*Colors=================== */

.drkblue {color:#002f55;}
.drkred {color:#431400;}
.drkorg {color:#e85927;}

/* =============================================================
===========================Style Changer Buttons ===============
================================================================*/
.normalfont {
	 font-size:12px;
	 padding:2px 3px 2px;
	 color:#333;
	 text-decoration:none;
	 border:none;
	 cursor:pointer;}
.oneUp {
	 font-size:14px;
	 padding:2px 3px 2px;
	 color:#333;
	 text-decoration:none;
	 cursor:pointer;
	 border:none;}
.twoUp {
	 cursor:pointer;
	 font-size:16px;
	 padding:2px 3px 2px;
	 color:#333;
	 text-decoration:none;
	 border:none;
}
.threeUp {
	 font-size:18px;
	 padding:2px 3px 2px;
	 color:#333;
	 text-decoration:none;
	 cursor:pointer;
	 border:none;}

/* ============================================================================
========================================LISTS==================================
============================================================================ */
#mainContent ul {
	list-style:disc;
	margin:10px 10px 10px 20px;
	line-height:1.5em;}
#mainContent ol {
	list-style:decimal;
	margin:10px 10px 10px 20px;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999;
	font-style:italic;
	font-weight:bold;}
#mainContent ol p {
	padding:0;
	font-family:Helvetica,Arial sans-serif;
	font-style:normal;
	font-weight:normal;
	color:#333;
	margin:0 0 10px;}
/* ============================================================================
===============================Buttons ========================================
==============================================================================*/
a.redbtn {
	background:#900;
	color:#FFF;
	border:1px solid #000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-kthml-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 5px rgba(00,00,00, 0.5);
	-webkit-box-shadow:0px 0px 5px rgba(00,00,00, 0.5);
	padding:5px 8px 5px;
	text-shadow:0px 0px 12px rgba(255,255,255, 1);
	text-decoration:none;}
a.bluebtn {
	background:#002f55;
	color:#FFF;
	border:1px solid #000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-kthml-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 5px rgba(00,00,00, 0.5);
	-webkit-box-shadow:0px 0px 5px rgba(00,00,00, 0.5);
	padding:5px 8px 5px;
	text-shadow:0px 0px 12px rgba(255,255,255, 1);
	text-decoration:none;}
a.grnbtn {
	background:#029d6e;
	color:#f5f5f5;
	border:1px solid #060;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-kthml-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 5px rgba(00,00,00, 0.5);
	-webkit-box-shadow:0px 0px 5px rgba(00,00,00, 0.5);
	padding:5px 8px 5px;
	text-shadow:0px 0px 12px rgba(255,255,255, .4);
	text-decoration:none;}
/* ====================================================================================
====================================Layout==========================================
====================================================================================*/	
#wrapper {
	background:#fff ;
	margin:0 auto -300px;
	min-height:100%;
	height: auto !important;
	height: 100%;
	width:960px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
/* Push footer to the bottom of the page */
#push {height:300px;}
/* =========================================
=========Navigation & headers ==============
Change this to change the header background*/
.open #nav{
	/*background:url(/img/bicen/open.jpg) no-repeat right top;*/
	/*background:url(/img/dif-banner.jpg) no-repeat right top;*/
	background-color:none;}
.open #nav h1 a{ 
	background:url(/img/logo.jpg) no-repeat left;
	height:65px;
	padding:15px 0 0;}
.recreation #nav{
	/*background:url(/img/bicen/open.jpg) no-repeat right top;*/
	/*background:url(/img/dif-banner.jpg) no-repeat right top;*/
	background-color:none;}
.recreation #nav h1 a{
	background:url(/img/logo.jpg) no-repeat left;
	height:65px;
	padding:15px 0 0;}
#nav {
	/*background:url(/img/bicen/open.jpg) no-repeat right top;*/
	/*background:url(/img/dif-banner.jpg) no-repeat right top;*/
	background-color:#fff;}
#nav h1 a{ 
	background:url(/img/logo.jpg) no-repeat left;
	height:65px;
	width:200px;
	text-indent:-1000px;
	display:block;
	overflow:hidden;
	margin:0 0 0 10px;
	padding:15px 0 0;}
/*================================================================================	
=============================Drop Down Menues=====================================
================================================================================*/
#global-nav {
	padding:0 5px 0;
	height:45px;
	background:url(/img/nav-bg.png) repeat-x;
	border-top:1px solid white;
	position:relative;
	z-index:2;}
#global-nav ul.dropdown li{
	float:left;
	padding:5px 5px 5px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin:4px 0 0;
	color:#fff;
	position:relative;
	border-left:1px solid #16a578;
	border-right:1px solid #029266;
	font-size:115%;
	zoom:1 ;
	text-shadow: 0px 0px 3px #333;}
#global-nav ul.dropdown li.first {
	margin-left:8px;
	border-left:none;}
#global-nav ul.dropdown li:hover{
	background:#017a55;
	padding:5px 5px 9px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;	}
#global-nav ul.dropdown li:hover a {
	border-bottom:1px solid #fff;}
#global-nav ul.dropdown li a {
	color:#fff;
	text-decoration:none;
	padding:3px 12px 3px 3px;
	background:url(/img/nav-arrow.gif) right 8px no-repeat;}
#global-nav ul.dropdown li a:hover {
	color:#fff;}
#global-nav ul.dropdown li.search, #global-nav ul.dropdown li.search {
	width:250px;
}
#global-nav ul.dropdown li.search, #global-nav ul.dropdown li.search:hover {
	position:absolute;
	background:none;
	margin:0 0 0 10px;
	padding:2px 5px 5px 0;
	border:none;
	top:0;
	right:22px;
	width:150px;}
#searchcontainer {
	position:relative;
}
#searchBox {
	background:url(/img/searchBg.png) no-repeat;
	width:150px;
	height:32px;
	margin:2px 0 0 ;
}
.searchForm {
	border:none;
	background:none;
	height:26px;
	width:150px;
	padding:4px 5px 0;
	float:left;
	display:block;}
#submitBtn {
	background:#444;
	color:#f5f5f5;
	font-size:1%;
	background:url(/img/searchBg.png) no-repeat -254px 0px ;
	height:34px;
	width:30px;
	display:block;
	border:0;
	cursor:pointer;
	text-indent:-1000px;
	overflow:hidden;
	text-align:center;
	padding:15px 0 0;
	float:right;
	position:absolute;
	 top:0;
	  right:0;}
/* LEVEL ONE of navigation*/
#global-nav ul.dropdown {position: relative; }
#global-nav ul.dropdown li a {display: block;}
#global-nav ul.dropdown li:last-child a { border-right: none; } 
#global-nav ul.dropdown li.hover, #global-nav ul.dropdown li:hover   {position: relative; }
#global-nav ul.dropdown li:hover a  { color: fff;}
/* LEVEL TWO of navigation/drop-downs*/
#global-nav ul.dropdown ul { 
	width: 210px; 
	visibility: hidden; 
	position: absolute; 
	padding:0;
	top: 100%;
	left:0;
	margin:0;
	overflow:hidden;
	background:#017a55;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	font-size:10px;
	z-index:3;}
#global-nav ul.dropdown ul li { 
	border-top:1px solid #218a6a;
	border-bottom:1px solid #016e4d;
	border-left:none;
	border-right:none;
	float: none; 
	width: 100%;
	padding:0;
	width:100%;
	margin:0;
	z-index:6;}
#global-nav ul.dropdown ul li.top {border-top:none;}
#global-nav ul.dropdown ul li.bottom {border-bottom:none;}
#global-nav ul.dropdown ul li.bottom:hover{	
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;}
#global-nav ul.dropdown ul li:hover{
	-moz-border-radius-topright:0;
	-moz-border-radius-topleft:0;
	padding:0;
	background:#016c4b;}
/* IE 6 & 7 Needs Inline Block */
#global-nav ul.dropdown ul li a	{
	border-right:none; 
	display: inline-block;
	padding:8px 10px 8px;
	background:none;
	width:100%;
	color:#fff;
	margin:0;
	border-bottom:0px!important;} 
#global-nav ul.dropdown ul li a:hover {
	-moz-border-radius:0;
	color:#fff;
	border-bottom:none;}
/* LEVEL THREE of navigation - Flyout if we ever need to */
#global-nav ul.dropdown ul ul { left: 100%;top: 0; }
#global-nav ul.dropdown li:hover > ul { visibility: visible; }
/* ==================================================================================
=====================================Front Page Styles ==============================
====================================================================================*/
#wrapper .colLeft {
	width:390px;}
#wrapper .full {
	width:900px;}
#wrapper .colMid {
	width:300px;
	margin:0 16px 0;
}
#wrapper .colMid a {
	text-decoration:none;}
#wrapper .colMid a:hover {
	text-decoration:underline;}
.colMid a p {
	font-size:100%;
	line-height:1.2em;}
#wrapper .colRight {
	width:200px;}
#wrapper .nine {
	width:940px;
	padding:10px;
	position:relative;}
#wrapper #main-news {
	padding:12px;
	position:relative;
	float:left;}
#wrapper #main-news .feature {
	margin:5 0 3px;
	border-bottom:1px solid #CCC;}
#wrapper #main-news  .more-headline {
	padding:5px 0 7px;
	border-top:1px solid #fff;
	border-bottom:1px solid #EEE;
	clear:left;
	height:50px;
	background:#FAFAFA;}
#wrapper #main-news  .more-headline .content {
	width:330px;
	float:right;
	padding-top:10px;}
#wrapper #main-news  .more-headline .content p {
	margin:0;
	padding:0;
	font-size:100%;
	font-family:Helvetica, Arial, sans-serif;
	line-height:1.2em;
	color:#555;}
#wrapper #main-news  .more-headline .content h4 {
	font-size:110%;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:800;
	color:#002f55;
	margin:0 0 2px;}
#wrapper #main-news  .more-headline .content h4 a {
	text-decoration:none;
	color:#002f55;}
#wrapper #main-news  .more-headline .content h4 a:hover {
     text-decoration:underline;}
#wrapper #main-news .feature h2 {
	padding-top:5px;
	font-size:180%;
	font-family:Cambria, Georgia, "Times New Roman", serif;}
#wrapper #main-news .feature h2 a {
	 color:#002f55;
	 text-decoration:none;
	 margin:0 0 5px; }
#wrapper #main-news .feature h2 a:hover {text-decoration:underline;}
#wrapper #main-news .feature h2 a span.date {color:#999;font-size:70%;}
#wrapper #main-news .feature p {
	line-height:1.2em;
	font-size:105%;
	font-family:Helvetica, Arial, sans-serif;
	color:#555;
	margin:5px 0 0;	}
#wrapper #main-news ul.headline-list {}
#wrapper #main-news ul.headline-list li {padding:4px 0 4px; }
#wrapper #main-news ul.headline-list li p {
	padding-left: 10px;
	padding-bottom:1px;
	margin:0;
	line-height:1.2em;
	font-size:105%;
	font-family:Helvetica, Arial, sans-serif;
	color:#555;	}
#wrapper #main-news ul.headline-list li p a {color:#555;}
#wrapper #main-news ul.headline-list li p a:hover {color: #002f55; text-decoration: none; border-bottom:1px solid #b2c0cc;}
#wrapper #main-news ul.headline-list h3 {
	font-size:110%;
	border-bottom:1px solid #CCC;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:800;
	color:#002f55;
	padding:4px;}

#wrapper #main-news ul.headline-list li.enews h3, #wrapper #main-news ul.headline-list li.connect h3 {
	font-size:110%;
	border-bottom:none;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:800;
	color:#002f55;
	padding:4px;
	}

#wrapper #main-news ul.headline-list li.enews h3 {
	padding:5px 0 5px 27px;
	background:url(/img/bicen/enews.jpg) no-repeat left;
	
	}
#wrapper #main-news ul.headline-list li.connect h3 {
	padding:6px 0 6px 27px;
	background:url(/img/bicen/connect.jpg) no-repeat left;
	
	}
#wrapper #main-news ul.headline-list li.enews  {
	border-bottom:1px solid #CCC;
}
	

#wrapper #main-news ul.headline-list li.memorial h6 {
	font-size:14px;
}
#wrapper #main-news ul.headline-list li.memorial p {
	font-size:12px;
	padding:2px 0 0;
	margin:0;
}
#lowerNews {
	border-top:1px solid #EBEBEB;
	padding: 10px;
	margin:15px 0 0;}
#lowerNews .lowerNews-cont {
	width:140px;
	border-bottom:10px solid #f5f7ed;
	height:230px;
	float:left;
	margin:0 19px 20px 0;}
#lowerNews .lowerNews-cont:hover {
	border-bottom:10px solid #029f6f;}
#wrapper #lowerNews .lowerNews-cont.last {
	margin:0 0 20px ;}
#lowerNews .lowerNews-cont .content {
	font-family:Helvetica, Arial, sans-serif;
	padding:5px 3px 3px;}
#lowerNews .lowerNews-cont .content h4, #lowerNews .lowerNews-cont .content h4 a{
	font-size:105%;
	font-family:Helvetica, Arial, sans-serif;
	color:#002f55;	
	text-decoration:none!important;}
#lowerNews .lowerNews-cont .content h4, #lowerNews .lowerNews-cont .content h4 a:hover {
     text-decoration:underline;}
#lowerNews .lowerNews-cont .content p {
	font-size:100%;
	color:#555555;
	line-height:1.4em;}
a.tt {
	text-decoration:none;
	color:#333;
	padding:3px;}
/*==========================================================================================
=====================================INSIDE PAGES===========================================
============================================================================================*/
/*======Breadcrumbs==============*/
.meta-top {
	height:30px;
	display:block;
	text-transform:capitalize;
	font-size:12px;
	padding:15px 10px 0px;
	}
ul#crumbs {
	list-style:none;
	margin:0;
	padding:0;}
ul#crumbs li {
	float:left;}
ul.social-footer-list li span.FBConnectButton_Simple {
	background:url(/img/social-footer.png) no-repeat  0 6px;
	padding:8px 10px 2px 20px;}
ul.social-footer-list li span.FBConnectButton_Text_Simple{
	margin:0;
	padding:0;}
ul#crumbs li a{
	padding:4px 2px 4px 4px;
	text-decoration:none;
	color:#333;}
ul#crumbs li a:hover {
	text-decoration:underline;}
#wrapper .fullWidthCont {
	width:960px;
	padding:0 0 10px ;
	background:url(/img/sidebar-line.jpg) repeat-y 719px ;}
/* Holds all the content on the inside pages */
#mainContent {
	padding:20px 20px 10px;
	position:relative;}
/* sidebar on the inside pages */
#sidebar {
	padding:0 0 50px 0px;
	margin:10px 0 30px;}
#sidebar li {
	font-size:14px;
	line-height:1.3em;}
#sidebar .sidebarItem {
	padding:5px 10px 5px;
	margin:0 0 5px;
	font-size:14px;}
#sidebar ul.sidebarList li.links {
	background:url(/img/sidebar-headers.jpg) repeat-x;	}
#sidebar ul.sidebarList li.links h6{
	color:#fff;
	padding:11px;
	background:url(/img/links-bg.gif) no-repeat 64px;}
#sidebar h6 span {
	padding:0 15px 0 0;
	background:url(/img/links-bg.gif) no-repeat right;}
#sidebar  h6{
	background:url(/img/sidebar-headers.jpg) repeat-x 0 -40px ;
	color:#fff;
	padding:13px;}
#sidebar ul.sidebarList li a, .onlineReg a {
	padding:5px;
	color:#666;
	border-top:1px solid #fff;
	border-bottom:1px solid #EAEAEA;
	display:block;
	text-decoration:none;
	font-size:14px;}
#sidebar ul.sidebarList li a:hover {
	color:#002f55;}
#sidebar ul.sidebarList {
	margin: 0 0 50px;}
#sidebar ul.sidebarList li img {
	float:left;
	clear:left;
	border:3px solid #fff;
	margin:0 5px 0 0;}
/* ===============IMAGE STUFF==================== */
.image {
	padding:3px;
	background:#f5f5f5;
	border:1px solid #ccc;
	margin:10px;}
/* ===============THE SOCIAL STUFF ===================*/
.social-footer {
	background:url(/img/sf-bg.png);
	border-top:1px solid #CCC;
	height:40px;
	padding:0 200px 0 20px;
	margin:0 0 20px;
	font-size:12px;}
.social-footer a {
	text-decoration:none;}
.social-footer ul.social-footer-list li {
	float:left;
	padding:8px 5px 0;}
.social-footer ul.social-footer-list li.twitter{
	background:url(/img/social-footer.png) no-repeat  0 -50px;
	padding:8px 10px 2px  20px;}
.social-footer ul.social-footer-list li.print{
	background:url(/img/social-footer.png) no-repeat  0 -22px;
	padding:8px 10px 2px  20px;}
.social-footer ul.social-footer-list li.fb{
	background:url(/img/social-footer.png) no-repeat  0 6px;
	padding:8px 10px 2px 20px;}

/* ========================================================
=======================FOOTER STYLES=======================
===========================================================*/
#footer {
	background:url(/img/footer-top.jpg) no-repeat #f2f2f2;
	height:300px;
	margin:0 auto;
	width:960px;
	position:relative;
	padding:30px 0 0;
	font-size:12px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;}
#footer .footer-logo {
	background:url(/img/footer-logo.png) no-repeat;
	width:45px;
	height:45px;
	position:absolute;
	left:451px;
	top:-20px;}
#footer .footer-info {
	text-align:center;}
#footer .footer-info h6 {
	color:#01885f;
	font-family:"Times New Roman", Times, serif;
	font-size:150%;
	font-weight:normal;}
#footer .footer-info p{
	padding:0;
	color:#01885f;
	font-size:100%;}
#footer .fourth h6 {
	color:#002f55;}
#footer .fourth li a {
	padding:5px 0 3px;
	text-decoration:none;
	color:#666;
	display:block;}
#footer .fourth li a:hover {
	color:#c2970a;}
#footer .fourth li a.more {
	float:right;
	background:#ccc;
	color:#fff;
	display:inline;
	padding:3px 8px 3px;
	margin:0 50px 0 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size:100%;
}
#footer .fourth li a:hover.more {
	background:#c2970a;
	color:#fff;
}
#footer #footerSoc {
	margin:3px 0 2px;
}
#footer #footerSoc span.fttwit { background:url(/img/footer-soc.jpg) no-repeat;
	padding:0 10px 0 20px;
	position:relative;
}
#footer #footerSoc span.ftfb { background:url(/img/footer-soc.jpg) no-repeat 0 -19px;
	padding:0 10px 0 20px;
	position:relative;
}
#footer #footerSoc span.ftrss { background:url(/img/footer-soc.jpg) no-repeat 0 -39px;
	padding:0 0 0 20px;
	position:relative;
}

/* RECREATION STUFF ===================================================================*/
/* Rec Center Links ===================================================================*/
ul#rec-nav {
	margin:0;
	padding:0;
	text-align:center;
	list-style: none;
	display:block;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	}
	
#rec-nav li{
	position:relative;
	border:5px solid white;
	float: left;
	height: 115px;
	width: 80px;
	margin:0 0 10px 4px;
	line-height:1.2em;
	z-index:1;
}
#rec-nav li:hover {
	border:5px solid #CCC;
	background-color:#f5f5f5;
	-moz-box-shadow: 0px 0px 5px #D5D5D5;
}
/*Preschool ----------*/
#rec-nav li#preschool a{
	background:url(/recreation/images/all-icons.jpg) no-repeat ;
	padding:80px 0 0 0;
	display:block;
	height:35px;
}
#rec-nav li#preschool a:hover{
	background:url(/recreation/images/all-icons.jpg) no-repeat #f5f5f5;
	padding:80px 0 0 0;
	display:block;
	color:#333;
}
/*Teens ----------*/
#rec-nav li#teen a{
	background:url(/recreation/images/all-icons.jpg) -80px 0px  no-repeat ;
	padding:80px 0 0 0;
	display:block;
	height:35px;
}
#rec-nav li#teen a:hover{
	background:url(/recreation/images/all-icons.jpg) -80px 0px no-repeat #f5f5f5;
	padding:80px 0 0 0;
	display:block;
	color:#333;
}
/*adults ----------*/
#rec-nav li#adult a{
	background:url(/recreation/images/all-icons.jpg) -160px 0px no-repeat ;
	padding:80px 0 0 0;
	display:block;
	height:35px;
}
#rec-nav li#adult a:hover{
	background:url(/recreation/images/all-icons.jpg) -160px 0px no-repeat #f5f5f5;
	padding:80px 0 0 0;
	display:block;
	color:#333;
}
/*Senior ------------- */ 
#rec-nav li#senior a{
	background:url(/recreation/images/all-icons.jpg) -240px 0px no-repeat ;
	padding:80px 0 0 0;
	display:block;
	height:35px;
}
#rec-nav li#senior a:hover{
	background:url(/recreation/images/all-icons.jpg) -240px 0px no-repeat #f5f5f5;
	padding:80px 0 0 0;
	display:block;
	color:#333;
}
/*Camps ------------- */ 
#rec-nav li#camps a{
	background:url(/recreation/images/all-icons.jpg) -320px 0px no-repeat ;
	padding:80px 0 0 0;
	display:block;
	height:35px;
}
#rec-nav li#camps a:hover{
	background:url(/recreation/images/all-icons.jpg) -320px 0px  no-repeat #f5f5f5;
	padding:80px 0 0 0;
	display:block;
	color:#333;
}
/*theater ------------- */ 
#rec-nav li#theater a{
	background:url(/recreation/images/all-icons.jpg) -400px 0px  no-repeat ;
	padding:80px 0 0 0;
	display:block;
	height:35px;
}
#rec-nav li#theater a:hover{
	background:url(/recreation/images/all-icons.jpg) -400px 0px no-repeat #f5f5f5;
	padding:80px 0 0 0;
	display:block;
	color:#333;
}
/*aquatics ------------- */ 
#rec-nav li#aquatics a{
	background:url(/recreation/images/all-icons.jpg) -480px 0px no-repeat ;
	padding:80px 0 0 0;
	display:block;
	height:35px;
}
#rec-nav li#aquatics a:hover{
	background:url(/recreation/images/all-icons.jpg) -480px 0px no-repeat #f5f5f5;
	padding:80px 0 0 0;
	display:block;
	color:#333;
}
/*fitness------------- */ 
#rec-nav li#fitness a{
	background:url(/recreation/images/all-icons.jpg) -560px 0px no-repeat ;
	padding:80px 0 0 0;
	display:block;
	height:35px;
}
#rec-nav li#fitness a:hover{
	background:url(/recreation/images/all-icons.jpg) -560px 0px no-repeat #f5f5f5;
	padding:80px 0 0 0;
	display:block;
	color:#333;
}
/*sports------------- */ 
#rec-nav li#sports a{
	background:url(/recreation/images/all-icons.jpg) -640px 0px no-repeat ;
	padding:80px 0 0 0;
	display:block;
	height:35px;
}
#rec-nav li#sports a:hover{
	background:url(/recreation/images/all-icons.jpg) -640px 0px  no-repeat #f5f5f5;
	padding:80px 0 0 0;
	display:block;
	color:#333;
}
/*gym------------- */ 
#rec-nav li#gym a{
	background:url(/recreation/images/all-icons.jpg) -720px 0px  no-repeat ;
	padding:80px 0 0 0;
	display:block;
	height:35px;
}
#rec-nav li#gym a:hover{
	background:url(/recreation/images/all-icons.jpg) -720px 0px  no-repeat #f5f5f5;
	padding:80px 0 0 0;
	display:block;
	color:#333;
}
/*facility------------- */ 
#rec-nav li#facility a{
	background:url(/recreation/images/all-icons.jpg) -800px 0px  no-repeat ;
	padding:80px 0 0 0;
	display:block;
	height:35px;
}
#rec-nav li#facility a:hover{
	background:url(/recreation/images/all-icons.jpg) -800px 0px no-repeat #f5f5f5;
	padding:80px 0 0 0;
	display:block;
	color:#333;
}
/*online------------- */ 
#rec-nav li#online a{
	background:url(/recreation/images/all-icons.jpg) -880px 0px no-repeat ;
	padding:80px 0 0 0;
	display:block;
	height:35px;
}
#rec-nav li#online a:hover{
	background:url(/recreation/images/all-icons.jpg) -880px 0px no-repeat #f5f5f5;
	padding:80px 0 0 0;
	display:block;
	color:#333;
}
/*special------------- */ 
#rec-nav li#special a{
	background:url(/recreation/images/all-icons.jpg) -960px 0px no-repeat ;
	padding:80px 0 0 0;
	display:block;
	height:35px;
}
#rec-nav li#special a:hover{
	background:url(/recreation/images/all-icons.jpg) -960px 0px no-repeat #f5f5f5;
	padding:80px 0 0 0;
	display:block;
	color:#333;
}
/*Guide (will need to be changed when the guide is updated)------------- */ 
#rec-nav li#guide a{
	background:url(/recreation/images/all-icons.jpg) -1040px 0px no-repeat ;
	padding:80px 0 0 0;
	display:block;
	height:35px;
}
#rec-nav li#guide a:hover{
	background:url(/recreation/images/all-icons.jpg) -1040px 0px no-repeat #f5f5f5;
	padding:80px 0 0 0;
	display:block;
	color:#333;
}
#rec-nav li a {
	text-decoration:none;
}
.registrationCont {
	position:relative;
	width:455px;
	height:255px;
	background:url(/recreation/images/registration-bg.jpg) #fff no-repeat;
	display:block;
}
.registrationCont a.regBtn {
	position:absolute;
	background:#006633;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#fff;
	padding:10px 45px 15px;
	left: 200px;
	top: 175px;
	font-size:260%;
	text-decoration:none;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.registrationCont a.regBtn:hover {
	background:#bd7d00;
}
	

#gryInfoCont {
	width:625px;
	padding:10px;
	background:#EEE;
	border-top:1px solid #D5D5D5;
	margin:10px 7px 0;
	
}
#more, .sideinfo {
	background:#eee;
	padding:10px;
	width:290px;
	border-top:1px solid #D5D5D5;
}
.sideinfo img {
	border:5px #FAFAFA solid;
	margin:5px;
}
	
	
#gryInfoCont p {
	font-size:12px;
	line-height:1.3em;
}
#gryInfoCont ul.newsList {
padding: 0 15px 0 0;
border-right:1px solid #DFDFDF;
margin:0;

}
#gryInfoCont ul.newsList li {
	border-bottom:1px solid #E1E1E1;
	border-top:1px solid #F5F5F5;
	padding:3px 0 5px;
	list-style:none;
	margin:0;
	font-size:12px;
	line-height:1.3em;
}
#gryInfoCont ul.newsList li:first-child {
	border-top:none;

}
#gryInfoCont ul.newsList li:last-child {
	border-bottom:none;

}
#gryInfoCont h5 {
	background:url(/recreation/images/orange-arrow.png) no-repeat left;
	padding-left:15px;
	margin-left:-15px;
	display:block;
}
#mainContent ul.Thumblist   {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#mainContent ul.Thumblist li {
	border-bottom:1px solid #ccc;
	padding:5px 0 5px;
}
#mainContent ul.Thumblist li  img {
	border:5px solid #f5f5f5;
	margin:0 0 0 10px;
}
#mainContent ul.Thumblist li img:hover {
	border:5px solid #ccc;
}
#mainContent ul.Thumblist li h4 {
	margin-top:10px;
}
#mainContent ul.Thumblist li h4 a {
	color:#333;
	text-decoration:none;
}
#mainContent ul.Thumblist li h4 a:hover {
border-bottom:1px solid #999;
}
/*Table styles ===================================================================================*/
table.beautifulTable {
	background:#E8edff;
}
table.beautifulTable tr.oddrow {
	background:#f5f5f5;
}
table.beautifulTable tr p {
	padding:5px;
}
table.beautifulTable tr:hover {
	background:#D0DAfD;
}
table.beautifulTable tfoot:hover {
	background:#E8edff;
}
table.beautifulTable tfoot p {
	padding:5px;
}
table.beautifulTable thead td {
	background:#b9c9fe;
	border-bottom:2px solid #aabcfe;
	text-align:center;
	font-weight:bold;
}
table.beautifulTable tbody td {
	border-bottom:1px solid #fff;
}
#seadragons a {
background-image:url(/recreation/aquatics/images/seadragons.jpg);
background-repeat:no-repeat;
display:block;
height:35px;
padding-left:65px;
padding-top:15px;
width:200px;
}
#dolphins a {
background-image:url(/recreation/aquatics/images/dolphins.jpg);
background-repeat:no-repeat;
display:block;
height:35px;
margin-top:25px;
padding-left:65px;
padding-top:15px;
width:220px;
}
/*Form STYLES */

ul.contact-list li {
	margin:0 0 0px;
	padding:10px 0  10px;
	list-style:none;
	
}
ul.contact-list li label span, ul.contact-list li  a { color:#666;
font-size:12px;
text-decoration:none;


}
td.Normal_Table_Title_Background {
	font-size:16px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-align:left;
}
.Normal_Table_Main_Border {
	line-height:1.5em;
	text-align:left;
}
.form-input, .Formxp_text, .Formxp_select, .Formxp_textarea {
	padding:5px;
	font-family:Helvetica, Arial, sans-serif;
	color:#999;
	border:1px solid #BBB;
	font-size:16px;
	background:#F7F7F7;
	width:280px;
}
.enewsInput {
	border:1px solid #D5D5D5;
	background:#fff;
	color:#969696;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:2px;
	width:115px;
}
.enewsBtn {
	background:#969696;
	color:#fff;
	padding:1px;
	cursor:pointer;
	border:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:70px;
}
.form-textarea {
	padding:5px;
	font-family:Helvetica, Arial, sans-serif;
	color:#999;
	border:1px solid #BBB;
	font-size:16px;
	background:#F7F7F7;
	width:480px;
}
.formPage #mainContent {
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif;
}
.form-section {
	background:#F5F5F5;
}
.form-section .form-input {
	background:#fff!important;
}
.form-input:focus, .Formxp_text:focus, .Formxp_select:focus {
	-moz-box-shadow:0 0 6px rgba(185,201,254, 0.9);
}
.Error_Message {font-size:10px; color:#F00;}
ul.contact-list li {
	position:relative;
}
div.unapproved {
	background:#F96;
	border:1px solid #F30;
	padding:5px;
	color:#fff;
	display:inline;
	text-decoration:none;
	margin:0 10px 0;
}
div.delete {background:#F99;
	border:1px solid #F00;
	color:#fff!important;
	padding:5px;
	display:inline;
	margin:0 10px 0;
	}
div.approved {
	background:#FFFFD2;
	border:1px solid #F2F200;
	padding:5px;
	display:inline;
	margin:0 10px 0;
}
label.error, div.captchafail {
	background:#F99;
	border:1px solid #F00;
	padding:5px;
	color:#fff!important;
	margin:0 10px 0;
	display:inline!important;
	position:absolute;
	right:182px;
}
.sendBtn {
	background:#ccc;
	border:none;
	padding:5px 10px 5px;
	color:#fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:130%;
	cursor:pointer;
}
.submit {
	display:block;
	float:left;
	margin-left:5px;
	margin-top:2px;
	
}
.form-item {
	padding:10px;
	margin:10px;
}
.contact-list label {
	color:#333;
	padding:5px;
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif;
	display:block;
}
.form-item table tr.formtr {background:#EAEAEA;}

.hoverGlow:hover {
	-moz-box-shadow:0 0 8px rgba(185,201,254, 0.9);
	-webkit-box-shadow:0 0 8px rgba(185,201,254, 0.9);
	box-shadow:0 0 8px rgba(185,201,254, 0.9);
}
.recMore {
	background:#EAEAEA;
	border:1px solid #ccc;
	padding:10px;
}
div#contactConnect {
	background:url(/img/connect-shadow.jpg) no-repeat bottom;
	width:500px;
	margin:0 auto 0;
	padding:10px 0 25px;
	

}
div#contactConnect h6 {
	font-weight:normal;
	text-align:center;
	margin:10px 0 0;
	display:block;
	line-height:1em;
}
#contactConnect ul {
	margin:0 auto 20px;
	width:290px;
}
#contactConnect li {
	list-style:none; float:left;

}
#contactConnect p {padding:0;}
#contactConnect li.e-News  {
float:left;
background:url(/img/connectsprite.jpg) no-repeat 2px 8px ;
padding:39px 0 0;
margin:0 10px 0;
}
#contactConnect li.rss  {
float:left;
background:url(/img/connectsprite.jpg) no-repeat 9px -160px ;
padding:39px 0 0;
margin:0 10px 0;
}
#contactConnect li.twitter  {
float:left;
background:url(/img/connectsprite.jpg) no-repeat 1px -105px ;
padding:39px 3px 0;
margin:0 10px 0;
}
#contactConnect li.facebook  {
float:left;
background:url(/img/connectsprite.jpg) no-repeat 5px -49px ;
padding:39px 0 0;
margin:0 10px 0;
}
#facebox .b {
  background:url(/img/b.png);
}

#facebox .tl {
  background:url(/img/tl.png);
}

#facebox .tr {
  background:url(/img/tr.png);
}

#facebox .bl {
  background:url(/img/bl.png);
}

#facebox .br {
  background:url(/img/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
#top a{
	padding:10px;
	background:#f5f5f5;
	color:#333;
	text-decoration:none;
	font-size:12px;
	display:block;
}
.bluebird .item {
	padding:3px;
	border-bottom:#EAEAEA 1px solid;
}
.bluebird .item img {
	padding:3px;
	background:#EAEAEA;
	border:1px solid #D5D5D5;
	margin:0 10px 0 0;
}
.bluebird #mainContent .item p {
	margin:0 0 16px;
}
.alert {
	background:#FFFFD2;
	border:1px solid #F2F200;
	padding:5px;
}
div.alert {background:#FFFFD2;
	border:1px solid #F2F200;
	padding:10px;
	font-size:14px;
	line-height:1.3em;
	margin:10px;
}
#mainContent p {font-size:12px;
line-height:1.6em;
color:#444;}

#sidebar ul.sidebarList ul li a {
	border-top:none;
}
ul.sidebarList ul li {
	padding-left:5px;
}
ul.sidebarList li.expand {
	background:url(/img/sidebar-arrow.png) 95% 50% no-repeat;
	cursor:pointer;
}

ul.sidebarList ul  {
background:url(/img/sidebar-shadow.png) repeat-x #F0F0F0;
border-top:1px solid #C1C1C1;
}
ul.sidebarList li.expand ul {
display:none;
}
ul.sidebarList li.expand.visible ul.sublist  {
display:block;
}
.google {
	margin:90px 300px 0px 0px;
	padding:10px 35px 10px 15px;
	background:#D4E6FC url(../img/check-bg.jpg) no-repeat right;
	border:1px solid #8CD5FE;
 	text-decoration:none;
	font-size:14px;
	color:#181818;
	display:none;
}
.google a {color:#2D2D2D;
text-decoration:none;
}
.message {
	display:none;
	font-size:12px;
}

/*  Comments ------------------------------- */
#commentContainer {
	background:#FBFBFB;
	border-top:1px solid #EAEAEA;
	margin:0 -30px 0 -10px;
	padding:15px;
	
}
ul#commentList {
	list-style:none;
}
ul#commentList li{
	background:#fff;
	padding:10px 5px 5px 20px;
	border-top:1px solid #EAEAEA;
	border-bottom:1px solid #EAEAEA;
}
ul#commentList li.oddRow{
	background:#F0F0F0;
	padding:10px 5px 5px 20px;
	border-top:1px solid #fff;
}
ul#commentList li p.name {
	font-size:18px;
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	color:#002f55;
	padding:0;
}
ul#commentList li p.name span.date {
	font-size:14px;
	color:#bbb;
}
ul#commentList li p.commentp {
	font-size:14px;
	color:#999;
}
#commentContainer .alert {
	padding:15px;
	font-size:16px;
	
}



.vidNews {
	border-top:1px solid #EBEBEB;
	padding: 10px;
	margin:15px 0 0;}
.vidNews .vidNews-cont {
	width:140px;
	height:150px;
	float:left;
	margin:0 19px 20px 0;}
#wrapper .vidNews .vidNews-cont.last {
	margin:0 0 20px ;}
.vidNews .vidNews-cont .content {
	font-family:Helvetica, Arial, sans-serif;
	padding:5px 3px 3px;}
#wrapper .vidNews .vidNews-cont h4, .vidNews .vidNews-cont .content h4 a{
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	color:#002f55;	
	text-decoration:none!important;}
.vidNews .vidNews-cont .content h4, .vidNews .vidNews-cont .content h4 a:hover {
     text-decoration:underline;}
.vidNews .vidNews-cont .content p {
	font-size:12px;
	color:#555555;
	line-height:1.4em;}