﻿@font-face {
	font-family: 'Typewriter';
	src: url(fonts/typewriter-medium.woff) format('woff');
}
body { margin:0; padding:0; background:url(//cdn.brookhavendaycamp.com/images/bg.jpg) no-repeat top center;}
.clear { margin:0; padding:0; clear:both;}
.flt-lft { float:left;}
.flt-rht { float:right;}
.bg-none { background:none repeat 0 0 !important;}
#main { margin:0 auto; padding:0; width:990px;}

/*****header*****/
.header { position:relative; width:990px; max-width: 100%; height:200px; z-index:500;}
.header .logo { position:absolute; top:0px; left:-49px; width:170px; height:172px;}

.header .top-contact { position:absolute; top:0px; right:199px; padding-top: 1em; text-align: right; }
.header-phone { font-family: 'Typewriter'; font-size: 20pt; text-decoration: none; font-weight: bold; }
.header-email { font-family: 'Typewriter'; font-size: 10pt; text-decoration: none; font-weight: bold; }

.header .countdown { margin:0; padding:0; position:absolute; top:0px; right:-29px; width:217px; height:92px; background:url(//cdn.brookhavendaycamp.com/images/countdown-bg.png) no-repeat top left; font:bold 36px/36px "Georgia", Times New Roman, Times, serif; color:#fff; text-align:center;}
.req-info { margin:0; padding:0; width:250px; position:absolute; bottom:-29px; right:-24px; height:92px; z-index:99999;}
.req-info a { background:url(//cdn.brookhavendaycamp.com/images/req-info.png) no-repeat top left; width:250px; height:92px; float:left; text-decoration:none; text-align:center; font:normal 24px/24px "Times New Roman", Times, serif; color:#FFF;}
.req-info a strong { visibility:hidden;}
.req-info a:hover { background-position: 0 -92px;}

/*****navigation*****/
.blue-glow-text {
text-shadow: 
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white; 
color:#005399; 
}


#navigation2 { margin:0; padding:0; position: absolute; left:99px; top:83px; z-index:9}
#navigation2 ul { margin:0; padding:0; list-style-type: none; }
#navigation2 > ul > li { float: left; }
#navigation2 > ul > li > a { padding: 0.55em; text-align:left; display:block; font-family: 'Typewriter'; font-size: 16pt; 
min-height: 2.5em;
font-weight: bold;
text-shadow: 
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white,
0 0 0.5em white; 

color:#005399; text-decoration:none;}

#navigation2 > ul > li:hover > a { 
text-shadow: 
0 0 0.5em #ce1b33,
0 0 0.5em #ce1b33,
0 0 0.5em #ce1b33,
0 0 0.5em #ce1b33,
0 0 0.5em #ce1b33,
0 0 0.5em #ce1b33,
0 0 0.5em #ce1b33,
0 0 0.5em #ce1b33,
0 0 0.5em #ce1b33,
0 0 0.5em #ce1b33,
0 0 0.5em #ce1b33,
0 0 0.5em #ce1b33,
0 0 0.5em #ce1b33,
0 0 0.5em #ce1b33,
0 0 0.5em #ce1b33,
0 0 0.5em #ce1b33; 
color: white;
}

#navigation2 .dropdown { display: none; }
#navigation2 > ul > li:hover .dropdown { position: absolute; display: block; background: #f9f3a1; border: 1px solid black; }
#navigation2 .dropdown li { min-width: 11em; border-bottom: 1px solid black; }
#navigation2 .dropdown li a { padding: 0.25em; padding-left: 0.5em; color: black; text-decoration: none; font-family: arial; display: block; }
#navigation2 .dropdown li:hover { background: #dbc551; }


#nav1, #nav1 a { padding:0;	margin:0; width:145px; height:80px;}
#nav1 a:hover, #nav1 .selected { background:url(//cdn.brookhavendaycamp.com/images/nav-ho.png) -0px 0px no-repeat;}
#nav2, #nav2 a { padding:0;	margin:0; width:136px; height:80px;}
#nav2 a:hover, #nav2 .selected { background:url(//cdn.brookhavendaycamp.com/images/nav-ho.png) -145px 0px no-repeat;}
#nav3, #nav3 a { padding:0; margin:0; width:160px; height:80px;}
#nav3 a:hover, #nav3 .selected { background:url(//cdn.brookhavendaycamp.com/images/nav-ho.png) -281px 0px no-repeat;}
#nav4, #nav4 a { padding:0;	margin:0; width:164px; height:80px;}
#nav4 a:hover, #nav4 .selected { background:url(//cdn.brookhavendaycamp.com/images/nav-ho.png) -441px 0px no-repeat;}
#nav5, #nav5 a { padding:0;	margin:0; width:138px; height:80px;}
#nav5 a:hover, #nav5 .selected { background:url(//cdn.brookhavendaycamp.com/images/nav-ho.png) -605px 0px no-repeat;}
#nav6, #nav6 a { padding:0;	margin:0; width:157px; height:80px;}
#nav6 a:hover, #nav6 .selected { background:url(//cdn.brookhavendaycamp.com/images/nav-ho.png) -743px 0px no-repeat;}

/*****wrapper*****/
/* .wrapper-top { margin:0; padding:0; float:left; width:990px; background:url(//cdn.brookhavendaycamp.com/images/wrapper-top.png) no-repeat top left; *height:1px;}  */
.wrapper-rept { box-shadow: 1px 1px 0.25em gray; background: white; }
#content { margin:0; min-height: 30em;  padding:10px 15px 30px 15px; background-image: linear-gradient(#d1d1d1 0, white 3em); }
#text h1 { margin-bottom:30px; _margin-bottom:15px; padding:0; font:bold 30px/30px "Georgia", Times New Roman, Times, serif; color:#005399; text-align:left;}
#text h2 { margin-bottom:20px; _margin-bottom:10px; padding:0; font:bold 24px/24px "Georgia", Times New Roman, Times, serif; color:#005399; text-align:left;}
#text h3 { margin-bottom:15px; _margin-bottom:8px; padding:0; font:bold 18px/18px "Georgia", Times New Roman, Times, serif; color:#005399; text-align:left;}
#text p { margin:0; padding:0; font:normal 14px/18px "Georgia", Times New Roman, Times, serif; color:#000; }
#text p a { text-decoration:none; color:#005399; font:normal 14px/18px "Georgia", Times New Roman, Times, serif; }
#text p a:hover { text-decoration:none; color:#db2e47;}
#text ul { margin:0; padding:0;}
#text ul li { margin:0; padding-left:20px; list-style:none; font:normal 13px/24px "Georgia", Times New Roman, Times, serif; color:#000; text-align:left; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJRJREFUeNpiZA+dYc/AwHATiF8w4AFMQPwXiO8BcQsQ8+BTeByI3wFxNRA/BOJMIGbGZeImKF8IiKcB8Q0gDkFXCAIr0QxQAeLVQHwSiC2RFb7D4TSQBgOQU1igAlFoCr4DcR8QdwPxR5AATKEfkqK5QNwExI+QdYIU6gKxFhDvA+JiIL6AzQ0sUHd4AvEOfAEOEGAAvIoZYc1gUWoAAAAASUVORK5CYII=) no-repeat left 8px;}
#text ul li a { text-decoration:none; font:normal 13px/16px "Georgia", Times New Roman, Times, serif; color:#005399; text-align:left;}
#text ul li a:hover { text-decoration:none; color:#db2e47;}
#text .image { border:5px solid #e1e1e1; border-radius:10px 10px 10px 10px; box-shadow:0px 1px 6px 0px #000; margin:0; padding:0;}

/*****footer*****/
.footer { margin-top:25px; }

.foot-nav { margin-top:35px; }
.foot-nav ul { margin:0; padding:0; list-style-type: none; text-align: center; }
.foot-nav ul li { display: inline-block; border-right: 0.20em solid #64BC50 }
.foot-nav ul li:last-child { border-right: 0; }
.foot-nav ul li a { padding: 0.25em; display:block; font-family: 'Typewriter'; font-size: 13pt; color: black; text-decoration: none; }

.foot-copyright { font:normal 12px/24px "Georgia", Times New Roman, Times, serif; color:#000; text-align:center;}
.foot-copyright a { text-decoration:none; font:normal 12px/24px "Georgia", Times New Roman, Times, serif; color:#000;}
.foot-copyright a:hover { text-decoration:none; color:#db2e47;}
.foot-copyright span { color:#69c252; margin:0 5px;}

.foot-bottom { margin:0; padding-bottom:30px; float:left;  }
.foot-association { margin:0; padding:0; float:left; }

.foot-social-icons { margin:0; padding-top:50px; padding-left:30px; float:left; width:150px;}

.foot-facebook { margin:0; padding:0; width:32px; height:32px; float:left;}
.foot-facebook a { background:url(//cdn.brookhavendaycamp.com/images/facebook.png) no-repeat top left; width:32px; height:32px; float:left; text-decoration:none; text-align:center; font:normal 9px/9px "Times New Roman", Times, serif; color:#FFF;}
.foot-facebook a strong { visibility:hidden;}
.foot-facebook a:hover { background-position: 0 -32px;}

.foot-youtube { margin-left:8px; _margin-left:4px; padding:0; width:32px; height:32px; float:left;}
.foot-youtube a { background:url(//cdn.brookhavendaycamp.com/images/youtube.png) no-repeat top left; width:32px; height:32px; float:left; text-decoration:none; text-align:center; font:normal 9px/9px "Times New Roman", Times, serif; color:#FFF;}
.foot-youtube a strong { visibility:hidden;}
.foot-youtube a:hover { background-position: 0 -32px;}

.foot-logo { margin:0; padding-top:17px; float:left; width:110px;}
.foot-logo img { border:0;}

/*****index*****/
.slider-main { margin-top:-46px; z-index:0!important; padding:0; float:left; width:990px; height:646px; position:relative; }

/*****Tabs*****/
.ind-tabs { margin:0; padding:0; width:881px; height:180px; z-index:999!important; position:absolute; bottom:0px; left:50px;}

.camp-program { margin:0; padding:0; width:291px; height:180px; float:left;}
.camp-program a { background:url(//cdn.brookhavendaycamp.com/images/camp-program.png) no-repeat top left; width:291px; height:180px; float:left; text-decoration:none; text-align:center; font:normal 18px/150px "Times New Roman", Times, serif; color:#FFF;}
.camp-program a strong { visibility:hidden;}
.camp-program a:hover { background-position: 0 -180px;}

.school-program { margin:0; padding:0; width:295px; height:180px; float:left;}
.school-program a { background:url(//cdn.brookhavendaycamp.com/images/school-program.png) no-repeat top left; width:295px; height:180px; float:left; text-decoration:none; text-align:center; font:normal 18px/150px "Times New Roman", Times, serif; color:#FFF;}
.school-program a strong { visibility:hidden;}
.school-program a:hover { background-position: 0 -180px;}

.directions { margin:0; padding:0; width:295px; height:180px; float:left;}
.directions a { background:url(//cdn.brookhavendaycamp.com/images/directions.png) no-repeat top left; width:295px; height:180px; float:left; text-decoration:none; text-align:center; font:normal 18px/150px "Times New Roman", Times, serif; color:#FFF;}
.directions a strong { visibility:hidden;}
.directions a:hover { background-position: 0 -180px;}


/*****Index Facilities*****/


.news-box-main { position:relative; flex-grow: 1; }
.news-box-top { background-color: #64BC50; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; margin-left: 10px; }
.news-box-heading { 
	display: inline-block;
	font-weight: bold;
	font-family: 'Typewriter';
	font-size: 22pt;
	transform: rotate(-8deg);
	margin: 0;
	text-shadow:
	0 0 0.5em #f4e79a,
	0 0 0.5em #f4e79a,
	0 0 0.5em #f4e79a,
	0 0 0.5em #f4e79a,
	0 0 0.5em #f4e79a,
	0 0 0.5em #f4e79a,
	0 0 0.5em #f4e79a,
	0 0 0.5em #f4e79a,
	0 0 0.5em #f4e79a,
	0 0 0.5em #f4e79a,
	0 0 0.5em #f4e79a,
	0 0 0.5em #f4e79a,
	0 0 0.5em #f4e79a,
	0 0 0.5em #f4e79a,
	0 0 0.5em #f4e79a,
	0 0 0.5em #f4e79a; 
	color:#005399; 
}

.news-box-rept { margin-left: 10px; background: #64BC50; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; }
.news-box { padding: 1em; font:normal 13px/16px "Georgia", Times New Roman, Times, serif; color:#000; }
.news-btn-bdr { border-bottom:1px dashed #0e8706; margin:10px 0; padding:0;}
.cms-editable h2:first-child { margin-top: 0 }

.news-read-more { position:absolute; right: 0; bottom: 0; width: 167px; height: 44px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKcAAAAsBAMAAADyT7XEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURQAAAP/jeP/vg1ApHP/YbP/QdJDK014AAAAGdFJOUwDl8BHRcN02FbwAAAJ8SURBVEjHrZZbbuwgDIZHYgOA2ABZQaQp74Pkvp8jhf1vpdgGQyaZXCZxW7VS20//7xt+PO4JpZ4S/+5CjpU4AbzugY6FGVKKxuh7kIWZAMDE+LqDyPnMxKzSuOv2lXo8uURTIcJF6DiK8SdkomPmFSgCpY8mY6CG05eLw0UXZoxfF0qpvtnTVLOJGXDfKe1aPRN/sUTIyhHBmWhe15ynREVHZkTnGZk/9QVkmsCBoaojL+bvyHSnJ0qJ9dzrhiLG7BhdZ83EPAuV+gSyHUkd8mKhIvOkfbHOmSzBNP6JQn/TR9hCKGk1zm2pKjNMZif02WyGtMs8Dh0LU5JprTU+fxr7HVRJNqt1PyASmfTd+7PQkTfcSO8PaxysH5CbvzyFRd2HoUq6PSSWyagBPxBJWMxClwa9p1K2UQAQ5oBEZA4kmNLrjylVswX3Q3/PNAkSbTmp/gC0GZfdnv8RPc+wRKViNf96Y2W2BQcpkfd3YKFSVg8olf0W6sqkzlxQMcGlA/Zy2uXyv4E650vrvVLbpOpNmUWlM7Xua1G7qiVAr7ZR7xufx1Iju4pk5lbzSxsFoCsGX0dT674ektJ1+6qbH1JH73gt0geqrTPVekovZpwjtofcbTIbdcX+7IjJnV6YRaj/7L76t8vZ74+YnM/KpNuAO/RD1EW1qH4uTROZQqpMKIXfMl+UzjaKZpXCDBPeB4XJ+cS2HuwWc+B12s++IPOAJ2ojkAuO+36bWUZq1qeC5MZsZyYfCLvmkWtpRn1rqf6IcQ2J5otOv8nEX9v350SOGAezoBuuMj/b953SGTQskbVIvO/stvmVnAZ8I+GdKUJ56u1God7XqdF/cao13TCH+x8AAAAASUVORK5CYII=);
border-bottom-right-radius: 0.5em;
}
.news-read-more a { position: absolute; bottom: 0.5em; right: 0.5em; transform: rotate(-10deg); display: inline-block; font-weight: bold; text-decoration:none; text-align:center; font-size: 11pt; font-family: 'Typewriter'; color :#005399;}
.news-read-more a:hover { color: #ce1b33; }

.ind-facilities { display: flex; clear: both; }
.ind-wrapper { padding:30px 10px 0 10px; font:normal 13px/16px "Georgia", Times New Roman, Times, serif; color:#000; }
.ind-wrapper p { margin:0; padding:0; font:normal 13px/16px "Georgia", Times New Roman, Times, serif; color:#000; text-align:left;}
.ind-wrapper p a { text-decoration:none; color:#005399; font-weight:bold;}
.ind-wrapper p a:hover { text-decoration:none; color:#db2e47; font-weight:bold;}


/*****Internal Pages Slider*****/

.slideshow-main { margin:0 auto; padding:0px; width:600px; height:400px; box-shadow: 0px 2px 5px 1px #000; }

/*****Form*****/

.form-bg {
    background: none repeat scroll 0 0 #6ac655;
    border: 2px solid #56ab43;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    margin-left:40px;
    padding: 20px;
    width: 500px;
    font:normal 14px/18px "Georgia", Times New Roman, Times, serif; color:#000;
}
.form-bg .fs14 {
    color: #123841;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.form-bg .fs12 {
    color: #123841;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
}
.form-bg .input-bg {
    background: none repeat scroll 0 0 #f9eb9d;
    border: 1px solid #034e8c;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    width: 200px;
}
.form-bg .textarea-bg {
    background: none repeat scroll 0 0 #f9eb9d;
    border: 1px solid #034e8c;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 72px;
    line-height: 18px;
    padding: 0 5px;
    resize: none;
    width: 200px;
}
.form-bg input[type="submit"], input.submit {
    background: none repeat scroll 0 0 #2d4044;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    outline: medium none;
    padding: 7px 14px;
    position: relative;
    text-align: center;
    width: auto;
}
.form-bg .button {
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    outline: medium none;
    padding: 0.5em 2em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.form-bg input[type="submit"]:hover, input[type="submit"]:focus {
    background: none repeat scroll 0 0 #e9d65a;
    border: 1px solid #192732;
    color: #000000;
    padding: 6px 13px;
}

/* slideshow styles */
.slideShow ul,
.slideShow li,
.slideShow ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-family: Geneva, Arial, Verdana;
}
.slideShow {
	clear: both;
	width:990px; height:555px;
	position:relative; margin:0; padding:0;	
	float:left;
	z-index:0!important;
}
.slides{
		width:990px; height:555px; margin:0; padding:0;
}

/** navigation **/
.slideShow .navigation {
	margin: 0px 0px 0px 0px;
	clear: left;
	display: block;
}
.slideShow .navigation li {
	display: inline;
}
.slideShow .navigation a {
	display: inline-block;
}
.slideShow .thumbs a {
	padding: 0px;
	overflow: hidden;
	background-color: transparent;
	
}


/** slideshow with images in navigation **/
.navigation.white li {
	width:52px;
	height:52px;
	margin:0;
	padding:0;
	float:left;
	padding:2px;
	position:relative;
}
 
.navigation.white a {margin:0; padding:0;
width:52px; height:52px; 
background:none;
 float:left;
}
.navigation.white a:hover,
.navigation.white a.selected {
	margin:0; padding:0;width:52px; height:52px; border:0; float:left;
}
#slide-buttons{
	position:absolute;
	width:990px; height:555px; top:0;
}

#slide-buttons2{
	position:absolute;
	width:600px; height:400px; top:0;
}

/****slideshow 2****/

.slideShow2 { margin:0; padding:0; clear:both; width:600px; height:400px; position:relative;}
.slideShow2 ul,
.slideShow2 li,
.slideShow2 ol { list-style-type: none;	margin:0; padding:0;}
.slides2 { width:600px; height:400px; margin:0; padding:0;}



@media (max-width: 768px) {
	#navigation2 { left: 150px; top: 70px; padding-left: 1em; }
	#navigation2 > ul > li > a { font-size: 9pt; }
	#main { width: 100%; }
	#text * { max-width: 100%; }
	.foot-bottom * { max-width: 100%; }
	.slideshow-main { display: none; }
	.req-info { display: none; }
	.ind-video { display: none; }

	.header .countdown { top: 200px; right: 8px; }
	.header .top-contact { right: 1em; }
	.header .logo { left: 0 }
	.header-phone { font-size: 16pt; }
	.header-email { font-size: 9pt; }
	.ind-tabs { display: none; }
	.slider-main { display: none; }

	.cms-editable { padding-top: 1em; }
	.cms-editable h2 { font-size: 11pt; }

}


