/* * CAMP MASON * */

body {
	background: url(../img/bg.jpg);
	color:#303030;
	font:14px Georgia, "Times New Roman", Times, serif;
}
a {
	color:#cc0000;
}
.left {
	float:left
}
.right {
	float:right
}
.center{
	text-align:center;
}
.clear {
  display:block;
  clear:both;
  visibility:hidden;
  height:0em;
  border-width:0;
  margin:0;
  padding:0;
  font-size: 0em;
}
.imgRight{
	float:right;
	margin-left:10px;
	border:4px solid #808080;
}
.imgLeft{
	float:left;
	margin-right:10px;
	border:4px solid #808080;
}
img { -ms-interpolation-mode: bicubic; }

/* * Header * */

#header {
	background:url(../img/bg-header.png) no-repeat;
	height:190px;
	width:1000px;
	margin:0 auto;
	position:relative;
}
#header h1 {
	padding-top:30px;
	float:left;
	padding-left:28px;
}
#header h1 img {
	display:block;
}
#header .calendar {
	width:260px;
	padding-right:25px;
	float:right;
	padding-top:110px;
}
#header .calendar h3 {
	font:24px Georgia, "Times New Roman", Times, serif;
	color:#000;
}
#header .calendar #days {
	display:block;
	background:url(../img/bg-day.png) no-repeat;
	width:67px;
	height:70px;
	color:#fff;
	font:bold 24px/52px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	float:left;
}
#header .calendar #daysStatic {
	display:block;
	background:url(../img/bg-day.png) no-repeat;
	width:67px;
	height:70px;
	color:#fff;
	font:bold 24px/52px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	float:left;
}
#header .calendar div {
	float:right;
	width:190px;
	text-align:center;
	padding-top:12px;
}
#header .calendar p {
	text-align:center;
	font:14px Tahoma, Geneva, sans-serif;
	color:#18928e;
}
#header .calendar p a {
	color:#18928e;
}
#header .calendar p a:hover {
	text-decoration:none;
}
#header .calendar p a strong {
	font-weight:normal;
	color:#083a72;
	text-decoration:underline;
}
#header .calendar p a: strong {
	text-decoration:none;
}

#container {
	background:url(../img/bg-c.png) repeat-y;
	width:1000px;
	margin:0 auto;	
	padding-top:7px;
	padding-bottom:5px;
}

/* * Navigation * */

#nav {
	background:url(../img/bg-nav.gif) repeat-x top;
	height:47px;
	width:946px;
	margin:0 auto;
}
ul#menu {
	height:47px;
	float:left;
	position:relative;
	z-index:999;
}
ul#menu li {
	position:relative;
	z-index:999;
	display:block;
	float:left;
	border-left:solid 1px #083e7a;
}
ul#menu li.first {
	border-left:0;
}
ul#menu li a {
	background:#0a4d99;
	display:block;
	float:left;
	font:13px/45px Geneva, Tahoma, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	height:47px;
	padding:0 16px 0 15px;
}
ul#menu li a:hover,
ul#menu li a.active {
	background:#188f86;
}

/* Submenu */
ul#menu li ul {
	background:url(../img/bg-subL.png) no-repeat bottom left;
	width:205px;
	position:absolute;
	top:47px;
	left:0;
	padding-top:8px;
	padding-bottom:10px;
	float:none;
	height:auto;
	z-index:999;
	display:none;
}
ul#menu li:hover ul{
	display:block;
	}
ul#menu li ul li{
	float:none;
	border:0;
}
ul#menu li ul li a {
	height:auto;
	_height:1%;
	float:none;
	background:none;
	font:12px/200% Georgia, "Times New Roman", Times, serif;
	color:#083a72;
	text-transform:none;
	padding-left:17px;
}
ul#menu li ul li a:hover {
	background:none;
	text-decoration:underline;
	}
	ul#menu li ul li a.active{
		background:none;
		}
		
/* * Search * */

#search {
	background:url(../img/bg-search.gif)  no-repeat bottom left;
	width:124px;
	height:22px;
	float:right;
	padding-right:13px;
	padding-left:26px;
	margin-top:12px;
}
#search input.text {
	font:14px Tahoma, Geneva, sans-serif;
	color:#127397;
	width:82px;
	border:0;
	background:none;
	outline:none;
	position:relative;
	top:-3px;
}
#search input.button {
	background:none;
	border:0;
	font:14px Tahoma, Geneva, sans-serif;
	color:#fff;
	text-transform:uppercase;
	width:39px;
	height:23px;
	text-align:center;
	position:relative;
	top:-2px;
	cursor:pointer;
	}

/* * Content * */

#content {
	background: url(../img/bg-content.png) repeat-y center;
	width:946px;
	margin:0 auto;
}

/* * Slider * */

#slider {
	width:946px;
	position:relative;
	margin:7px 0 5px 0;
}
	#slider img {
		display:block;
	}
	#slider .next {
		position:absolute;
		top:140px;
		right:0;
	}
	#slider .prev {
		position:absolute;
		top:140px;
		left:0;
	}
	#slider h3 {
		background:url(../img/transparency.png) repeat-x top;
		height:50px;
		font:18px/48px Georgia, "Times New Roman", Times, serif;
		color:#fff;
		padding-left:110px;
		position:absolute;
		bottom:0;
		left:0;
		width:836px;
	}

/* * Page * */

#page {
	float:left;
	width:590px;
	padding-left:11px;
	padding-bottom:30px;
	margin-top:15px;
}
#page h2 {
	font:24px Geneva, Tahoma, sans-serif;
	color:#127497;
	padding-bottom:16px;
	margin-top:5px;
}
#page h3 {
	font:20px Geneva, Tahoma, sans-serif;
	color:#19958D;
	margin:5px 0;
}
#page h4{
	color:#0A4E99;
	font:17px Geneva, Tahoma, sans-serif;
	text-transform:uppercase;
	padding:0;
	margin:30px 0 10px 0;
	}
	#page h4.firstH4{
		margin-top:5px;
		}
#page h4.center{
	text-align:center;
	margin-top:15px;
}

#page h4 span{
	font-size:14px;
}
#page h5{
	color:#0A4E99;
	font:14px Geneva, Tahoma, sans-serif;
	text-transform:uppercase;
	padding:0;
	margin:10px 0 5px 0;
	font-weight:bold;
}
#page p {
	line-height:150%;
	margin-bottom:15px;
}
#page p.small {
	font-size:11px;
}
#page p.big {
	font-size:24px;
	margin:20px 0;
}
#page p a.pdf{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	#page p a.pdf:hover{
		text-decoration:underline;
		}
#page ul{
	margin:0 0 10px 40px;
	color:#0A4E99;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	#page ul li{
		list-style-type:disc;
		line-height:150%;
		margin:5px 0;
		}
		
#page ol{
	margin:0 0 10px 40px;
	color:#0A4E99;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:decimal;
	}
	#page ol li{
		list-style-type:decimal;
		line-height:150%;
		margin:5px 0;
		}

/* * HOMEPAGE EVENTS SECTION (Blog Summary) * */
#page .events {
	border:solid 6px #f0f0f0;
	background:#83a1c3;
	padding:18px 20px;
	width:542px;
	margin-top:30px;
}
#page .events h3 {
	font:24px Tahoma, Geneva, sans-serif;
	color:#2f2f2f;
	padding-bottom:14px;
}
#page .events h3 a{
	font:24px Tahoma, Geneva, sans-serif;
	color:#2f2f2f;
	padding-bottom:14px;
}
#page .events h3 strong {
	font-weight:normal; 
	color:#094f97;
}
#page .events img.img {
	display:block;
	float:left;
	border:solid 6px #fff;
	margin-right:20px;
	margin-bottom:20px;
}
#page .events .right {
	float:right;
	font:14px Tahoma, Geneva, sans-serif;
	color:#ffffff;
}
#page .events .right p {
	line-height:120%;
	padding-bottom:12px;
}
#page .events a.button img {
	display:block;
	float:left;
	margin-right:7px;
}
#page .events a.link img {
	display:block;
	float:left;
	margin-right:7px;
}

/* * CODA SLIDER FOR HOME EVENTS * */

	.coda-slider-wrapper { 
		padding: 20px 0; 
	}
	.coda-slider { 
		border:solid 6px #f0f0f0;
		background:#83a1c3; 
		width:600px;
		height:350px;
	}
	#page .coda-slider h2.eventTitle {
		font:24px Tahoma, Geneva, sans-serif;
		color:#2f2f2f;
		margin:20px 0 -20px 20px;
		text-align:left;
		font-weight:normal;
	}
		#page .coda-slider h2.eventTitle a{
			color:#2f2f2f;
		}
	#page .coda-slider h3 a{
		font:16px Tahoma, Geneva, sans-serif;
		color:#2f2f2f;
		text-decoration:none;
		font-weight:bold;
	}
		#page .coda-slider h3{
			font-size:16px;
			color:#2f2f2f;
			font-weight:bold;
		}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 560px;height:300px; } 
	
	/* The Event Info */
	#page .coda-slider .panel h3 strong {
		font-weight:normal; 
		color:#094f97;
	}
	#page .coda-slider .panel img.img {
		display:block;
		float:left;
		border:solid 6px #fff;
		margin-top:10px;
		margin-right:20px;
		margin-bottom:20px;
	}
	#page .coda-slider .panel .right {
		float:left;
		width:370px;
		font:14px Tahoma, Geneva, sans-serif;
		color:#ffffff;
		margin-top:10px;
	}
	#page .coda-slider .panel .right p {
		line-height:120%;
		padding-bottom:12px;
	}
	#page a.button img {
		display:block;
		float:left;
		margin-right:7px;
	}
	#page a.link img {
		display:block;
		float:left;
		margin-right:7px;
	}
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 560px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 50px }
	
	/* Tab nav */
	#page .coda-nav ul li a.current { background: #19958D; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	#page .coda-nav{ margin:0 auto;text-align:center;width:450px; }
	#page .coda-nav ul { clear: both; display: block; margin: 0 auto; overflow: hidden; width:450px;text-align:center;}
	#page .coda-nav ul li { display: inline; width:160px;}
	
	/* Easily the most IMPORTANT of the navigation styles */
	#page .coda-nav ul li a { 
		background: #0A51A1; 
		color: #fff; 
		display: block; 
		float: left; 
		margin-right: 1px; 
		padding: 3px 6px; 
		text-decoration: none; 
		width:140px;
		*width:130px; 
	}

	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
/* * END CODA SLIDER * */

#page .salesPages ul{
	margin:20px 320px;
}

#page .salesPages ul li{
	font-size:16px;
}

/* * Sidebar * */

#sidebar {
	float:right;
	width:317px;
	margin-top:7px;
}
#sidebar a.menu {
	display:block;
	padding-bottom:12px;
}
#sidebar a.menu img {
	display:block;
}
#sidebar a.left,
#sidebar a.right {
	display:block;
	padding-bottom:12px;
}
#sidebar a.left img,
#sidebar a.right img {
	display:block;
}
#sidebar .bookmark {
	float:right;
	width:100px;
	padding-right:15px;
}
#sidebar .bookmark a img {
	display:block;
	float:left;
	padding-left:8px;
	padding-bottom:8px;
}

/* * Sidenav for pages in the "year round programs" section * */
#sidebar .sidenav{
	width:287px;
	padding:5px 10px 10px 10px;
	margin:0 0 10px 0;
	border:5px solid #3A70AC;
	background-color:#0A4E99;
}
	#sidebar .sidenav h3{
		font-size:24px;
		margin-left:20px;
		color:white;
	}
	#sidebar .sidenav ul{
		margin:5px 0 0 50px;
	}
		#sidebar .sidenav ul li{
			list-style-type:circle;
			color:white;
			line-height:170%;
		}
			#sidebar .sidenav ul li a{
				color:white;
				font-size:16px;
			}
				#sidebar .sidenav ul li a:hover{
					text-decoration:none;
				}
				#sidebar .sidenav ul li.active a{
					font-weight:bold;
					text-decoration:none;
				}
				
/* * WEATHER BOX * */

.weather{
	background:url(../img/weather-bg.png) top left no-repeat;
	width:325px;
	height:105px;
	margin:0 0 15px -5px;
	padding:47px 0 0 0;
	text-align:center;
	clear:both;
	display:block;
}
	.weather p{
		font-size:20px;
		line-height:140%;
	}
		.weather p img{
			margin:0 0 -8px 0;
		}

/* * Blue section at bottom * */

#info {
	background:#094f97;
	width:912px;
	margin:0 auto;
	padding-bottom:8px;
}
#info .left {
	width:590px;
	padding-left:12px;
	padding-top:12px;
}
#info .left ul {
	padding-right:30px;
	float:left;
	padding-bottom:12px;
}
#info .left ul li {
	font-size:12px;
	padding-bottom:2px;
}
#info .left ul li h6 {
	font:16px Tahoma, Geneva, sans-serif;
	color:#73c0db;
}
#info .left ul li a {
	color:#fff;
	font-size:12px;
	text-decoration:none;
}
#info .left ul li a:hover {
	text-decoration:underline;
}
#info .left h5 {
	font:bold 16px Tahoma, Geneva, sans-serif;
	color:#fff;
}
#info .right {
	width:300px;
}
#info .right a img {
	display:block;
	float:left;
	padding:12px 8px 24px 8px;
}
#info .right h5 {
	font:40px Tahoma, Geneva, sans-serif;
	color:#fff;
	text-align:center;
}

/* * BLOG PAGE * */

#page .ditto_summaryPost{
	margin:15px 0;
	border:2px solid #EAEAEA;
	padding:5px 10px;
}
	#page .ditto_summaryPost h3 a{
		font:24px Geneva, Tahoma, sans-serif;
		color:#19958D;
		margin:5px 0;
	}
	#page .ditto_summaryPost h3 span{
		font:24px Geneva, Tahoma, sans-serif;
		color:#19958D;
		margin:5px 0;
	}
	#page .ditto_summaryPost p.ditto_link{
		float:right;
		margin:0 10px 0 0;
	}
	#page .ditto_summaryPost img.blogImg{
		margin:5px 10px 0 0;
		border:2px solid #EAEAEA;
	}

/* * Footer * */

#footer {
	background:url(../img/bg-bottom.png) no-repeat top center;
	padding-top:38px;
	width:1000px;
	margin:0 auto;
	text-align:center;
	font-size:14px;
}
#footer p {
	color:#64593d;
	padding-bottom:4px;
}
#footer p a {
	text-decoration:none;	
	color:#64593d;
}
#footer p a:hover {
	text-decoration:underline;
}
#footer ul {
	padding-bottom:12px;	
	color:#64593d;
}
#footer ul li {
	display:inline;
}
#footer ul li a {
	color:#64593d;
	text-decoration:underline;
}
#footer ul li a:hover {
	text-decoration:none;
}