/* CSS Document */ /*Reset Styles*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset{border:0; padding:0; margin:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} /*General*/ html{overflow-y:scroll;} body{text-align:center; color:white; font-family:Arial, Helvetica, sans-serif; font-size:13px;background-color:black; position:relative; } a{outline: none;} a:link, a:visited{color:#fff3d9; text-decoration:none;} a:hover{color:#b3510e; text-decoration:underline;} p{color:#fff; line-height:1.8; font-size:12px; text-align:left; padding: 10px 5px;} p:first-letter{font-size:130%; font-weight:bold; } h1,h2,h3,h4,h5,h6{color:#eab84e; text-align:left; font-family:"Times New Roman", Times, serif; margin-top:10px; font-weight:normal;} h1{font-size:32px;} h2{font-size:26px;} h3{font-size:20px;} h4{font-size:14px;} h5{font-size:12px;} ul{ list-style:none; margin-left:10px; color:#d6edfc; margin-top:10px;} li{padding:6px 15px; background-image: url(/images/bullet.gif); background-position: 0px 13px; background-repeat:no-repeat; line-height:1.8;} .clear{clear: both; line-height: 0px; height: 0px; font-size:0px;} .clearL{clear:left; line-height: 0px; height: 0px; font-size:0px;} .clearR{clear: right; line-height: 0px; height: 0px; font-size:0px;} .imgFix{display:block;} .firstp{margin-top:25px;} /*header.php*/ #background1{background-image:url(/images/bg.jpg); background-repeat: repeat-x; background-color:#1ea0fe;} #background2{background-image:url(/images/bg2.png); background-repeat: no-repeat; background-position:20% 0;} #background3{background-image:url(/images/bg3.png); background-repeat: no-repeat; background-position:30% 0; } #topContainer{ width:960px; margin:auto; overflow:hidden;} #header{height:101px; position:relative;} #logo{position:absolute; top:5px; left:20px;} #logo img{border:0;} #headerLinks{position:absolute; top:45px; right:40px; width:auto; font-family:"Times New Roman", Times, serif; font-size:18px; color:#c5d8e6;} #headerLinks a:link, #headerLinks a:visited{color:#c5d8e6; } #headerLinks a:hover{color:#fff; } #leftNav{width:265px; float:left; margin-top:3px; } .leftNav{font-size:15px;} .leftNavBlock{background-image:url(/images/leftNav.png); background-repeat:repeat-y;} .leftNavBlockInner{width:88%; margin:auto; overflow:hidden;} #leftLinks{width:90%; margin:auto; } .leftLink{display:block; text-align:left; background-repeat:no-repeat; background-position: 10px 11px;padding:10px 10px 11px 45px;} .leftLink:link, .leftLink:visited{color:#d7d7d7; font-weight:500; background-image:url(/images/iconArrow_right.gif);} .leftLink:hover{text-decoration:none; color:white; background-image:url(/images/iconArrow_right_on.gif);} .leftLinkSubs{border-bottom:1px dotted #225866; padding-bottom:10px;} .leftLinkSub{display:block; text-align:left; background-repeat:no-repeat; padding:6px 10px 6px 55px;} .leftLinkSub:link, .leftLinkSub:visited{color:#bac9d3; font-size:11px;} .leftLinkSub:hover{text-decoration:none; color:white; } .content{overflow:hidden; color:#c9e8ef; padding-bottom:18px; margin:auto;} #content{width:675px; float:right; margin-right:12px; } #content b{font-weight:bold; } #content ul{text-align:left;} /*hpHeader.php*/ #hpHeader{height:406px; position:relative; background-image:url(/images/bgHeader.png);} #hpLeftNav{position:absolute; top:120px; left:30px; width:240px; } /*index.php*/ #hpContent{width:940px;} #hpContent p{font-size:13px;} #hpContent img{margin-right:30px;} #hpLeft{width:384px; float:left; text-align:left; margin-top:12px; background-image:url(/images/bgHomeHeader.png); background-repeat:no-repeat; padding-top:35px;} .columnImage{float:right; margin:0px 0px 0px 25px; clear:right;} #hpLeft p{padding:0 30px 20px 30px; } #hpVideoContainer{width:auto; float:right; overflow:hidden; margin:5px 9px 8px 25px; } #hpVideoContainer img{clear:both; margin-bottom:65px;} #hpVideo{position:relative; display:block;} .imgOverlay{position:absolute; bottom:3%; right:3%; border:none; margin:0; padding:0;} #hpRight{width:548px; float:right; text-align:left; margin-top:12px; background-image:url(/images/bgHomeHeader.png); background-repeat:no-repeat; padding-top:35px;} #hpRight p{padding:0 30px 20px 30px; } /*General Styles*/ .imgCap{display:block} .imgCapBottom{margin-bottom:4px} .textAlign_left{text-align:left;} .contentBlock{background-image:url(/images/content.png); background-repeat:repeat-y;} .contentBlockInner{width:90%; margin:auto; overflow:hidden; padding-bottom:10px; background-repeat:no-repeat;} .contentHeader{background-repeat:no-repeat; height:107px; margin-top:-14px;} .noPadding_top{padding-top:0;} .margin_top{margin-top:10px;} .contentHeader h1{padding-top:10px;} .contentHeader p{padding-top:0;} .contentMainLinks{margin-top:15px; width:100%; overflow:hidden;} .contentMainLinks a{display:block; width:auto; float:left; margin-right:10px; border-right:1px solid #999; padding-right:10px;} .contentMainLinks a:link, .contentMainLinks a:visited{ } .contentMainLinks a:hover{} .contentMainLinksLast{border-right:none !important;} .contentLeft{width:71%; float:left;} .contentRight{width:25%; float:right;} .contentLeftAlt{width:25%; float:left;} .contentRightAlt{width:71%; float:right;} .contentRight img, .contentLeftAlt img{border:2px solid white;} .imgShadow{border:0 !important;} .note{background-image:url(/images/bgNote.png); background-repeat:repeat-x; width:94%; margin:auto; margin-top:10px; display:block; padding:15px; color:#aedcfb; text-align:left;} /*surfLessons.php*/ #surfLessons{background-image:url(/images/bgSurfLessons.png); } /*contact.php*/ #contact{background-image:url(/images/bgContact.png); } .contactInfo{text-align:left; margin-top:102px; *margin-top:98px; font-size:11px;} /*signUp.php*/ #signUp{background-image:url(/images/bgSignUp.png); } /*aboutUs.php*/ #aboutUs{background-image:url(/images/bgAboutUs.png); } /*gallery.php*/ #gallery{background-image:url(/images/bgGallery.png); } #galleryImages{width:58%; float:left;} .galleryImage{width:24%; float:left;} .galleryImage img{border:2px solid #031c2c;} #galleryVideos{width:42%; float:right;} #galleryVideosHeader{} #galleryVideosHeader img{vertical-align:middle; margin-right:15px;} .galleryVideoLink{display:block; text-align:left; font-size:13px; font-weight:bold; padding:10px 3px;} .galleryVideoLink span{display:block; font-size:11px; font-weight:normal; color:#c4dff0;} .galleryVideoLink img{margin-bottom:4px; width:40px; border:0; margin-right:3px;} .galleryVideoLink:link, .galleryVideoLink:visited{color:#fff;} .galleryVideoLink:hover{background-color:#0b2d39; color:#fff; text-decoration:none;} /*team.php*/ #team{background-image:url(/images/bgTeam.png); } /*education.php*/ #education{background-image:url(/images/bgSurfEducation.png); } /*press.php*/ #press{background-image:url(/images/bgPress.png); } .blogEntry{padding:15px 0 25px 0; border-bottom:1px dotted white; text-align:left;} .blogTitle{} .blogDate{font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:4px;} .blogDate b{color:white;} .blogSubHeading{font-size:15px; font-weight:bold; margin-top:10px;} .blogText{margin-top:10px;} .blogImage{width:600px; overflow:hidden; margin-top:10px;} .blogEntry a{text-decoration:underline;} /*buddies.php*/ #buddies{background-image:url(/images/bgBuddies.png); } #logos img{border:none; margin:10px 0; border:3px solid #052538;} /*policies.php*/ #policies{background-image:url(/images/bgPolicies.png); } /*admin/index.php*/ /*#admin{background-image:url(/images/bgAdmin.png); }*/ #credentials{ text-align:left; margin-top:20px;} #message{background-color:black;} .btnSubmit{padding:3px 10px; width:100px; background-color:#DE750C; color:white; cursor:pointer; float:left; margin-top:10px; text-align:center;} .btnCancel{padding:3px 10px; width:100px; background-color:#600; color:white; cursor:pointer; margin:10px 0 0 4px; float:left; text-align:center;} #initAdd{width:100px; padding:3px; background-color:#336600; color:white; font-size: 11px; margin:10px 0; float:left; cursor:pointer;} #addEntry{ text-align:left; padding-bottom:15px; border-bottom: 1px dotted white; margin-bottom:15px; overflow:hidden;} .editDiv{text-align:left; padding-bottom:15px; border-bottom: 1px dotted white; margin-bottom:15px; overflow:hidden;} /*#addEntry input[type="text"]{background-color:red;}*/ .editDiv input, .editDiv textarea{margin:3px 0 10px 0;} .inputAdd{width:99%; border:2px solid #07243b; color:#666; padding:3px; margin-bottom:5px;} .textareaAdd{width:99%; height:120px; border:2px solid #07243b; color:#666; padding:3px; font-family:Arial, Helvetica, sans-serif; color:#666;} .entryRow{overflow:hidden; width:100%; padding:5px 0;} .entryOptionsDelete{width:auto; font-size:10px; padding:2px; background-color:#600; color:white; width:auto; float:left; margin-right:4px; cursor:pointer;} .entryOptionsEdit{width:auto; font-size:10px; padding:2px; background-color:black; color:white; width:auto; float:left; margin-right:4px; cursor:pointer;} .entryListing{width:auto; float:left;} /*404NotFound.php*/ #Error404{background-image:url(/images/bg404Error.png); } /*footer.php*/ #footer{ font-size:11px;} #footerInner{width:910px; margin:auto; padding:20px 0; overflow:hidden;} #footerLeft{width:340px; float:left; text-align:left;} .hpGalleryThumb{border:1px solid white; float:left; margin:0 6px;} #footerLeft img{border:3px solid black; display:block;} #viewGallery{width:auto; float:right; text-align:left; padding-top:8px;} #viewGallery img{vertical-align:middle; display:inline;} #viewGallery a{font-size:18px; color:#61663f;} #viewGallery a:link, #viewGallery a:visited{} #viewGallery a:hover{text-decoration:none;} #footerRight{width:508px; float:right; text-align:right; color:#4f4f4f;} #footerRight img{margin-top:12px;} #footer a:link, #footer a:visited{color:#61663f;}