/* http://scripts.sil.org/gentium */
 @font-face { font-family: "Gentium Regular"; src: url(/fonts/GentiumBasic1.1/GenBasR.ttf); }
 @font-face { font-family: "Gentium Bold"; src: url(/fonts/GentiumBasic1.1/GenBasB.ttf); }
 @font-face { font-family: "Gentium Italic"; src: url(/fonts/GentiumBasic1.1/GenBasI.ttf); }
 @font-face { font-family: "Gentium Bold Italic"; src: url(/fonts/GentiumBasic1.1/GenBasBI.ttf); }
 html { background: #112244 url(/template/background.jpg) repeat-x 0 0; }
 body { font-family: "Gentium Regular", "Times New Roman", times, serif; font-style: normal; font-weight: normal; font-size: 11pt; text-align: left; text-shadow: 2px 2px 1px #000000; }
 select, input, button, textarea { font-family: "Gentium Regular", "Times New Roman", times, serif; font-style: normal; font-weight: normal; }
 em { font-family: "Gentium Italic", "Times New Roman", times, serif; font-style: normal; font-weight: normal; }
 time { font-family: "Gentium Italic", "Times New Roman", times, serif; font-style: normal; font-weight: normal; }
 h1,h2,h3,h4,h5,h6 { font-family: "Gentium Bold Italic", "Times New Roman", times, serif; font-style: normal; font-weight: normal; }
 #at20mc { text-shadow: 0px 0px 0px black; }
 #noscript { color: white; text-align: center; font-size: 1em; display: block; margin-top: 150px; width: 100%; top: -150px; position: absolute; color: #aaaaaa; }
 #noiesix { color: white; text-align: center; font-size: 1em; display: block; position: absolute; top: 0px; left: 0px; width: 100%; color: #aaaaaa; background-color: black; }
 #mainDiv { width: 1024px; height: 682px; margin-left: auto; margin-right: auto; margin-top: 20px; position: relative; background: black url(/template/mccraePier.jpg) 0px -50px; border: 1px solid #888888; display: block; opacity: 1.0; filter: alpha(opacity = 100); z-index: 0; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; }
 #mainDiv h1 a { width: 628px; height: 100px; position: absolute; top: 40px; left: 50px; margin: 0px; padding: 0px; opacity: 1.0; filter: alpha(opacity = 100); z-index: 1; overflow: hidden; text-decoration: none; }
 #mainDiv h1 a, #mainDiv h1 a:link, #mainDiv h1 a:hover, #mainDiv h1 a:active, #mainDiv h1 a:visited { text-decoration: none; color: #aaaaaa; }
 #mainDiv h1 span { background: url(/template/mccraePier.jpg) 0px -732px no-repeat; display: block; width: 100%; height: 100%; position: absolute; }
 #mainDiv h1 em { display: block; position: relative; top: 60px; left: 215px; font-size: .75em; font-weight: normal; text-decoration: none; color: #CCDDEE; }
 #mainDiv #contentArea { display: block; overflow: hidden; }
 #mainDiv.content #contentArea { display: block; border: 2px solid #aaa; width: 982px; height: 519px; left: 20px; top: 141px; position: absolute; z-index: 3; background: url(/template/mccraePier.jpg) 0px -1016px no-repeat; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; text-align: justify; }
 #mainDiv.content ul { text-align: left; }
 #mainDiv.content #contentArea3 { position: absolute; top: 0px; left: 0px; padding: 10px; width: 962px; height: 499px; overflow-y: auto; overflow-x: hidden; color: #bbbbbb; font-size: 1em; line-height: 1.25em; }
 #mainDiv.content #contentArea3 h2, #mainDiv.content #contentArea3 h3 { color: #bbbbbb; font-size: 1.6em; margin: 0px; padding: 0px; margin-bottom: .5em; }
 #mainDiv.content #contentArea3 h3 { font-size: 1.3em; }
 #Menu, #Menu li { list-style-type: none; }
 #Menu li a { display: block; position: absolute; border: none; }
 #Menu li a span { background: url(/template/mccraePier.jpg); display: block; position: absolute; width: 100%; height: 100%; }
 #mainDiv.content #Menu #linkNews { width: 51px; height: 38px; left: 688px; top: 22px; overflow: hidden; }
 #mainDiv.content #Menu #linkNews span { background-position: 0px -938px; }
 #mainDiv.content #Menu #linkNews.active span { background-position: -568px -938px; }
 #mainDiv.content #Menu #linkNews:hover span { background-position: -284px -938px; }
 #mainDiv.index #Menu #linkNews { width: 70px; height: 48px; left: 414px; top: 534px; overflow: hidden; }
 #mainDiv.index #Menu #linkNews span { background-position: 0px -832px; }
 #mainDiv.index #Menu #linkNews:hover span { background-position: -420px -832px; }
 #mainDiv.content #Menu #linkAbout { width: 60px; height: 38px; left: 748px; top: 22px; overflow: hidden; }
 #mainDiv.content #Menu #linkAbout span { background-position: -60px -938px; }
 #mainDiv.content #Menu #linkAbout.active span { background-position: -628px -938px; }
 #mainDiv.content #Menu #linkAbout:hover span { background-position: -344px -938px; }
 #mainDiv.index #Menu #linkAbout { width: 83px; height: 48px; left: 507px; top: 534px; overflow: hidden; }
 #mainDiv.index #Menu #linkAbout span { background-position: -93px -832px; }
 #mainDiv.index #Menu #linkAbout:hover span { background-position: -513px -832px; }
 #mainDiv.content #Menu #linkGallery { width: 70px; height: 38px; left: 818px; top: 22px; overflow: hidden; }
 #mainDiv.content #Menu #linkGallery span { background-position: -130px -938px; }
 #mainDiv.content #Menu #linkGallery.active span { background-position: -698px -938px; }
 #mainDiv.content #Menu #linkGallery:hover span { background-position: -414px -938px; }
 #mainDiv.index #Menu #linkGallery { width: 96px; height: 58px; left: 612px; top: 534px; overflow: hidden; }
 #mainDiv.index #Menu #linkGallery span { background-position: -198px -832px; }
 #mainDiv.index #Menu #linkGallery:hover span { background-position: -618px -832px; }
 #mainDiv.content #Menu #linkContact { width: 68px; height: 34px; left: 901px; top: 22px; overflow: hidden; }
 #mainDiv.content #Menu #linkContact span { background-position: -213px -938px; }
 #mainDiv.content #Menu #linkContact.active span { background-position: -781px -938px; }
 #mainDiv.content #Menu #linkContact:hover span { background-position: -497px -938px; }
 #mainDiv.index #Menu #linkContact { width: 99px; height: 48px; left: 734px; top: 534px; overflow: hidden; }
 #mainDiv.index #Menu #linkContact span { background-position: -320px -832px; }
 #mainDiv.index #Menu #linkContact:hover span { background-position: -740px -832px; }
 #mainDiv.content #Menu #linkPrints { width: 90px; height: 39px; left: 689px; top: 60px; overflow: hidden; }
 #mainDiv.content #Menu #linkPrints span { background-position: -1px -976px; }
 #mainDiv.content #Menu #linkPrints.active span { background-position: -569px -976px; }
 #mainDiv.content #Menu #linkPrints:hover span { background-position: -285px -976px; }
 #mainDiv.index #Menu #linkPrints { width: 127px; height: 52px; left: 415px; top: 588px; overflow: hidden; }
 #mainDiv.index #Menu #linkPrints span { background-position: -1px -886px; }
 #mainDiv.index #Menu #linkPrints:hover span { background-position: -421px -886px; }
 #mainDiv.content #Menu #linkLicence { width: 114px; height: 39px; left: 790px; top: 60px; overflow: hidden; }
 #mainDiv.content #Menu #linkLicence span { background-position: -102px -976px; }
 #mainDiv.content #Menu #linkLicence.active span { background-position: -670px -976px; }
 #mainDiv.content #Menu #linkLicence:hover span { background-position: -386px -976px; }
 #mainDiv.index #Menu #linkLicence { width: 166px; height: 52px; left: 566px; top: 588px; overflow: hidden; }
 #mainDiv.index #Menu #linkLicence span { background-position: -152px -886px; }
 #mainDiv.index #Menu #linkLicence:hover span { background-position: -572px -886px; }
 #mainDiv.content #Menu #linkLinks { width: 55px; height: 32px; left: 917px; top: 54px; overflow: hidden; }
 #mainDiv.content #Menu #linkLinks span { background-position: -229px -970px; }
 #mainDiv.content #Menu #linkLinks.active span { background-position: -797px -970px; }
 #mainDiv.content #Menu #linkLinks:hover span { background-position: -513px -970px; }
 #mainDiv.index #Menu #linkLinks { width: 77px; height: 42px; left: 757px; top: 580px; overflow: hidden; }
 #mainDiv.index #Menu #linkLinks span { background-position: -343px -878px; }
 #mainDiv.index #Menu #linkLinks:hover span { background-position: -763px -878px; }
 a,a:link,a:visited { color: #99BBDD; text-decoration: none; font-family: "Gentium Italic", "Times New Roman", times, serif; font-style: normal; font-weight: normal; }
 a:hover,a:active { color: #BBDDFF; }
 #mainDiv.index #galleryContent { position: absolute; left: 40px; top: 170px; display: none; }
 #galleryContent { list-style-type: none; margin: 0px; padding: 0px; overflow: auto; }
 #galleryContent li { margin: 0px; padding: 0px; display: inline; }
 #mainDiv.index, #mainDiv.index #headerOne, #mainDiv.index #Menu { display: block; }
 #mainDiv { display: block; }
 #copyright { display: none; }
 .errors { color: red; }
 fieldset { width: 420px; }
 .entryGroup { width: 420px; }
 .entrySet { text-align: left; width: 420px; display: block; margin-left:20px; margin-right:30px; }
 #fieldset-Submit { text-align: center; }
 legend { font-size: 1.2em; color: #888888; text-align: left; }
 #recaptcha_area, #recaptcha_table { margin-left:auto; margin-right:auto; }
 #mainDiv.content #contentArea3 textarea#postal, #mainDiv.content #contentArea3 textarea#rights, #mainDiv.content #contentArea3 textarea#comment { width: 410px; height: 110px; }
 #mainDiv.content #contentArea3 input, #mainDiv.content #contentArea3 select { width: 410px; }
 .required:after { content: ' *'; color: red; }
 .galleryListItem { margin: 15px; width: 125px; height: 150px; float: left; display: block; }
 .galleryListItem .thumbWait { margin: 0px !important; }
 #galleryContent .thumbwait { margin: 15px !important; }
 .galleryListCaption { width: 125px; text-align: center; }
 #paginationLinks { display: none; padding-left: 20px; padding-right: 10px; float: right; position: absolute; top: 58px; right: 10px; }
 #paginationLinks .inactive { background-color: #112233; border-color: #888888; }
 #paginationLinks .active { background-color: #334455; border-color: #8888FF; }
 #paginationLinks a { margin: 5px; padding: 5px; border: 2px solid #888888; background-color: #112233; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; }
 #paginationLinks a, #paginationLinks a:link, #paginationLinks a:hover, #paginationLinks a:visited, #paginationLinks a:active { text-decoration: none; }
 .subnav { display: block; margin-bottom: 1em; width: 982px; position: relative; left: -20px; border-top: 2px solid #888888; border-bottom: 2px solid #888888; padding-left: 20px; font-weight: lighter; font-size: 0.9em; background: #123; }
 .subnav a.active { text-decoration: none !important; color: #BBBBBB !important; }
 #bannersArea { margin-top: 20px; margin-left: auto; margin-right: auto; width: 1024px; }
 #googleAdsense { width: 728px; height: 90px; margin-left: auto; margin-right: auto; display: block; }
 #bannerExchange { margin-left: auto; margin-right: auto; }
 #footerMenus { display: block; font-size: 0.9em; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 0px; width: 1024px; background-color: #001133; border: 1px solid #223355; padding: 5px; -moz-border-radius: 1em; -webkit-border-radius: 1em; moz-border-radius: 1em; }
 #footerMenus h2 { margin: 0px; padding: 0px; margin-top: 0px; color: #334466; }
 #footerMenus ul { margin-top: 0px; margin-bottom: 0px; }
 #footerMenus li { list-style-type: none; width: 314px; display: inline; margin-right: 10px; }
 #footerMenus a, #footerMenus a:link, #footerMenus a:visited { color: #445577; }
 #footerMenus a:hover, #footerMenus a:active { color: #556688; }
 .simpleList li { list-style-type: none; display: inline; margin-right: 10px; }
 .finisher { height: 1px; overflow: hidden; font-size: 1px; }
 a:active { outline: none; }
 a:focus { -moz-outline-style: none; }
 .styledButton, #fieldset-Submit input { border-color: #888888; padding: 2px; padding-left: 10px; padding-right: 10px; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; background: #112233 url(/libraries/zurb/alert-overlay.png) repeat-x; display: inline-block; color: #99BBDD; text-decoration: none; line-height: 1; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; border-bottom: 1px solid #222; position: relative; cursor: pointer; }
 .styledButton:hover, #fieldset-Submit input:hover { background-color: #001122; border-color: #888844; }
 #fullSizeImagePage #footerMenus { z-index: 100; position: relative; top: 50px; }
 .buyMe { float: right; }
 .buyMe a { }
 .addthis { position: relative; top: -5px; }
 article.news { margin-left: 20px; display: block; }
 article.news h3 { position: relative; left: -20px; }