@import url(/css/menu-camp.css);

html { 
	height: 100%; 
	margin-bottom: 1px; 
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#frame {
	/*max-width:800px;*/
	/*min-width:745px;*/
	width:760px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom: 0px;
	padding: 0px;
	background-image: url(/images/bg.rightside.fade.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	border: 3px solid #58A219;	
}

a, a:link, a:visited, a:hover, a:active {
	color: #4792CB;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.clr {
	clear: both;
}

#frame #masthead, #frame #banner,  #frame #banner-camp, #frame #prgmCallout, #frame #bottomContent {
	text-align: left;
}


/* Homepage Masthead */

#masthead {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	height: 85px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: url(/images/bg.metanav.jpg);
	background-repeat: repeat-y;
	background-position: right bottom;
}

#masthead img {
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#masthead #metanav {
	float: right;
	width: 350px;
	margin: 0px;
	padding: 0px;
	height: 85px;
}

#masthead #metanav a {
	text-decoration: none;
	color: #4f83ad;
}


#frame #metanav ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#frame #metanav li {
	list-style-type: none;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

#frame #metanav form {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#frame #masthead #metanav #col1 {
	float: left;
	width: 175px;
	text-align: right;
	margin: 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(/images/graphic.metanav.divider.gif);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 16px;
}

#frame #masthead #metanav #col2 {
	float: right;
	width: 150px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#masthead #metanav label {
	color: #4f83ad;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}


#masthead #metanav .inputbox{
	border: 1px solid #4F83B0;
	padding: 0px;
	font-size: 10px;
	margin: 0px;
	width: 90px;
	height: 12px;
}
#masthead #metanav .button {
	width: 18px;
	background-color: #FFFFFF;
	padding: 0px;
	height: 16px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 11px;
	color: #6489C3;
	margin: 0px;
}



/* Homepage Navigation */

#navigation {
	background-color: #58A219;
	height: 35px;
	margin: 0px;
	font-size:80%;
	font-weight:normal;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}

/*
#frame #navigation {
	background-color: #4792cb;
	height: 35px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}


#frame #navigation a, 
#frame #navigation a:hover {
	text-decoration: none;
}

#frame #navigation ul {
	height:25px;
}

#frame #navigation li {
	
}


#frame #navigation li a.mainlevel-ymca-horizontal {
	height:20px;
	padding-top: 11px;
}

*/

/* Homepage Photo Banner */

#frame #banner,
#frame #banner-camp {
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 250px;
}

#frame #banner #content {
	float: right;
	width: 275px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#campHomeDesc {
	background-color:#58A219;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#campHomeDesc td {
	padding: 20px;
}

#campHomeDesc p {
	font-size: 11px;
	color: #CEE8C5;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
}
#campHomeDesc h1 {
	font-size: 13px;
	color: #336600;
	margin: 0px;
	padding:0 0 7px;
}

#campHomeDesc h2 {
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	text-transform: uppercase;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#campHomeDesc h3 {
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-transform:uppercase;
}

#campHomeDesc h3 a {
color:#ffffff;
}

#campDesc-left {
	width: 275px;
}

#frame #banner #bannercamp {
	margin: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 375px;
	text-align: right;
}

#frame #banner #bannercamp h1 {
	font-size: 20px;
	color: #1a4a6e;
	margin: 0px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: normal;
}

#frame #banner #bannercamp h2 {
	font-size: 14px;
	font-weight: bold;
	color: #4792CB;
	margin: 0px;
	padding: 0px;
}


/* Homepage Program Callout Box 6CACD0 */

#frame #scrollPhotos {
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-left:0px;
	height: 125px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#frame #prgmCallout label {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#frame #prgmCallout #calloutForm {
	margin: 0px;
	padding: 0px;
}

#frame #prgmCallout #audienceMenu {
	font-size: 12px;
	border: 1px none #397CAC;
}



/* Homepage Bottom Content */

#frame #bottomContent {
	margin: 0px;
	background-color: #CAEBF9;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}



/* Bottom News */

#frame #bottomContent #news {
	float: left;
	width: 330px;
	background-image: url(/images/graphicDivider.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0px;
	margin: 0px;
}
#frame #bottomContent #callouts {
	float: right;
	width: 394px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#frame #bottomContent #news h1 {
	font-size: 15px;
	color: #4792cb;
	text-transform: uppercase;
	padding-top: 15px;
	padding-left: 20px;

}
#frame #bottomContent #news h2 {
	margin: 0px;
	color: #4792cb;
	font-size: 11px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
}
#frame #bottomContent #news p {
	font-size: 12px;
	color: #1A4A6E;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}

#frame #bottomContent #news a {
	color: #4792cb;
	text-decoration: underline;
}



/* Bottom Callouts */

#frame #bottomContent #callouts .box {
	background-color: #BCE0F1;
	border: 1px solid #FFFFFF;
	float: left;
	width: 185px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
	background-image: url(/images/calloutArrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#frame #bottomContent #callouts .box h1 {
	font-size: 16px;
	color: #4792cb;
	margin: 0px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 32px;
}
#frame #bottomContent #callouts .box p {
	font-size: 12px;
	margin: 0px;
	color: #1A4A6E;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 32px;
}
#frame #bottomContent #callouts .box a {
	font-weight: bold;
	color: #4792cb;
}

.smallProp {
	float: right;
	height: 117px;
	width: 1px;

}


#frame #banner #hpPhotos {
	position: absolute;
	height: 67px;
	width: 315px;
	margin-left:45px;
	left: 50%;
	top: 360px;
}
#frame #banner #hpPhotos .photo {
	padding: 0px;
	float: left;
	width: 68px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #FFFFFF;
}

#frame #bluestripe {
	background-color: #91c5ea;
	height: 8px;
	background-image: url(/images/bg.nav.rule.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px;
	margin: 0px;
}



/* Internal Left Side Main Body */

#frame #left {
	float: left;
	width: 574px;
}




/* Internal Right Side Navigation */

#frame #right {
	float: right;
	width: 186px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#frame #right #secondaryNav {
	background-image: url(/images/bg.secondarynav.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#secondaryNav h1 {
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#frame #right #navBottom {
	text-align: right;
	background-image: url(/images/bg.blcorner.secondnav.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#frame #right #secondaryNav h2 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

#frame #right #secondaryNav a {
	color: #1a4a6e;
}

#frame #right #secondaryNav .moduletable th {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.subcatUL {
	display: none;
}

.subcatUL-active {
	display: block;
}

#frame #right #secondaryNav ul
{
	padding: 0px;
	margin: 0px;
}

#frame #right #secondaryNav ul ul
{
	margin: 0px;
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom:7px !important;
	padding-left: 0px !important;
}

#frame #right #secondaryNav ul ul ul
{
	margin: 0px;
	padding-top: 2px !important;
	padding-right: 0px !important;
	padding-bottom: 2px !important;
	padding-left:5px !important;
}



#frame #right #secondaryNav li {
	list-style-type: none;
	padding-left: 0px;
	margin: 0px;
	padding: 0px;
	width:150px;
	background-image: url(/images/graphic.rule.secondarynav.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#frame #right #secondaryNav li li {
	
	background-image: none !important;
}

#frame #right #secondaryNav li li li {
	background-image: none !important;

}



#frame #right #secondaryNav li a {
	font-size: 12px;
	color: #1a4a6e;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	width:150px;
	display:block;
}

#frame #right #secondaryNav li li a {
	font-size: 10px;
	color: #1a4a6e;
	background-image: url(/images/bullet.arrow2.gif);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px!important;
	margin: 0px !important;
	width:142px;
	display:block;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#frame #right #secondaryNav li li li a {
	font-size: 10px;
	color: #1a4a6e;
	background-image: url(/images/bullet.square.gif);
	margin: 0px !important;
	width:142px;
	display:block;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px!important;
}

#frame #right #secondaryNav ul a
{
	display: block;
	float: left;
	clear: left;
}
#frame #right #secondaryNav li>a
 {
	float: none;
}
#secondaryNav .prop {
    height:280px;
    float:right;
    width:1px;
}



/* Title Bar */
#frame #left #titlebar {
	background-color: #FFCC00;
	background-image: url(/images/graphic.titlehead.camps.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#frame #left #titlebar div {
	background-image: url(/images/bg.titlehead.corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 55px;
}

#frame #left #titlebar h1 {
	display: block;
	margin: 0px;
	text-align: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 75px;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 21px;
}

/* footer */

#footer {
	height: 15px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
	width:760px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom: 0px;
	text-align: center;
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	
}


/* main body content */

#maincontent {
	margin: 0px;
	background-image: url(/images/bg.maincontent.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	text-align: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}


#maincontent h1 {
	font-size: 18px;
	font-weight: normal;
	color: #476C61;
	margin: 0px;
	padding: 0px;
}

#maincontent h2 {
	font-size: 12px;
	font-weight: bold;
	color: #476C61;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


#maincontent h3 {
	font-size: 12px;
	font-weight: bold;
	color: #4792D1;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#maincontent ul {
	list-style-position: inside;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #476C61;
}

#maincontent li {
	font-size: 11px;
	color: #517B6E;
	list-style-image: url(/images/bullet.arrow.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-position: outside;
}

#maincontent .rules {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	padding-top: 7px;
	padding-bottom: 7px;
}

#maincontent p, #maincontent td {
	font-size: 11px;
	font-weight: normal;
	color: #517B6E;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


#descriptionHalf {
	margin: 0px;
	width: 300px;
	float: left;
	padding: 0px;
}



#galleries ul {
	list-style-position: outside;
	list-style-type: none;
	color: #476C61;
}

#galleries li {
	font-size: 11px;
	color: #517B6E;
	list-style-image: url(/images/bullet.arrow.gif);
	padding-bottom: 5px;
	
}

#galleries h1 {
	font-size: 16px;
	font-weight: normal;
	color: #003366;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}


/*  Modules */

#modules {
	
	background-color: #dbf6ec;
	margin: 0px;
	padding: 0px;
}



/* photo galleries */


#photogal {
	background-color: #72AD2F;
	width: 387px;
	float: left;
}

#photogal img {
	margin: 0px;
	padding: 0px;
}


.gallerycontrol {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.photoCaptions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
}

#photogal #photo {
	margin: 0px;
	padding: 0px;
	width: 259px;
	float: left;
	
}
#photogal #caption {
	float: left;
	width: 128px;
	text-align: left;
	
}

#caption .captionText {
	height: 135px;

}

#photogal #nav {
	float: left;
	width: 128px;
	text-align: center;
}

#photogal #caption h1 {
	font-size: 16px;
	font-weight: normal;
	color: #FFCC00;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#photogal #caption p {
	font-size: 11px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #FFFFFF;
}


/* fun facts */

#funfacts, #galleries {
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
	width: 180px;
}
#funfacts h1 {
	margin: 0px;
	font-size: 16px;
	font-weight: normal;
	color: #5E8F7F;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#highlights {
	float: right;
	width: 190px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(/images/bg.highlights.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#funfacts p {
	font-size: 10px;
	color: #5E8F7F;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-align: left;
}
#highlights h1 {
	font-size: 14px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: normal;
	color: #476C61;
}
#highlights h2,
#modules h2 {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: #5E8F7F;
	font-weight: bold;
}

#modules h2 {
	padding-top:10px;
	padding-left:15px;
	padding-bottom:10px

}

#highlights p {
	font-size: 11px;
	margin: 0px;
	color: #5E8F7F;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}



/* event calendar */

.calTable {
	background-color:#FFF;
	border-collapse:collapse;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

.calTable p {
	margin: 0px !important;
	font-size: 9px !important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.calTable .days {
	border: 1px solid #666666;
	height: 80px;
	width: 100px;
}
.calTable .calHead {
	margin: 0px;
	padding: 0px;
}


.nonmonthdays {
	background-color: #F0FBEB;
	border: 1px solid #666666;
	height: 80px;
	width: 100px;	
}

.dateChosen {
	border: 1px solid #666666;
	height: 80px;
	width: 100px;
}

/* downloads */

#downloads {
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#downloads h1 {
	font-size: 14px;
	color: #476C61;
}
#downloads p {
	font-size: 11px;
	color: #476C76;
}
.galTable {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #669999;
	padding-top: 15px !important;
}

#largegal {
	background-color: #FFFFFF;
	width: 520px;
	padding: 10px;
	border: 1px solid #6699CC;
}
#galnav {
	text-align: right;
	color: #BAD2C7;
	background-color: #e5f4ef;
	border: 1px solid #bdd5cc;
	margin: 0px!important;
	padding: 0px!important;
}

#galnav table {
	margin: 0px !important;
	padding: 0px !important;

}
#largegal h2 {
	padding-top: 10px !important;
}
.galButton {
	margin: 0px;
	padding-right: 10px!important;
	padding-left: 10px!important;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #669999;
	padding-top: 10px  !important;
}


.galphoto {
	margin: 0px;
	padding: 15px !important;
	background-color: #FFFFFF;
}

.factbuttons {
	padding: 3px 3px 3px 0px;	
}

.factbuttons a {
	background-color: #FFF;
	text-decoration: none;
	padding: 1px 2px;
	margin-right: 2px;
	border-top: 1px solid #EDB608;
	border-right: 1px solid #EDB608;
	border-bottom: 1px solid #EDB608;
	border-left: 1px solid #EDB608;
}

.factbuttons a:hover {
	background-color: #FCEAB1;
	text-decoration: none;
}

.factbuttons a.selected {
	background-color: #D1E4EB;
}

#funfact-content {
	height: 135px;
	vertical-align: top;
	overflow: hidden;
}
#funfact-count {
	text-align: right;
}

#funfact-content h2 {

}


/* Printable */

#masthead-print {

	display: none;

}

#campHomeDesc-Print {

	display: none;
	
}


#miniMenu {
	
	width:760px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align:right;

	
}

.mininav {
	margin:0;
	padding:0;
}

.mininav li {

	display:inline;
	font-size:75%;
	font-weight:bold;
	list-style-type:none;
	padding-left:10px;
	padding-right:10px;

}