/* GENERAL CSS RESET STYLES */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; }
/* remember to define focus styles! */
/* fix for ff3 outline */
a { outline: none }
/* end fix for ff3 outline */
:focus { outline: 0; }
body { line-height: 16px; color: black; background-color: white; font-size: 12px; font-family: Helvetica, Arial, sans-serif; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* LINK CSS */
a { outline: 0px none;}
a:link { outline: 0px none; }
a:visited{ outline: 0px none; }
a:active { outline: 0px none; }
a:hover { outline: 0px none; }
/* H1 -> H2 Tags */
h1 { font-size: 30px; font-weight: normal; }
h2 { font-size: 24px; font-weight: normal; }
h3 { font-size: 18px; font-weight: normal; }
h4 { font-size: 12px; font-weight: normal; }
h5 { font-size: 11px; font-weight: normal; }
/* end of header styles */
/* INPUT ITEMS TEXT, IE7 HAS Border: 2px all around and PADDING 1px ALL AROUND. FIREFOX DOES NOT HAVE THE LEFT ADN RIGHT PADDING */
input { padding: 0px; margin: 0px; border: 0px; }
textarea { padding: 0px; margin: 0px; border: 0px; }
/* IMAGES MUST HAVE DISPLAY BLOCK TO PREVENT IE6 FROM DISPLAYING A 2-3 PX BUG */
img { display: block; }
/* end of other weird bugs discovered category */
/* END OF RESET STYLES CSS */
/* USEFULL GENERAL CSS CLASSES ALWAYS USED */
.floatLeft { float: left; }
.floatRight { float: right; }
.clearfix:after { content: " "; clear: both; height: 0px; padding: 0px; margin: 0px; display: block; visibility: hidden; }
.clearfix { zoom: 1;}
.clear, #pageWrap .clear { float: none; clear: both; overflow: hidden; height: 0px; padding: 0px; margin: 0px; }
.noMargins { margin: 0px 0px 0px 0px; }
.noPadding { padding: 0px 0px 0px 0px; }
.noMarginsOrPadding { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
/* CLASSES EDITED AT EACH PAGE CREATION == ACTUAL CSS FILE HERE */
/* smallest size at the top, largest at the top */
.size1 {}
.size2 {}
.size3 {}
.size4 {}
.size5 {}
.size6 {}
.size7 {}
.size8 {}
.size9 {}
/* end custom size classes*/
/* ============== General CSS =================== */
body { background-color: #293D46;}
#pageWrap { max-width: 1630px; margin: 0px auto;}
img.bgImage { width: 100%; height: 100%; position: absolute; z-index: -1;}
.left-reef { background-image: url("/IWIimages/reef-left.png"); background-repeat: no-repeat; background-position: 140px 103px;}
.right-reef { background-image: url("/IWIimages/reef-right.png"); background-repeat: no-repeat; background-position: 99% 55%;}
.pageInner { width: 1008px; margin: 0px auto;}
.birds { background-image: url("/IWIimages/birds.png"); background-repeat: no-repeat; background-position: 85% 10px; }
/* header */
.header { background-image: url("/IWIimages/background-header.jpg"); background-repeat: no-repeat; background-position: left bottom; height: 400px;}
.header .homeLink { position: absolute; width: 165px; height: 175px; background-image: url("/IWIimages/blank.gif"); margin-left: 45px; margin-top: 190px; z-index: 200;}
.header p { padding: 15px 50px; color: #4c89a5; font-size: 12px; line-height: 16px;}
.header p a { font-size: 10px; color: #4c89a5; text-decoration: none;}
.header .large-image { z-index: 2; width: 475px; height: 187px; position: absolute; margin-top: 191px; margin-left: 263px;}
.header .small-image { z-index: 2; width: 145px; height: 125px; position: absolute; margin-top: 205px; margin-left: 799px;}
/* end of header */
/* navigation */
.navigation { background-image: url("/IWIimages/nav-bg-center.png"); background-repeat: repeat-x; background-position: left top;}
.navigation .nav-left { background-image: url("/IWIimages/nav-bg-left.png"); background-repeat: no-repeat; background-position: left top;}
.navigation .nav-right { background-image: url("/IWIimages/nav-bg-right.png"); background-repeat: no-repeat; background-position: right top; height: 49px;}
/* end of navigation */
/* content */
.content { width: 1000px; margin: 0px auto; background-color: #f9f7f2; background-image: url("/IWIimages/content-bg-image.png"); background-repeat: repeat-x; background-position: left top; }
.contentBottom { background-image: url("/IWIimages/content-bg-bottom.png"); background-repeat: no-repeat; background-position: center bottom; }
.content .hp { padding: 30px;}
.content .mainContent { width: 570px; float: left;}
.content .mainContent .welcomeDiv { width: 570px;}
.content .mainContent .welcomeDiv h1 { font-size: 29px; line-height: 37px; font-weight: bold; font-family: "Arial Narrow", Arial, Helvetica; font-weight: bold; color: #224151; text-shadow: 1px 1px #fff; margin-bottom: 10px;}
.content .mainContent .welcomeDiv .text { padding: 10px 0px; width: 320px; float: left; color: #453930; font-family: "Myriad Pro", Arial, Helvetica;}
.content .mainContent .welcomeDiv .text p { font-size: 14px; line-height: 18px;}
.content .mainContent .welcomeDiv h4 { font-size: 16px; line-height: 22px; margin-bottom: 25px;}
.content .mainContent .welcomeDiv img { float: right;}
/* ponton */
.mainContent .ponton { width: 570px; padding-top: 40px; margin-top: 20px; background-image: url("/IWIimages/content-shade.png"); background-repeat: no-repeat; background-position: center top;}
.mainContent .ponton .box { width: 181px; float: left; }
.mainContent .ponton .mid { margin: 0px 13px;}
.mainContent .ponton .box h2 { font-family: "arial narrow", arial, helvetica; font-size: 22px; font-weight: bold; line-height: 29px; margin-bottom: 5px; letter-spacing: -1px; color: #224151; padding: 0px 5px;}
.mainContent .ponton .box p { color: #453930; font-size: 12px; padding: 0px 5px; font-family: "myriad pro", arial, helvetica;}
.mainContent .ponton .box p a { font-size: 14px; font-style: italic; color: #407071; text-decoration: none; font-weight: bold;}
.mainContent .ponton .box div { background-image: url("/IWIimages/ponton-background.jpg"); background-repeat: no-repeat; background-position: left top; padding: 6px; margin-top: 8px;}
/* end of ponton */
/* sidebar */
.sideBar { width: 260px; float: right;}
.links { margin-bottom: 35px; background-image: url("/IWIimages/subnav-top.png"); background-repeat: no-repeat; background-position: center top; }
.links div { padding: 17px 0px 12px; background-image: url("/IWIimages/subnav-bottom.png"); background-repeat: no-repeat; background-position: center bottom; }
.links div div {padding: 0px 20px; width: 220px; background-image: url("/IWIimages/subnav-center.png"); background-repeat: repeat-y; background-position: center top;}
.links div div h2 { font-size: 26px; line-height: 32px; color: #407071; letter-spacing: -1px; color: #224151; text-shadow: 1px 1px #fff; margin-bottom: 0px; font-family: "Arial Narrow", Arial, Helvetica; font-weight: bold;}
.links div div ul { margin-top: 10px;}
.links div div ul li { color: #fff; font-size: 14px; line-height: 16px; font-weight: normal; font-family: helvetica, arial; background-image: url("/IWIimages/subnav-sep.png"); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 5px; margin-bottom: 5px;}
.links div div ul li span { font-weight: bold;}
.links div div ul li a { font-size: 9px; font-family: Georgia, Arial, Helvetica; color: #224151; text-decoration: none;}
/* end of sidebar */
/* end of content */
/* contact box */
.contact-us { background-image: url("/IWIimages/subnav-top.png"); background-repeat: no-repeat; background-position: center top; }
.contact-us div { padding: 17px 0px; background-image: url("/IWIimages/subnav-bottom.png"); background-repeat: no-repeat; background-position: center bottom; }
.contact-us div div { padding: 0px 20px; width: 220px; background-image: url("/IWIimages/subnav-center.png"); background-repeat: repeat-y; background-position: center top; }
.contact-us div div div { background-image: none; padding: 0px; width: 220px;}
.contact-us div.clearfix { margin-top: 5px;}
.contact-us div div h2 { font-size: 26px; line-height: 32px; color: #407071; letter-spacing: -1px; color: #224151; text-shadow: 1px 1px #fff; margin-bottom: 10px; font-family: "Arial Narrow", Arial, Helvetica; font-weight: bold;}
.contact-us div div label { float: left; font-family: Georgia, arial, helvetica; font-size: 9px; line-height: 26px;}
.contact-us div div input { padding: 0px 5px; line-height: 22px; height: 22px; border: 2px solid #af9972; float: right; width: 122px;}
.contact-us div div textarea { width: 206px; height: 60px; padding: 5px; border: 2px solid #af9972;}
.contact-us div input.submitButton { background: transparent; background-image: url("/IWIimages/send-button.png"); background-repeat: no-repeat; background-position: left top; padding: 0px; width: 84px; height: 56px; border: 0px none; cursor: pointer;}
/* end of content */
/* footer */
.footer { width: 750px; margin: 0px auto; padding: 10px 0px;}
.footer p { color: #4D8284; text-shadow: -1px 1px 0 #313131; font-family: helvetica, arial; font-weight: bold;}
.footer p.l { float: left;}
.footer p.l a, .footer p.r a { margin: 0px 10px; color: #4D8284; text-decoration: none;}
.footer p.r a { margin: 0px;}
.footer p.r { float: right;}
.footer p.r span { margin: 0px 10px;}
.footer p.l a:hover, .footer p.r a:hover, .footer p.r a:focus .footer p.l a:focus { color: #305b5c;}
/* end of footer */
/* subpage */
.subpage .hp { padding: 40px 40px 40px 20px;}
.subpage .mainContent { width: 640px;}
.subpage .subnav { float: left; width: 150px; margin-right: 25px; display: inline;}
.subpage .subnav h4 { font-family: "Myriad Pro", Arial, Helvetica; font-weight: bold; color: #fff; font-size: 14px; line-height: 18px; text-align: center;}
.subpage .subnav ul li { margin-bottom: 5px;}
.subpage .subnav ul li a { font-size: 12px; color: #eedbc8; font-weight: bold; text-decoration: none; background-image: url("/IWIimages/subnav-inactive.png"); background-repeat: no-repeat; background-position: left top; width: 120px; padding: 0px 15px; line-height: 39px; display: block;}
.subpage .subnav ul li a:hover { background-image: url("/IWIimages/subnav-active.png");}
.subpage .subContent { width: 460px; float: left;}
.subpage .subContent .pageTitle { margin-bottom: 20px;}
.subpage .subContent .pageTitle h1 { font-size: 26px; line-height: 32px; letter-spacing: -1px; color: #224151; text-shadow: 1px 1px #fff; margin-bottom: 0px; font-family: "Arial Narrow", Arial, Helvetica; font-weight: bold; }
.subpage .subContent .pageTitle h4 { font-size: 14px; line-height: 16px; color: #224151; font-family: Arial Narrow, arial, helvetica;}
/* end of subpage */
/* end of general css */
.subpage .text { color: #453930;}
.subpage .text *:first-child { margin-top: 0px;}
.subpage .text p { margin-top: 15px; padding-left: 0px; }
.subpage .text p span { }
.subpage .text ul { list-style-position: outside; margin-top: 15px; padding-left: 25px; list-style-type: disc;}
.subpage .text ul li { padding-left: 0px; margin-top: 5px;}
.subpage .text ol { list-style-type: decimal; list-style-position: outside; padding-left: 25px; margin-top: 15px; font-weight: bold;}
.subpage .text ol li { margin-top: 5px;}
.subpage .text ol li span { font-weight: normal;}
.subpage .text blockquote { padding-left: 45px; margin-top: 15px;}
.subpage .text img { margin:20px;}
.subpage .text a { color: #407071; text-decoration: underline;}
.subpage .text a.single { font-weight: bold; text-decoration: underline; color: #407071; font-style: italic; text-decoration: none; }
.subpage .text a:hover, .subpage .subContent a:focus { }
.subpage .subContent h1 { padding-left: 0px; font-size: 24px; line-height: 28px; font-weight: bold; margin-top: 0px; }
.subpage .subContent h2 { padding-left: 0px; font-size: 20px; line-height: 24px; font-weight: bold; margin-top: 0px; }
.subpage .subContent h3 { padding-left: 0px; font-size: 16px; line-height: 20px; font-weight: bold; margin-top: 0px; }
.subpage .subContent h4 { padding-left: 0px; font-size: 12px; line-height: 16px; font-weight: bold; margin-top: 0px; }
.alternateSub .mainContent { width: 640px;}
.alternateSub .mainContent .subContent { width: 640px; float: none;}
.send-field { display: none; visibility: hidden; }