body { margin:0px; background-image:url(../Resources/shining-blue-water-background1.jpg); height:100% } html { height:100% } a:link { color:#00f; text-decoration:underline } a:visited { color:#f00; text-decoration:underline } a:hover { color:#008048; text-decoration:underline } a:active { color:#000; text-decoration:underline } #item18 a:link { color:#4c6075; text-decoration:underline } #item18 a:visited { color:#4c6075; text-decoration:underline } #item18 a:hover { color:#93b2ff; text-decoration:underline } #item18 a:active { color:#93b2ff; text-decoration:underline } #item10 a:link { color:#4c6075; text-decoration:underline } #item10 a:visited { color:#4c6075; text-decoration:underline } #item10 a:hover { color:#93b2ff; text-decoration:underline } #item10 a:active { color:#93b2ff; text-decoration:underline } #item14 a:link { color:#4c6075; text-decoration:underline } #item14 a:visited { color:#4c6075; text-decoration:underline } #item14 a:hover { color:#93b2ff; text-decoration:underline } #item14 a:active { color:#93b2ff; text-decoration:underline } #item20 a:link { color:#4c6075; text-decoration:underline } #item20 a:visited { color:#4c6075; text-decoration:underline } #item20 a:hover { color:#93b2ff; text-decoration:underline } #item20 a:active { color:#93b2ff; text-decoration:underline } #item23 a:link { color:#4c6075; text-decoration:underline } #item23 a:visited { color:#4c6075; text-decoration:underline } #item23 a:hover { color:#93b2ff; text-decoration:underline } #item23 a:active { color:#93b2ff; text-decoration:underline } #item9 a:link { color:#4c6075; text-decoration:underline } #item9 a:visited { color:#4c6075; text-decoration:underline } #item9 a:hover { color:#93b2ff; text-decoration:underline } #item9 a:active { color:#93b2ff; text-decoration:underline } #item12 a:link { color:#4c6075; text-decoration:underline } #item12 a:visited { color:#4c6075; text-decoration:underline } #item12 a:hover { color:#93b2ff; text-decoration:underline } #item12 a:active { color:#93b2ff; text-decoration:underline } #item21 a:link { color:#4c6075; text-decoration:underline } #item21 a:visited { color:#4c6075; text-decoration:underline } #item21 a:hover { color:#93b2ff; text-decoration:underline } #item21 a:active { color:#93b2ff; text-decoration:underline } #item4 a:link { color:#4c6075; text-decoration:underline } #item4 a:visited { color:#4c6075; text-decoration:underline } #item4 a:hover { color:#93b2ff; text-decoration:underline } #item4 a:active { color:#93b2ff; text-decoration:underline } #item11 a:link { color:#4c6075; text-decoration:underline } #item11 a:visited { color:#4c6075; text-decoration:underline } #item11 a:hover { color:#93b2ff; text-decoration:underline } #item11 a:active { color:#93b2ff; text-decoration:underline } #item5 a:link { color:#4c6075; text-decoration:underline } #item5 a:visited { color:#4c6075; text-decoration:underline } #item5 a:hover { color:#93b2ff; text-decoration:underline } #item5 a:active { color:#93b2ff; text-decoration:underline } #item6 a:link { color:#4c6075; text-decoration:underline } #item6 a:visited { color:#4c6075; text-decoration:underline } #item6 a:hover { color:#93b2ff; text-decoration:underline } #item6 a:active { color:#93b2ff; text-decoration:underline } #FooterBox1 a:link { color:#ccc; text-decoration:none } #FooterBox1 a:visited { color:#ccc; text-decoration:none } #FooterBox1 a:hover { color:#008048; text-decoration:none } #FooterBox1 a:active { color:#008048; text-decoration:none } #BackToTop a:link { color:#ccc; text-decoration:none } #BackToTop a:visited { color:#ccc; text-decoration:none } #BackToTop a:hover { color:#008048; text-decoration:none } #BackToTop a:active { color:#008048; text-decoration:none } #PageDiv { position:relative; min-height:100% } #PageWrapper { z-index:0; background-size:cover } #HeaderWrapper { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #NewAllanLogo { width:219px; max-width:100%; overflow:hidden } #item25 { left:0px; top:0px; width:38px; height:38px; overflow:hidden } #PADIPROSlogoRGBcopy { width:1200px; max-width:100%; overflow:hidden } #item17 { width:95%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #Box12 { width:40%; z-index:0; float:left; padding-top:10px; padding-bottom:10px; margin-left:5% } #ImageWrapper2 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #PADI1 { width:138px; overflow:hidden } #Box14 { width:495px; z-index:0; float:right; padding-top:10px; padding-bottom:10px; margin-right:5% } #ImageWrapper4 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto } #EFR1 { width:180px; overflow:hidden } #BodyWrapper1 { position:relative; width:100%; height:645px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#fff; background-image:url(../Resources/Diving1.jpg); border-bottom:solid #f5f5f5 3px } #Image3 { position:absolute; left:0px; top:0px; width:100%; min-height:645px; z-index:1; background-image:url(../Resources/scuba-2.jpg); background-size:cover } #Image2 { position:absolute; left:0px; top:0px; width:100%; min-height:645px; z-index:2; background-image:url(../Resources/scuba-3.jpg); background-size:cover } #Image1 { position:absolute; left:0px; top:0px; width:100%; min-height:644px; z-index:3; background-image:url(../Resources/Diving1.jpg); border-bottom:solid #00f 1px; background-size:cover } #item8 { width:100%; z-index:0; margin-left:auto; margin-right:auto } #item18 { width:93.33%; z-index:0; clear:both; margin-left:auto; margin-right:auto; overflow:hidden } #item10 { width:93.33%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #item14 { width:99.71%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #Box3 { width:30%; min-height:280px; z-index:0; float:left; clear:left; padding-top:15px; padding-bottom:15px } #ImageWrapper1 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n { width:197px; overflow:hidden } #Box5 { width:30%; min-height:280px; z-index:0; float:left; padding-top:15px; padding-bottom:15px; margin-left:5% } #ImageWrapper3 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n1 { width:197px; overflow:hidden } #Box6 { width:30%; min-height:280px; z-index:0; float:right; clear:right; padding-top:15px; padding-bottom:15px } #ImageWrapper5 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n2 { width:197px; overflow:hidden } #item20 { width:99.71%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #Box2 { width:30%; min-height:280px; z-index:0; float:left; clear:left; padding-top:15px; padding-bottom:15px } #ImageWrapper6 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n3 { width:197px; overflow:hidden } #Box9 { width:30%; min-height:280px; z-index:0; float:left; padding-top:15px; padding-bottom:15px; margin-left:5% } #ImageWrapper7 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n4 { width:197px; overflow:hidden } #Box10 { width:30%; min-height:280px; z-index:0; float:right; clear:right; padding-top:15px; padding-bottom:15px } #ImageWrapper8 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n5 { width:197px; overflow:hidden } #item23 { width:99.71%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #Box13 { width:30%; min-height:280px; z-index:0; float:left; clear:left; padding-top:15px; padding-bottom:15px } #ImageWrapper9 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n6 { width:197px; overflow:hidden } #Box15 { width:30%; min-height:280px; z-index:0; float:left; padding-top:15px; padding-bottom:15px; margin-left:5% } #ImageWrapper10 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n7 { width:197px; overflow:hidden } #Box16 { width:30%; min-height:280px; z-index:0; float:right; clear:right; padding-top:15px; padding-bottom:15px } #ImageWrapper11 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n8 { width:197px; overflow:hidden } #item9 { width:99.71%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #Box17 { width:30%; min-height:280px; z-index:0; float:left; clear:left; padding-top:15px; padding-bottom:15px } #ImageWrapper12 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n9 { width:197px; overflow:hidden } #Box18 { width:30%; min-height:280px; z-index:0; float:left; padding-top:15px; padding-bottom:15px; margin-left:5% } #ImageWrapper13 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n10 { width:197px; overflow:hidden } #Box19 { width:30%; min-height:280px; z-index:0; float:right; clear:right; padding-top:15px; padding-bottom:15px } #ImageWrapper14 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n11 { width:197px; overflow:hidden } #item12 { width:99.71%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #Box20 { width:30%; min-height:280px; z-index:0; float:left; clear:left; padding-top:15px; padding-bottom:15px } #ImageWrapper15 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n12 { width:197px; overflow:hidden } #Box21 { width:30%; min-height:280px; z-index:0; float:left; padding-top:15px; padding-bottom:15px; margin-left:5% } #ImageWrapper16 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n13 { width:197px; overflow:hidden } #Box22 { width:30%; min-height:280px; z-index:0; float:right; clear:right; padding-top:15px; padding-bottom:15px } #ImageWrapper17 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n14 { width:197px; overflow:hidden } #item21 { width:99.71%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #Box23 { width:30%; min-height:280px; z-index:0; float:left; clear:left; padding-top:15px; padding-bottom:15px } #ImageWrapper18 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n15 { width:197px; overflow:hidden } #Box24 { width:30%; min-height:280px; z-index:0; float:left; padding-top:15px; padding-bottom:15px; margin-left:5% } #ImageWrapper19 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #n16 { width:197px; overflow:hidden } #Box25 { width:30%; min-height:280px; z-index:0; float:right; clear:right; padding-top:15px; padding-bottom:15px } #ImageWrapper20 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; overflow:hidden } #Box8 { width:95.79%; z-index:0; float:left; padding:2% } #item15 { background-color:#f5f5f5 } #item16 { background-color:#f5f5f5 } #InitialImage3 { width:100%; height:703px; z-index:0; background-color:#f5f5f5; background-image:url(../Resources/Cavern%20Diving.jpg); border-top:solid #00f 1px; border-bottom:solid #00f 1px; overflow:hidden; background-size:cover } #item4 { width:89.33%; z-index:0; clear:both; padding:5% 2%; margin-left:auto; margin-right:auto } #Box1 { width:95.79%; z-index:0; float:left; padding:2%; border:solid #ccc 1px } #InitialImage1 { width:100%; height:703px; z-index:0; background-color:#f5f5f5; background-image:url(../Resources/Ice%20Diving.jpg); border-top:solid #00f 1px; border-bottom:solid #00f 1px; overflow:hidden; background-size:cover } #item11 { width:89.33%; z-index:0; clear:both; padding:5% 2%; margin-left:auto; margin-right:auto } #Box11 { width:95.79%; z-index:0; float:left; padding:2%; border:solid #e6e6e6 1px } #InitialImage2 { width:100%; height:703px; z-index:0; background-color:#f5f5f5; background-image:url(../Resources/NightDive.jpg); border-top:solid #00f 1px; border-bottom:solid #00f 1px; overflow:hidden; background-size:cover } #item5 { width:89.33%; z-index:0; clear:both; padding:5% 2%; margin-left:auto; margin-right:auto } #Box4 { width:95.79%; z-index:0; float:left; padding:2%; border:solid #ccc 1px } #InitialImage4 { width:100%; height:703px; z-index:0; background-color:#f5f5f5; background-image:url(../Resources/Wreck-Diving.png); border-top:solid #00f 1px; border-bottom:solid #00f 1px; overflow:hidden; background-size:cover } #item6 { width:89.33%; z-index:0; clear:both; padding:5% 2%; margin-left:auto; margin-right:auto } #Box7 { width:95.79%; z-index:0; float:left; padding:2%; border:solid #ccc 1px } #item13 { width:99.83%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#243589 } #NewAllanLogo2 { width:219px; max-width:100%; overflow:hidden } #item24 { left:0px; top:0px; width:38px; height:38px; overflow:hidden } #item7 { width:100%; z-index:0; margin-left:auto; margin-right:auto; border-top:solid #830000 3px; border-bottom:solid #830000 3px } #InitialImage5 { width:100%; height:703px; z-index:0; background-color:#f5f5f5; background-image:url(../Resources/ray1.jpg); border-top:solid #00f 1px; border-bottom:solid #00f 1px; overflow:hidden; background-size:cover } #item1 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#000067; border-top:solid #830000 1px; border-bottom:solid #00f 1px } #Map { width:100%; height:462px; border-top:solid #00f 3px; border-bottom:solid #00f 3px; display:inline-block } #FooterWrapper { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#243589 } #Footer { width:85%; z-index:0; clear:both; padding:5%; margin-left:auto; margin-right:auto; border-bottom:solid #00f 1px } #item3 { position:fixed; left:0px; top:0px; width:100%; z-index:9999; padding-top:0px; padding-bottom:0px; background-color:#e6e6e6; opacity:0.85; overflow:visible; height:auto } .fwNavContainer1 { float:right; position:relative; right:50% } #fwNav1 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none } #fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 } #fwNav1 .fwNavItem a { display:block; color:#999999; text-decoration:none; background:#E6E6E6; padding:30px 22px 30px 22px } #fwNav1 .fwFirstChild { border-left:0 } #fwNav1 .fwLastChild { border-right:0 } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#4C4C4C; text-decoration:none; background:#E3E0CE } #fwNav1 .fwNavItem a:active { color:#333333; text-decoration:none; background:#E3E0CE } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto } @media screen and (max-width:880px) { #BodyWrapper1 { height:597px } #Image1 { background-image:url(../Resources/scuba-1.jpg) } #item4 { width:91% } #Box1 { width:95.75% } #item11 { width:91% } #Box11 { width:95.75% } #item5 { width:91% } #Box4 { width:95.75% } #item6 { width:91% } #Box7 { width:95.75% } } @media screen and (max-width:768px) { #NewAllanLogo { max-width:98.87% } #PADIPROSlogoRGBcopy { width:759px; max-width:98.87% } #Image1 { background-image:url(../Resources/Diving1b.jpg) } #item18 { width:90% } #item10 { width:90% } #item14 { width:90% } #Box3 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:1%; margin-right:auto } #Box5 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:8%; margin-right:auto } #Box6 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:8%; margin-right:auto } #item20 { width:90% } #Box2 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:1%; margin-right:auto } #Box9 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:8%; margin-right:auto } #Box10 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:8%; margin-right:auto } #item23 { width:90% } #Box13 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:1%; margin-right:auto } #Box15 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:8%; margin-right:auto } #Box16 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:8%; margin-right:auto } #item9 { width:90% } #Box17 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:1%; margin-right:auto } #Box18 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:8%; margin-right:auto } #Box19 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:8%; margin-right:auto } #item12 { width:90% } #Box20 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:1%; margin-right:auto } #Box21 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:8%; margin-right:auto } #Box22 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:8%; margin-right:auto } #item21 { width:90% } #Box23 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:1%; margin-right:auto } #Box24 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:8%; margin-right:auto } #Box25 { width:99.79%; min-height:0px; float:none; clear:both; margin-left:auto; margin-top:8%; margin-right:auto } #Box8 { width:95% } #item4 { width:90% } #Box1 { width:95% } #item11 { width:90% } #Box11 { width:95% } #item5 { width:90% } #Box4 { width:95% } #item6 { width:90% } #Box7 { width:95% } #NewAllanLogo2 { max-width:98.87% } #InitialImage5 { height:680px } #item3 { padding-top:0px; padding-bottom:0px; overflow:visible } } @media screen and (max-width:750px) { .fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#E6E6E6; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom } #fwNav1 { width:100%; right:0; left:0; margin-top:0px } #fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 } #fwNav1 .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px } #fwNav1 .fwFirstChild { border-top:0 } #fwNav1 .fwLastChild { border-bottom:0 } .fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none } .fwNav1-toggle-close { margin:10px auto 20px auto } .fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 } } @media screen and (max-width:568px) { #Image3 { background-image:url(../Resources/scuba-2b.jpg) } #Image2 { background-image:url(../Resources/scuba-3b.jpg) } #Image1 { background-image:url(../Resources/scuba-1b.jpg) } #InitialImage5 { background-image:url(../Resources/ray2.jpg) } } @media screen and (max-width:480px) { #NewAllanLogo { max-width:97.87% } #PADIPROSlogoRGBcopy { max-width:97.87% } #Box12 { width:90%; float:none; clear:both; margin-left:auto; margin-right:auto } #Box14 { width:90%; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto } #Image1 { background-image:url(../Resources/Diving1b.jpg) } #Box3 { width:99.54% } #Box5 { width:99.54% } #Box6 { width:99.54% } #Box2 { width:99.54% } #Box9 { width:99.54% } #Box10 { width:99.54% } #Box13 { width:99.54% } #Box15 { width:99.54% } #Box16 { width:99.54% } #Box17 { width:99.54% } #Box18 { width:99.54% } #Box19 { width:99.54% } #Box20 { width:99.54% } #Box21 { width:99.54% } #Box22 { width:99.54% } #Box23 { width:99.54% } #Box24 { width:99.54% } #Box25 { width:99.54% } #Box8 { width:95.31% } #InitialImage3 { background-image:url(../Resources/Cavern%20Divingb.jpg) } #Box1 { width:95.31% } #InitialImage1 { background-image:url(../Resources/Ice%20Divingb.jpg) } #Box11 { width:95.31% } #InitialImage2 { background-image:url(../Resources/NightDiveb.jpg) } #Box4 { width:95.31% } #InitialImage4 { background-image:url(../Resources/Wreck-Divingb.png) } #Box7 { width:95.31% } #NewAllanLogo2 { max-width:97.87% } #InitialImage5 { height:715px } #item3 { padding-top:3%; padding-bottom:3%; opacity:1 } } @media screen and (max-width:320px) { #NewAllanLogo { width:97.4%; max-width:none } #PADIPROSlogoRGBcopy { width:97.4%; max-width:none } #Box12 { width:100% } #Box14 { width:100% } #BodyWrapper1 { background-image:url(../Resources/Diving1b.jpg) } #Box8 { width:95.31% } #Box1 { width:95.31% } #Box11 { width:95.31% } #Box4 { width:95.31% } #InitialImage4 { background-image:url(../Resources/Wreck-Diving.png) } #Box7 { width:95.31% } #NewAllanLogo2 { width:97.4%; max-width:none } #InitialImage5 { height:725px } }