﻿@import url("global.css");

/* classes */
body {
padding-bottom: 100px; /*I added this to make room for a fixed footer -DD*/
}

#registerForm fieldset{float:left;width:350px;margin-right:25px;}
#registerForm textarea{max-width:340px;max-height:300px}
#registerForm .session div{display:inline-block;margin-right:30px;}

.field-validation-error{position:absolute;}

/* DUPLICATE FROM ACCOUNT.CSS -- NEED TO MOVE TO ONE FILE */
.submitBtn{padding:7px;font-size:16px;text-transform:uppercase;border:solid 4px #5baf29;border-radius:6px;
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 32%, #d6d6d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#f2f2f2), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 32%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 32%,#d6d6d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 32%,#d6d6d6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 32%,#d6d6d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}
a.submitBtn{color:#333;}
a.submitBtn:hover,.submitBtn:hover{border-color:#cea92a;cursor:pointer;}

/* Nav */
#mainNav{position:fixed;left:5px;top:15%;color:#fff;z-index:999999;padding-left:30px;background:left center no-repeat url(../images/bg_nav.png);}
#mainNav, #mainNav ul, #mainNav ul a, #mainNav ul li, html body #mainNav ul li span{z-index:1;}
#mainNav ul{padding-left:40px;left:-40px;}
#mainNav:hover, #mainNav ul:hover, #mainNav ul:hover a, #mainNav ul:hover li, html body #mainNav ul:hover li span{z-index:999;width:200px;}
#mainNav span{position:relative;display:block;background:#fff;background-color:rgba(255,255,255,0.8);color:#4f9426;padding:2px 2px;white-space:nowrap;}
/*#mainNav ul span{position:absolute;left:-50000px;}*/
#mainNav ul:hover span{position:relative;left:0;}
#mainNav li{height:25px;position:relative;}
#mainNav a{display:block;width:200px;height:20px;background:url(../images/dotnav.png) 0 100% no-repeat;padding-left:25px;}
#mainNav a:hover,mainNav li.active a, #mainNav .current a{background-position:0 0;}
#mainNav h1{display:none;opacity:0;position:absolute;left:0;top:-4px;white-space:nowrap;padding:0 0 0 6px;background:url(../images/arrow_left.png) 0% 50% no-repeat;}
#mainNav a:hover span{display:block;background:#4f9426;color:#fff;padding:2px 2px;white-space:nowrap;opacity:1;}
#mainNav a#nav{background:none;}
#mainNav h2{text-align:center;}

/* structure */
#container{width:100%;max-width:1920px;min-width:100px;padding:0;margin:0 auto;position:relative;}
#header{text-align:center;padding:20px;}
#header h2 a{font-size:15px;color:#777;color:#777;text-transform:uppercase;}
#mainContent{position:relative;}
#zoom{position:relative;z-index:9999999999999;}

#hpMsg .message{position:relative;margin:auto;width:70%;font-size:22px;margin-bottom:20px;text-align:center;}
#hpMsg .message a{font-size:22px;}

#msg{display:block;}

footer{width:900px;margin:0 auto 0 auto;border-top:solid 10px #2a2720;padding:40px 0;}
footer address{float:left;position:relative;line-height:1.1em;width:325px;}
footer address span{display:block;float:left;width:140px;margin-right:0px;font-size:13px;}
footer p#links{position:relative;width:325px;float:left;margin-right:20px;}
footer p#links span{display:block;}
footer p#links #campaign{border-bottom:solid 1px #ddd;padding-bottom:5px;margin-bottom:10px;}
footer p#links img{float:left;margin:4px 8px 8px 0;padding:2px;border:solid 2px #ddd;}
footer p#extras{float:left;width:200px;}
footer p#extras span{display:block;}
footer a{color:#222;border-bottom:1px dotted #222;padding:0 !important;margin:0 !important;text-indent:1px !important;}
footer a:hover{border-bottom:0;}

/* sections */
.story{min-height:900px;position:relative;width:100% !important;min-width:1000px;margin:0;padding:0;height:1200px;overflow:hidden;}
.story article{width:900px;margin:0 0 0 270px;min-height:100%;position:relative;}/*margin was 0 auto, i changed it to make it visible-DD*/
.story header{position:relative;left:0;top:0;width:400px;}
.story header p{width:300px;color:black;font-size:15px;}
.story header p a{color:#222;border-bottom:1px dotted #222;}
.story header a{font-size:15px;color:#222 !important;border-bottom:1px dotted #222;}
.story header a:hover{color:#000 !important;border-bottom:0;}
.story header h2{font-size:60px;font-weight:bold;letter-spacing:-1px;line-height:60px;margin:0 0 50px 0;color:#4f9426;}
.story span.images{position:absolute;display:block;width:95%;margin-top:50px;height:900px;}
.story .col{width:350px;}

#dropoff header, #facility header, #director header, #staff header, #gifts header, #insurance header{margin-top:175px;}

#intro{width:100%;background:url(../images/swimmers-1900.jpg) 20% 0 no-repeat fixed;margin:0 0 0 0;height:1100px;overflow:hidden;}/*was bg_intro.jpg*/
#intro h1{letter-spacing:0px;text-transform:uppercase;font-size:75px;line-height:55px;color:#fff;margin:0 0 2px 0;}
#intro .col{float:left;width:400px;margin:30px 25px 0 0;}
#intro .col img{padding:3px;border:solid 6px #ddd;}
#intro .col h2, #intro .col a{color:#ddd;}
#intro .pBG{background:#000;padding:10px;background:url(../images/trans_black.png);}
#intro .pBG p{color:#fff;font-weight:bold;font-size:15px;}

#new{width:100%;background:url(../images/bg_new.jpg) 65% -60% no-repeat fixed;margin:0 0 0 0;height:1200px;overflow:hidden;}
#new header{margin:30px 0 150px 30px;}
#new .col{padding:20px;height:675px;width:40%;float:left;background:#fff;background:url(../images/trans_white.png);}
#new .col img{float:right;}
#new div div:first-child{margin:0 50px 0 30px;}

#mission{background:url(../images/bg_mission-2015.jpg) 62% -50px no-repeat fixed;}
#mission header{margin-top:150px;}
#mission ol{margin:150px 0 0 35px;list-style-type:decimal;}
#mission ol li{margin-bottom:10px;}

#groups{background:url(../images/bg_groups-2017.jpg) 50% 0px no-repeat fixed;}
#groups header{margin:100px 0 0 100px}

#activities{height:3400px;background:url(../images/bg_activities.jpg) 60% 30% no-repeat fixed;}
#activities h4{font-weight:bold;color: #4f9426;border-bottom: 2px solid #4f9426; padding-bottom: 6px;font-size: 18px;}
#activities div .col{width:48%;float:right;}
#activities div.stack div:first-child{margin-right:10px;float:left;}
#activities #eduWell{padding:10px;background:#fff;background:url(../images/trans_white.png);margin-top:500px;}/*opacity:.8;*/
#activities #activitiesSum .col{float:left;}
#activities #activitiesSum div:last-child{margin-left:50px;float:right;}
#activities #activitiesFull{background:#fff;background:url(../images/trans_white.png);padding:10px;}
#activities ul{margin:0 0 20px 10px;}
#activities ul li{padding-left:5px;background:0 8px no-repeat url(../images/bg_listItem.gif)}
#activities table, #activities table tr td, #activities table th{border:solid 1px #999; font-weight: bold;}
#activities table tr td, #activities table th{padding:2px}

#activities table .header{font-weight:bold;background:#333; color: #ffffff;}

#activities table .sessionTxt{background:#eee;}

#structure{width:100%;background:url(../images/bg_structure-2015.jpg) 52% -150px no-repeat fixed;margin:0 0 0 0;height:1350px;overflow:hidden;}
#structure header{position:absolute;margin:-200px 0 0 600px;z-index:999;}
#structure .col{width:345px;float:right;}
#prices{position:relative;top:30px;width:100%;margin-top:500px;background:#fff;background:url(../images/trans_white.png);min-height:400px;padding:10px;}
#prices .col{width:30%;float:left;}
#prices h4{font-weight:bold;margin:0;padding:0;}
#prices #savings{width:200px;float:right;padding:10px;margin:70px 30px 0 0;box-shadow:0 0 5px 5px rgba(51, 51, 51, 0.5);-moz-box-shadow: 0 0 5px 5px rgba(51, 51, 51, 0.4);}
#prices #savings h3{color:#4f9426;}
#prices #discount{color:Red;font-weight:bold;}
#prices .lunch{margin:20px 0 20px 0;padding:15px;border:solid 1px #ddd;}

#programSchedule{width:100%;height:1000px;overflow:hidden;}
#programSchedule header{margin:50px 0 0 100px;}
#programSchedule .col{width:35%;float:left;}
#programSchedule .col span{display:inline-block;width:175px;}
#programSchedule .schedule h3{margin-bottom:10px;}
#programSchedule #progTxt>:first-child{margin:0 50px 0 100px;}
#programSchedule h4{color:#4f9426;margin:10px 0 0 0;}

#trips{background:url(../images/bg_fieldtrips-2015.jpg) 50% 0 no-repeat fixed;margin:0 0 0 0;height:1200px;overflow:hidden;}
#trips header{margin:200px 0 0 0px;}
#trips .col{width:400px;}

#facility{/*background-color:#f0e8e8;  fallback color */
/*background-image: url(../images/bg_gradientRed.jpg);  fallback image 
background-image: -moz-linear-gradient(100% 100% 90deg, #f0e8e8, #ffffff);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0e8e8), to(#ffffff));*/
background:url(../images/bg_facilities-2015.jpg) 50% 20px no-repeat fixed;
}

#director{width:100%;background:url(../images/bg_director.jpg) 50% 0 no-repeat fixed;margin:0 0 0 0;height:1200px;overflow:hidden;}
#director .col{position:relative;right:100px;float:right;width:350px;}

#staff{width:100%;background:url(../images/bg_staff-2015.jpg) 50% 0 no-repeat fixed;margin:0 0 0 0;height:1000px;overflow:hidden;}
#staff .col{float:left;width:300px;}

#dates{width:100%;background:url(../images/bg_dates-2015.jpg) 50% 0 no-repeat fixed;}
#dates header{margin-top:100px;}
#dates .col{float:right;}

#registration{width:100%;background:url(../images/bg_registration-2015.jpg) 50% 0 no-repeat fixed;margin:0 0 0 0;height:1200px;overflow:hidden;}
#registration .col{float:left;}

#cancellation{width:100%;background:url(../images/bg_cancellation.jpg) 48% -150px no-repeat fixed;margin:0 0 0 0;height:1200px;overflow:hidden;}
#cancellation .col{float:right;width:480px;}

#dropoff{background:url(../images/bg_dropoff-2015.jpg) 50% 0 no-repeat fixed;margin:0 0 0 0;height:1200px;overflow:hidden;}
#dropoff header{margin-top:50px;margin-left:150px;}
#dropoff .col{margin:150px auto;}
#dropOffInfo .col{width:30%;display:inline-block;background:#fff;}
#dropOffInfo{text-align:center;}
#dropOffInfo div.col{text-align:left;/* height:270px; */ margin:0 10px 0 10px;padding:20px;box-shadow:0 0 5px 5px rgba(51, 51, 51, 0.5);-moz-box-shadow: 0 0 5px 5px rgba(51, 51, 51, 0.4);}
#dropOffInfo div.col h3{text-align:center;}
#dropOffInfo h4{font-weight:bold;margin:10px 0 0 0;}
#dropOffInfo>:first-child{position:relative;top:23px;}
#dropoff #weather{position:relative;top:25px;width:70%;margin:auto;}
#dropoff ul{margin-left:10px;}
#dropoff ul li{padding-left:5px;background:0 8px no-repeat url(../images/bg_listItem.gif)}

#clothing{width:100%;background:url(../images/bg_clothing-2015.jpg) 50% 0 no-repeat fixed;margin:0 0 0 0;height:1100px;overflow:hidden;}
#clothing .col{margin:50px auto;width:700px;}


#gifts{width:100%;height:1000px;background:url(../images/bg_gifts-2015.jpg) 60% 0 no-repeat fixed;}
#gifts header, #gifts .col{margin-left:30px;}
 
#insurance{width:100%;background:url(../images/bg_insurance-2015.jpg) 40% 100px no-repeat fixed;}
#insurance .col{float:right;}

#info{width:100%;margin:0 0 0 0;height:1200px;overflow:hidden;background:url(../images/bg_info.jpg) 20% 100px no-repeat fixed;}
#info header{margin-top:100px;}
#info header, #info p{margin-left:100px;}

#faq{width:100%;margin:0 0 0 0;height:3800px;overflow:hidden;}
#faq h3{margin-top:25px;}
#faq h4{font-weight:bold;margin:20px 0 0 0;}
#faq .col{width:100%;}
#faq .col p{margin:0 0 10px 0;}

#regForm{height:400px;}
#regForm article #registerBox{margin-left:100px;}
#regForm article div.regBox{position:relative;width:250px;height:170px;padding:25px;border-top:solid 10px #4f9426;background:#fff;box-shadow:0 0 10px 10px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);float:left;margin-right:50px;
    filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);                            
        }
#regForm article div#orBox{position:absolute;z-index:999;width:40px;background:transparent;border:0;margin-top:80px;margin-left:380px;box-shadow:none;filter:none;height:30px;background:#fff;}
#regForm article div#orBox p{font-size:25px;color:#4f9426;font-weight:bold;}
div.regBox h3{margin-top:0;}
#loginBox .validation-summary-errors, #loginBox span.error{position:absolute;bottom:35px;left:80px;color:Red;}

#registration-bar {
background: #999999; 
width: 100%; 
padding: 10px; 
position: fixed; 
bottom: 0; 
z-index: 2; 
color: #ffffff;
}

#registration-bar  a {
color: #ffffff;
font-weight: bold;
}

#registration-bar  a:hover {
color: #fc0;
}

#activitiesFull table th {
font-weight: bold;
background: #333333 none repeat scroll 0 0;
color: #fff;
}

/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------
body {
    background-color: #5c87b2;
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link {
    color: #034af3;
    text-decoration: underline;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section {
    display: block;
}*/

/* HEADINGS   
----------------------------------------------------------
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}*/

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. 
.page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main {
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

footer, 
#footer {
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}*/

/* TAB MENU   
----------------------------------------------------------
ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}
*/
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}*/

/* TABLE
----------------------------------------------------------

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}*/

/* MISC  
----------------------------------------------------------
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
    margin-top: 40px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}*/

/* Styles for validation helpers
-----------------------------------------------------------
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}*/

/* Styles for editor and display helpers
----------------------------------------------------------
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}
*/