/*** open ***/ * {margin:0;padding:0;font-size:1em;font-family:Arial, Sans-serif, Comic Sans, Comic Sans MS, cursive;line-height:1.4em;} body {margin:0;padding:0;background:#fff;} .floatholder:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}/* Hides from IE-mac \*/ * html .floatholder {height: 1%;}/* End hide from IE-mac */ .left {float:left;} .right {float:right;} .clear {clear:both;} /*** structure ***/ #wrapper {width:984px;padding:0;margin:0 auto 80px auto;} * html #wrapper {margin-bottom:0;} #wrapperInner {width:984px;padding:0 0 20px 0;margin:0 auto;background:#4B4B4D;} #leftCol {width:196px;float:left;margin:0;padding:0;clear:left;} #middleCol {width:394px;float:left;margin:0;padding:0;} #rightCol {width:390px;float:right;margin:0;padding:0;} #flashcontainer {margin:25px 0 0 -125px;} /*** generic objects ***/ p {margin:0 15px 0 15px;font-size:0.8em;color:#4b4b4d;line-height:1.4em;} em {font-size:1em;font-weight:bold;} p u {color:#8a8a8a;} p.tiny {font-size:0.7em;} strong {font-weight:normal;color:#eab70d;} h1 {color:#4B4B4D;font-size:1.3em;padding:10px 0 5px 0;letter-spacing:3px;margin-left:15px;font-weight:normal;} h2 {color:#4B4B4D;font-size:1em;margin:0 0 0 0;letter-spacing:3px;margin-left:15px;font-weight:normal;clear:left;padding:0 0 10px 0;} h3 {color:#4B4B4D;font-size:1em;margin:5px 0;} h4 {color:#e95d00;font-size:0.8em;margin:5px 0;} h5 {color:#e95d00;font-size:0.7em;margin:5px 0;} ul {margin:0 0 0 30px;padding:10px 0;font-size:0.8em;color:#8a8a8a;} li {} ol {margin:10px 0 10px 17px;font-size:0.8em;color:#8a8a8a;} address {margin:10px 0;font-size:0.75em;color:#8a8a8a;} a {color:#4B4B4D;} a:hover {} fieldset {font-family:arial;font-size:0.9em;color:#bbb;border:solid 1px #bbb;margin:0;padding:5px;line-height:1.6em;} legend {color:#777;padding:0 10px;} img {border:none;} /*a[rel="nofollow"] {background-color: red !important;} */ img.galleryLarge {margin:-87px 0 -48px -409px !important;position:relative;} /*** specific objects ***/ #middleCol {padding:17px 0 10px 0;} * html #middleCol {padding-top:30px;} *+html #middleCol {padding-top:30px;} #middleCol img {margin-top:6px;margin-right:10px;} #middleCol h1 {clear:both;color:#fff;margin-left:0;} #middleCol h3 {color:#fff;margin:10px 0 10px 0;} #middleCol li {font-size:1.1em;line-height:1.6em;color:#fff;} #middleCol a {color:#eab70d;text-decoration:underline;} #middleCol a:hover {background:#8a8a8a;color:#fff;text-decoration:none;} #middleCol p {color:#fff;margin:0 15px 10px 0;} #middleCol strong {} #articleMiddle p {padding:0 0 5px 0;} #articleMiddle strong {color:#4b4b4d;font-size:1em;font-weight:bold;} #articleMiddle li {font-size:1em;line-height:1.6em;color:#4b4b4d;} #articleMiddle img {margin:5px 10px 10px 0;} #articleMiddle p img {margin:0 0 0 0;} #articleMiddle a {text-decoration:none;color:#EB5C0E;} #articleMiddle a:hover {color:#4b4b4d;} #articleTop {background:url(../i/articleTop.jpg) left top no-repeat;position:relative;width:390px;height:31px;overflow:hidden;margin-top:-54px;margin-bottom:-3px;} #articleMiddle {background:#fff;position:relative;} #articleMiddle h1 {padding-top:50px;} #articleBottom {background:url(../i/articleBottom.jpg) left center no-repeat;width:390px;height:27px;overflow:hidden;margin-bottom:20px;} .backlink a {text-decoration:none;position:relative;top:-15px;} .backlink a:hover {text-decoration:underline;} .backlink img {margin:5px 5px 0 5px;} #masthead {position:relative;left:-398px;top:-113px;} * html #masthead {left:0;top:-123px;} #masthead img {margin-bottom:-113px;position:relative;} .mastheadCaption p {position:absolute;width:481px;height:140px;padding:5px;color:#fff;} .cf_wrapper {} div.cf_element {width:491px;height:150px;overflow:hidden;} div.cf_element div.content {} div.cf_element div.content img {} #login {margin:20px;padding:0;margin-left:45px;} #login .label {float:left;font-size:0.8em;width:8em;} #login label {} #login input {border:solid 1px #bbb;color:#bbb;padding:2px;margin:2px 2px 2px 0 !important;font-size:0.8em;} #login .btn {background:#e95d00;color:#fff;border:none;font-size:0.75em;padding:2px 10px;} #error {text-align:center;width:944px;margin:15px 0 15px 23px;} #error p {color:#c00;line-height:3em;} #pageHeader {height:113px;width:984px;margin:0;background:#4B4B4D url(../i/header.jpg) left top repeat-x;} #pageHeaderInner img {border:none;position:relative;left:20px;top:34px;} #pageHeaderInner {} #primaryMenu a {color:#666;} #tierTop {margin-top:145px;} .primaryMenu {margin:10px 0;margin-left:30px;} * html .primaryMenu {} .primaryMenu ul {margin:0;padding:0;} .primaryMenu li {border-bottom:solid 1px #eab70d;list-style-type:none;padding:0;margin:0;width:166px;padding:8px 0;font-size:1em;color:#fff;} .primaryMenu li.tier1 {width:136px;margin:0;} .primaryMenu li.tier2 {list-style-type:none;position:relative;left:-25px;top:0;border-bottom:none;padding:0;margin:0 3px 3px 0;width:87px;height:6.2em;float:left;overflow-x:hidden;} .primaryMenu li.tier2 a {color:#fff !important;text-decoration:none !important;position:relative;top:10px;left:2px !important;display:block;} .primaryMenu li.tier2 a:hover {background:none !important;} .primaryMenu li.linkId29 {background:#EF3D56;} .primaryMenu li.linkId29 a {font-size:1.2em;} .primaryMenu li.linkId29 a:hover {color:#F58D9D !important;} .primaryMenu li.linkId30 {background:#4C5272;} .primaryMenu li.linkId30 a {font-size:0.9em;} .primaryMenu li.linkId30 a:hover {color:#858BAD !important;} .primaryMenu li.linkId31 {background:#EAB70D;} .primaryMenu li.linkId31 a {font-size:0.8em;} .primaryMenu li.linkId31 a:hover {color:#FBE8A8 !important;} .primaryMenu li.linkId32 {background:#4C5272;} .primaryMenu li.linkId32 a {font-size:1.8em;} .primaryMenu li.linkId32 a:hover {color:#858BAD !important;} .primaryMenu li.linkId33 {background:#C9A540;} .primaryMenu li.linkId33 a {} .primaryMenu li.linkId33 a:hover {color:#DDC688 !important;} .primaryMenu li.linkId34 {background:#009FCE;} .primaryMenu li.linkId34 a {} .primaryMenu li.linkId34 a:hover {color:#91E7FF !important;} .primaryMenu li.linkId35 {background:#4b4b4d;} .primaryMenu li.linkId35 a {font-size:1.6em;} .primaryMenu li.linkId35 a:hover {color:#666 !important;} .primaryMenu li.linkId36 {background:#EF3D56;} .primaryMenu li.linkId36 a {font-size:1.1em;} .primaryMenu li.linkId36 a:hover {color:#F58D9D !important;} .primaryMenu li.linkId37 {background:#936461;} .primaryMenu li.linkId37 a {font-size:0.8em;} .primaryMenu li.linkId37 a:hover {color:#BB9997 !important;} .primaryMenu li.linkId38 {background:#4C5272;} .primaryMenu li.linkId38 a {font-size:1.3em;} .primaryMenu li.linkId38 a:hover {color:#858BAD !important;} .primaryMenu li.linkId39 {background:#908159;} .primaryMenu li.linkId39 a {font-size:1em;} .primaryMenu li.linkId39 a:hover {color:#BAAE8F !important;} .primaryMenu li.linkId40 {background:#97989C;} .primaryMenu li.linkId40 a {} .primaryMenu li.linkId40 a:hover {color:#4b4b4d !important;} .primaryMenu li.tier3 {background:#FFAE79;} .primaryMenu li.tier1 a {position:relative;left:0;} .primaryMenu li.tier2 a {position:relative;left:0;} .primaryMenu li.tier3 a {position:relative;left:40px;} .primaryMenu a {color:#fff;text-decoration:none;padding:0;} .primaryMenu a:hover {text-decoration:underline;} .primaryMenu li.selected {color:#eab70d;} .primaryMenu li.selected a {color:#eab70d;} .primaryMenuTier1 ul {margin:0;text-align:center;padding:0;} .primaryMenuTier1 li {list-style-type:none;display:inline;margin-right:50px;padding:8px 0;} .primaryMenuTier1 li.selected a {background:url(../i/arrow_1.png) left center no-repeat;padding-left:13px;} .primaryMenuTier1 a {text-decoration:none;color:#fff;font-size:1.2em;} .primaryMenuTier1 a:hover {color:#e95d00;} .primaryMenuTier2And3 li.selected {} .primaryMenuTier2And3 li.selected a {background:url(../i/arrow_1.png) left center no-repeat;padding-left:13px;} .primaryMenuDrop {float:left;width:100%;background:#808080;margin-top:3px;} .primaryMenuDrop a {text-decoration:none;} .primaryMenuDrop ul {text-align:left; position:relative; list-style:none; padding:0; margin:0; } .primaryMenuDrop ul li {padding:0px;margin:0px;float:left;position:relative;display:inline;background:#808080;width:auto;padding:4px 10px;position:relative;border-right:solid 1px #fff;} .primaryMenuDrop ul li a {margin:0;display:block;color:#fff;font-family:arial;font-weight:normal;} .primaryMenuDrop ul li a:hover {text-decoration:none;} .primaryMenuDrop ul li ul {position:absolute; top:29px; left:0; display:none; background:#9A0F08; z-index:100; color:#fff;} .primaryMenuDrop ul li ul li {line-height:1.8em;background:none;padding:0;border-right:0px !important;} .primaryMenuDrop ul li ul li a {display:block;border-right:0px !important; clear:both;font-size:1.2em; width:150px;padding:2px 0 2px 10px; position:relative; background:#9A0F08 !important; color:#fff !important; } .primaryMenuDrop ul li ul li a:hover {background:#C61E05 !important; color:#fff!important;} #searchFrm {border-right:none;padding:0;margin:10px 0;width:auto;} #searchFrm .label {float:left;position:relative;top:1px;} #searchFrm label {color:#666;position:relative;top:2px;left:-3px;font-size:0.9em;} #searchFrm input {border:solid 4px #fff;color:#bbb;border:solid 3px #bbb;font-size:0.75em;position:relative;top:0;width:120px;text-indent:3px;} * html #searchFrm input {} *+html #searchFrm input {} #searchFrm input:focus {color:#666;} #searchFrm .btn {border:none;height:1.8em;cursor:pointer;border:solid 2px #e95d00;width:auto;color:#fff;background:#e95d00;padding:2px 5px;position:relative;left:0px;top:2px;text-indent:none;} * html #searchFrm .btn {position:relative;top:1px;padding:0 4px;} *+html #searchFrm .btn {position:relative;top:0;padding:0 4px;} .areasOfInterest {} .areasOfInterestInner {width:90px;height:auto;float:left;margin:0 3px 3px 0;} .areasOfInterestInner a {} .areasOfInterestInner img {width:90px;height:90px;} .areasOfInterestInner :hover img {} .areaOfInterestLink {} .areaOfInterestLink:hover {} #seaWelcome {margin:-20px 0 10px 20px;} #seaWelcomeAbout {margin:0 0 20px 25px;} #links {} #links ul {margin:0 0 0 20px;padding:0;} #links li {list-style-type:none;} #links img {margin:7px 0;border:none;margin-left:15px;} .newsItem {border-top:solid 1px #bbb;padding:5px 5px 5px 0;margin-right:5px;} #middleCol .newsItem {padding:5px 0;} #rightCol .newsItem {margin:0 15px 0 0;font-size:0.8em;} #rightCol .newsItem p.tiny {font-size:0.9em;} .newsItem a {background:#e9e3e1;color:#e95d00;text-decoration:none;padding:2px;} .newsItem a:hover {background:#8a8a8a;color:#fff;} .newsItem p {margin:5px 0;} .newsItem h3 {padding:5px;color:#e95d00;} .newsItem h4 {color:#8a8a8a;font-size:0.9em;} .newsItem img {margin-top:3px;} .noticeboardItem {overflow:hidden;width:138px;height:141px;background:url(../i/postItNote.png) center center no-repeat;float:left;padding:12px;} .noticeboardItem p {color:#e95d00;line-height:1em !important;height:141px;width:128px;position:relative;top:27px;left:3px;text-align:center;} * html .noticeboardItem p {top:40px;} *+html .noticeboardItem p {top:40px;} .noticeboardItem a {background:none !important;text-decoration:none;font-weight:bold;line-height:1.1em;} .noticeboardItem a:hover {color:#e95d00 !important;text-decoration:underline;} .embeddedMedia {margin:5px 0 10px 0;text-align:center;position:relative;left:-3px;} #breadcrumb {margin-left:30px;} #breadcrumb li {list-style-type:none;display:inline;font-style:italic;} #breadcrumb a {color:#bbb;} #attachments {padding:0 !important;position:relative;left:-5px;} * html #attachments {left:-15px;} *+html #attachments {left:-15px;} #attachments li {margin:0 0 0 0;padding:0;} * html #attachments li {margin-left:1px;} *+html #attachments li {margin-left:1px;} #attachments a {text-decoration:none;padding:0;position:relative;top:-2px;left:0;} * html #attachments a {left:9px;} *+html #attachments a {left:9px;} #attachments a:hover {background:#8a8a8a;color:#fff;} #articleMiddle #attachments {left:10px;} #attachments li.fSize {list-style-type:none;font-size:0.9em;margin-bottom:10px;} * html #attachments li.fSize {margin-left:10px;} *+html #attachments li.fSize {margin-left:10px;} #attachments li.xls {list-style-image: url(../i/xls.png);} #attachments li.afp { list-style-image: url(../i/code.png); } #attachments li.afpa { list-style-image: url(../i/code.png); } #attachments li.asp { list-style-image: url(../i/code.png); } #attachments li.aspx { list-style-image: url(../i/code.png); } #attachments li.avi { list-style-image: url(../i/film.png); } #attachments li.bat { list-style-image: url(../i/application.png); } #attachments li.bmp { list-style-image: url(../i/picture.png); } #attachments li.c { list-style-image: url(../i/code.png); } #attachments li.cfm { list-style-image: url(../i/code.png); } #attachments li.cgi { list-style-image: url(../i/code.png); } #attachments li.com { list-style-image: url(../i/application.png); } #attachments li.cpp { list-style-image: url(../i/code.png); } #attachments li.css { list-style-image: url(../i/css.png); } #attachments li.doc { list-style-image: url(../i/doc.png); } #attachments li.exe { list-style-image: url(../i/application.png); } #attachments li.gif { list-style-image: url(../i/picture.png); } #attachments li.fla { list-style-image: url(../i/flash.png); } #attachments li.h { list-style-image: url(../i/code.png); } #attachments li.htm { list-style-image: url(../i/html.png); } #attachments li.html { list-style-image: url(../i/html.png); } #attachments li.jar { list-style-image: url(../i/java.png); } #attachments li.jpg { list-style-image: url(../i/picture.png); } #attachments li.jpeg { list-style-image: url(../i/picture.png); } #attachments li.js { list-style-image: url(../i/script.png); } #attachments li.lasso { list-style-image: url(../i/code.png); } #attachments li.log { list-style-image: url(../i/txt.png); } #attachments li.m4p { list-style-image: url(../i/music.png); } #attachments li.mov { list-style-image: url(../i/film.png); } #attachments li.mp3 { list-style-image: url(../i/music.png); } #attachments li.mp4 { list-style-image: url(../i/film.png); } #attachments li.mpg { list-style-image: url(../i/film.png); } #attachments li.mpeg { list-style-image: url(../i/film.png); } #attachments li.ogg { list-style-image: url(../i/music.png); } #attachments li.pcx { list-style-image: url(../i/picture.png); } #attachments li.pdf { list-style-image: url(../i/pdf.png); } #attachments li.php { list-style-image: url(../i/php.png); } #attachments li.png { list-style-image: url(../i/picture.png); } #attachments li.ppt { list-style-image: url(../i/ppt.png); } #attachments li.psd { list-style-image: url(../i/psd.png); } #attachments li.pl { list-style-image: url(../i/script.png); } #attachments li.py { list-style-image: url(../i/script.png); } #attachments li.rb { list-style-image: url(../i/ruby.png); } #attachments li.rbx { list-style-image: url(../i/ruby.png); } #attachments li.rhtml { list-style-image: url(../i/ruby.png); } #attachments li.rpm { list-style-image: url(../i/linux.png); } #attachments li.ruby { list-style-image: url(../i/ruby.png); } #attachments li.sql { list-style-image: url(../i/db.png); } #attachments li.swf { list-style-image: url(../i/flash.png); } #attachments li.tif { list-style-image: url(../i/picture.png); } #attachments li.tiff { list-style-image: url(../i/picture.png); } #attachments li.txt { list-style-image: url(../i/txt.png); } #attachments li.vb { list-style-image: url(../i/code.png); } #attachments li.wav { list-style-image: url(../i/music.png); } #attachments li.wmv { list-style-image: url(../i/film.png); } #attachments li.wav { list-style-image: url(../i/music.png); } #attachments li.xls { list-style-image: url(../i/xls.png); } #attachments li.xml { list-style-image: url(../i/code.png); } #attachments li.zip { list-style-image: url(../i/zip.png); } #attachments li.mdb { list-style-image: url(../i/db.png); } #attachments li.pub { list-style-image: url(../i/file.png); } #rssFeeds ul {margin:5px 0 5px 24px;padding:0;} * html #rssFeeds ul {margin-left:20px;} *+html #rssFeeds ul {margin-left:20px;} #rssFeeds li {margin:0 0 5px 0;padding:0;} #rssFeeds li.rssFeed {list-style-image: url(../i/rss.gif);} #rssFeeds a {position:relative;top:-3px;text-decoration:none;} * html #rssFeeds a {left:5px;} *+html #rssFeeds a {left:5px;} #rssFeeds a:hover {text-decoration:underline;} #leftCol fieldset {padding:0 5px;} #leftCol legend {} #leftCol #bookmarkWith {width:185px;} #leftCol #bookmarkWith li {float:none;margin-left:20px;position:relative;top:2px;} .pagination {margin:10px 0 10px -5px;padding:0;} .pagination ul {margin:0 0 0 0;} .pagination li {width:auto !important;display:inline;} .pagination a {border:none;border:solid 1px #bbb;padding:2px;color:#e95d00;text-decoration:none;} .pagination a:hover {background:#e95d00;color:#fff;} .pagination li.null {color:#bbb;margin:0 5px;} .pagination li.next {margin:0 0;padding:0;} .pagination li.previous {margin:0 5px;padding:0;} .pagination li.selected a {background:#e95d00;color:#fff;} /*school calendar*/ #calControls {width:495px;text-align:center;margin:0;font-size:0.8em;clear:both;} #calControls select {font-family:arial;border:solid 1px #bbb;color:#666;padding:1px;margin:2px 2px 3px 0 !important;width:auto;position:relative;left:85px;} #calControls .calControlsCol {width:33%;float:left;margin:5px 0;} #calControls select#month, #calControls select#year {left:0;color:#666;} #calControls .selectItem {width:auto;float:left;} #calControls a {padding:1px;text-decoration:none;} #calControls a:hover {color:#fff;background:#bbb;} #calControls .calControlLeft {text-align:left;background:url(../i/bulletPrevious.png) left center no-repeat;} #calControls .calControlLeft a {position:relative;left:10px;} #calControls .calControlRight {text-align:right;background:url(../i/bulletNext.png) right center no-repeat;} #calControls .calControlRight a {position:relative;left:-10px;} #eventsCalendar {width:495px;font-family:arial;font-size:0.7em;clear:left;} #eventsCalendar td {padding:0;width:14%;height:8em;border:solid 1px #fff;text-align:center;} #eventsCalendar a {padding:1px;text-decoration:none;line-height:1.2em;margin-bottom:5px;text-decoration:underline;} #eventsCalendar a:hover {background-color:#ffae79 !important;text-decoration:none;} #eventsCalendar .topDays {background:#e95d00;color:#fff;font-size:1.1em;} #eventsCalendar .topDays td {height:2em;padding:0 2px;} #eventsCalendar .dayNumber {background:#ff954f;text-align:left;color:#fff;padding:2px;margin-bottom:1px;} #eventsCalendar td.beforedayboxes {border:solid 1px #bbb;} #eventsCalendar td.afterdayboxes {border:solid 1px #bbb;} #eventsCalendar td.dayboxes {border:solid 1px #ffae79;text-align:left;} #eventsCalendar td.dayboxes a {display:block;padding:2px 2px 2px 12px;background:url(../i/florescentBullet.jpg) 2px 4px no-repeat;} #eventsCalendar td.highlighteddayboxes {background:#ddd;text-align:left;} #eventsCalendar td.highlighteddayboxes a {display:block;padding:2px;} #eventsCalendar td.highlighteddayboxes .dayNumber {background:#abdd13;color:#666;} #eventsCalendar .eventinbox a {font-size:0.85em;text-align:center;text-decoration:none;} #eventsCalendar .eventinbox a:hover {text-decoration:underline;} #enquiryForm {margin:0;padding:0;} #enquiryForm .label {float:left;font-size:0.9em;color:#fff;clear:both;} #enquiryForm .headlineArticle, #newsEdit .keepOnTop, #newsEdit .check {width:auto !important;margin:5px 0 !important;} #enquiryForm .check, #newsArticle .delete {position:relative;left:2px !important;} #enquiryForm input {font-family:arial;border:solid 1px #bbb;color:#666;padding:2px;margin:2px 2px 3px 0 !important;width:364px;height:1.3em;} #enquiryForm input#created, #enquiryForm input#lastModified, #enquiryForm input#position, #enquiryForm input#url, #enquiryForm input#currentDir, #enquiryForm input#fName {background:#ddd;} * html #enquiryForm input {padding:2px;} *+html #enquiryForm input {padding:2px;} #enquiryForm input#page {background:#ddd;} #enquiryForm select {font-family:arial;border:solid 1px #bbb;color:#666;padding:1px;margin:2px 2px 3px 0 !important;width:auto;} #enquiryForm select#liveFromMonth, #newsEdit select#liveFromYear, #newsEdit select#liveToMonth, #newsEdit select#liveToYear {} #enquiryForm .select {clear:both;width:100%;} * html #enquiryForm .select {margin-left:3px;} #enquiryForm .selectItem {width:auto;float:left;} #enquiryForm ul {margin:0 0 5px 17px;padding:0;} #enquiryForm ol {margin:0 0 5px 17px;padding:0;} #enquiryForm li {font-size:0.9em;color:#777;margin:0;padding:0;line-height:1.6em;} #enquiryForm textarea {width:364px;height:125px;border:solid 1px #bbb;margin:5px 0;padding:2px;color:#666;} #enquiryForm .btn {font-size:0.8em;background:#4b4b4d;border:none;border-right:solid 1px #bbb;border-bottom:solid 1px #bbb;color:#fff;height:2em;width:10em;float:right;position:relative;left:-22px;} * html #enquiryForm .btn {height:1.9em;} *+html #enquiryForm .btn {height:1.9em;} #enquiryForm .submit {} #enquiryForm .clear {width:3em;} #enquiryForm p {margin:5px 15px 5px 0;color:#fff;} #middleCol h2 {margin:0;color:#fff;} .errorHighlight {background:#bbb;} #emailThisPageForm {margin:0;padding:0;} #emailThisPageForm .label {float:left;font-size:0.9em;color:#fff;clear:both;} #emailThisPageForm .headlineArticle, #newsEdit .keepOnTop, #newsEdit .check {width:auto !important;margin:5px 0 !important;} #emailThisPageForm .check, #newsArticle .delete {position:relative;left:2px !important;} #emailThisPageForm input {font-family:arial;border:solid 1px #bbb;color:#666;padding:2px;margin:2px 2px 3px 0 !important;width:364px;height:1.3em;} #emailThisPageForm h1 {color:#fff;margin-left:0;} #emailThisPageForm input#created, #emailThisPageForm input#lastModified, #emailThisPageForm input#position, #emailThisPageForm input#url, #emailThisPageForm input#currentDir, #emailThisPageForm input#fName {background:#ddd;} * html #emailThisPageForm input {padding:2px;} *+html #emailThisPageForm input {padding:2px;} #emailThisPageForm input#page {background:#ddd;} #emailThisPageForm select {font-family:arial;border:solid 1px #bbb;color:#666;padding:1px;margin:2px 2px 3px 0 !important;width:auto;} #emailThisPageForm select#liveFromMonth, #emailThisPageForm select#liveFromYear, #emailThisPageForm select#liveToMonth, #emailThisPageForm select#liveToYear {} #emailThisPageForm .select {clear:both;width:100%;} * html #emailThisPageForm .select {margin-left:3px;} #emailThisPageForm .selectItem {width:auto;float:left;} #emailThisPageForm ul {margin:0 0 5px 17px;padding:0;} #emailThisPageForm ol {margin:0 0 5px 17px;padding:0;} #emailThisPageForm li {font-size:0.9em;color:#777;margin:0;padding:0;line-height:1.6em;} #emailThisPageForm textarea {width:364px;height:125px;border:solid 1px #bbb;margin:5px 0;padding:2px;color:#666;} #emailThisPageForm .btn {font-size:0.8em;background:#4b4b4d;border:none;border-right:solid 1px #bbb;border-bottom:solid 1px #bbb;color:#fff;height:2em;width:10em;float:right;position:relative;left:-22px;} * html #emailThisPageForm .btn {height:1.9em;} *+html #emailThisPageForm .btn {height:1.9em;} #emailThisPageForm .submit {} #emailThisPageForm .clear {width:3em;} #emailThisPageForm p {margin:5px 0;color:#fff;} #middleCol h2 {margin:0;color:#fff;} .errorHighlight {background:#bbb;} #AAA {margin:0;padding:0;position:absolute;right:10px;top:42px;} #AAA ul {} #AAA li {display:inline;color:#4B4B4D;} #AAA li.normal {} #AAA li.large {font-size:1.4em;} #AAA li.extraLarge {font-size:1.8em;} #AAA li a {margin-left:5px;text-decoration:none;color:#4B4B4D;} #AAA a:hover {color:#eab70d;} #map {width:364px;height:264px;margin:10px 0 10px 15px;} #map div span {} #map div a {display:none;} #mapStatic {width:364px;height:364px;} #pageTools {margin:0;padding:0 0 10px 0;width:100%;} #pageTools li {list-style-type:none;float:left;margin:0 45px 0 -12px;} * html #pageTools li {margin:0 45px -7px -7px;} *+html #pageTools li {margin:0 45px -7px -12px;} #pageTools li.bookmark {background: url(../i/bookmark.png) left center no-repeat;} #pageTools li.emailPage {background: url(../i/mail.png) left center no-repeat;} #pageTools li.printPage {background: url(../i/print.png) left center no-repeat;} #pageTools a {position:relative;left:20px;text-decoration:none;color:#666;background:#e9e3e1;font-size:0.9em;padding:0;} #pageTools a:hover {color:#fff;background:#8a8a8a;} #areasOfInterest {} #areasOfInterest ul {} #areasOfInterest li {margin-bottom:5px;} #areasOfInterest a {font-family:Comic Sans, Comic Sans MS, cursive;} #areasOfInterest a:hover {} #areasOfInterestFooter {} #bookmarkWith {margin:0;padding:0 0 10px 0;width:491px;} * html #bookmarkWith {width:97%;} *+html #bookmarkWith {} #bookmarkWith li {list-style-type:none;float:left;margin:0 47px 8px 0;font-size:1em;} * html #bookmarkWith li {margin:0 40px -5px 0;} *+html #bookmarkWith li {margin:0 47px -5px 0;} #bookmarkWith li.delicious {background: url(../i/delicious.gif) left center no-repeat;} #bookmarkWith li.digg {background: url(../i/digg.gif) left center no-repeat;} #bookmarkWith li.reddit {background: url(../i/reddit.gif) left center no-repeat;} #bookmarkWith li.facebook {background: url(../i/facebook.gif) left center no-repeat;} #bookmarkWith li.stumbleupon {background: url(../i/stumbleupon.gif) left center no-repeat;} #bookmarkWith a {position:relative;left:20px;text-decoration:none;padding:0;} #bookmarkWith a:hover {} #gallery {} #gallery ul {margin:0;padding:0;} #gallery li {list-style-type:none;float:left;margin:0 2px 2px 0;width:158px;height:158px;overflow:hidden;border:solid 2px #bbb;} #gallery a {background:none;padding:0;} #gallery a:hover {background:none;} #gallery img {margin:0;border:none;} #footer {width:984px;clear:both;background:#eab70d;} #footer ul {margin:0 0 0 15px;padding:10px;} #footer li {list-style-type:none;display:inline;color:#4B4B4D;font-size:0.9em;} #footer a {text-decoration:none;color:#4B4B4D;} #footer a:hover {text-decoration:underline;} #copyright {width:944px;margin:0 auto 0 auto;text-align:center;clear:both;} #copyright ul {margin:0 0 0 0;} #copyright li {list-style-type:none;display:inline;} #copyright a {text-decoration:none;} #copyright a:hover {} #quickLinks ul {margin:10px 0;padding:0;} #quickLinks li {display:inline;list-style-type:none;} /*clearbox */ /* clearbox.css a ClearBox scripthez :: http://www.kreatura.hu/pyro/clearbox */ /* #CB_ShowTh, #CB_Thumbs2, #CB_Thumbs, .CB_RoundPixBugFix, #CB_Padding, #CB_ImgContainer, #CB_PrevNext, #CB_ContentHide, #CB_LoadingImage, #CB_Text, #CB_Window, #CB_Image, #CB_TopLeft, #CB_Top, #CB_TopRight, #CB_Left, #CB_Content, #CB_Right, #CB_BtmLeft, #CB_Btm, #CB_BtmRight, #CB_Prev, #CB_Next, #CB_Prev:hover, #CB_Next:hover, #CB_CloseWindow, #CB_SlideShowS, #CB_SlideShowP, #CB_SlideShowBar, #CB_Email { margin: 0; padding: 0;background-color: transparent;border: 0px;} #CB_ImgHide {position: absolute;visibility: hidden;z-index: 1098;left: 0px;} #CB_ShowTh {width: 100%;height: 15%;visibility: hidden;position: absolute;z-index: 1097;bottom: 0px;left: 0px;} #CB_Thumbs {display: none;height: 60px;padding-top: 10px;background-color: #fff;position: absolute; z-index: 1100;overflow: hidden;bottom: 10px;left: 0px;} #CB_Thumbs2 {margin: auto 0;height: 50px;position: absolute;} .CB_ThumbsImg {position: absolute;} .CB_RoundPixBugFix {display: block;visibility: hidden;font-family: arial;font-size: 1pt;} #CB_ImgContainer {position: relative;width: 100%;} #CB_PrevNext {position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 1002;} #CB_ContentHide {position: absolute;z-index: 1000;top: 0px;left: 0px;} #CB_LoadingImage {position: absolute;left: 50%;top: 50%;margin-left: -12px;margin-top: -12px;visibility: hidden;} #CB_Text {text-align: center;} #CB_Window {left:50%;position:absolute;top:45%;visibility:hidden;z-index: 1100;border-collapse: separate;} #CB_Image {position: relative;} #CB_iFrame {position: absolute;width: 0px;height: 0px;z-index: 1003;} #CB_TopLeft { background-image:url(../i/s_topleft.png);background-position:right bottom;} #CB_Top {background-image:url(../i/s_top.png);background-position:left bottom;} #CB_TopRight {background-image:url(../i/s_topright.png);background-position:left bottom;} #CB_Left {background-image:url(../i/s_left.png);background-position:right top;} #CB_Content {background-color:#FFFFFF;} #CB_Right {background-image:url(../i/s_right.png);background-position:left top;} #CB_BtmLeft {background-image:url(../i/s_btmleft.png);background-position:right top;} #CB_Btm {background-image:url(../i/s_btm.png);background-position:left top;} #CB_BtmRight {background-image:url(../i/s_btmright.png);background-position:left top;} #CB_Prev, #CB_Next {background: transparent url(../i/blank.gif) no-repeat scroll 0%;display: block; width: 49%;cursor: pointer;outline-style:none;z-index: 1102;} .CB_TextNav {text-decoration: underline;color: #aaa;} .CB_TextNav:hover {text-decoration: none;color: #ff7700;} #CB_Prev {float: left;left: 0px;} #CB_Next {float: right;left: 0px;} #CB_Prev:hover {background:transparent url(../i/prev.gif) no-repeat scroll left 50%;} #CB_Next:hover {background:transparent url(../i/next.gif) no-repeat scroll right 50%;} #CB_CloseWindow {position: absolute;top: 0px;right: -1px; z-index: 1104;cursor: pointer;} #CB_SlideShowS, #CB_SlideShowP {position: absolute;top: 0px;left: -1px;z-index: 1104;cursor: pointer;} #CB_SlideShowBar {width: 0px;position: absolute;top: 5px;left: 22px;height: 5px;display: none;} #CB_Email {position: absolute;right: 15px;} */ #CB_ShowTh, #CB_Thumbs2, #CB_Thumbs, .CB_RoundPixBugFix, #CB_Padding, #CB_ImgContainer, #CB_PrevNext, #CB_ContentHide, #CB_LoadingImage, #CB_Text, #CB_Window, #CB_Image, #CB_TopLeft, #CB_Top, #CB_TopRight, #CB_Left, #CB_Content, #CB_Right, #CB_BtmLeft, #CB_Btm, #CB_BtmRight, #CB_Prev, #CB_Next, #CB_Prev:hover, #CB_Next:hover, #CB_CloseWindow, #CB_SlideShowS, #CB_SlideShowP, #CB_SlideShowBar, #CB_Email { margin: 0; padding: 0; background-color: transparent; border: 0px; } #CB_iFrCont { position: absolute; width: 0px; height: 0px; } #CB_HiddenText { position: absolute; visibility: hidden; z-index: -1000; top: -100px; left: -1000px; } .CB_Sep { color: #bbb; } .CB_TnThumbs { width: 0px; height: 0px; border: 0px; outline-style: none; outline: 0px; padding: 0; margin: 0; visibility: hidden; } .CB_BtmNav { position: relative; top: 4px; border: 0; padding: 0px 0px 0px 3px; } #CB_ImgHide { position: absolute; visibility: hidden; z-index: 1098; left: 0px; } #CB_ShowTh { width: 100%; height: 20%; visibility: hidden; position: absolute; z-index: 1097; bottom: 0px; left: 0px; } #CB_Thumbs { display: none; height: 62px; padding-top: 10px; position: absolute; z-index: 1100; overflow: hidden; bottom: 0px; left: 0px; } #CB_Thumbs2 { margin: auto 0; height: 52px; position: absolute; } .CB_ThumbsImg { position: absolute; border: 1px solid #fff; cursor: pointer; } .CB_RoundPixBugFix { display: block; visibility: hidden; font-family: arial; font-size: 1pt; } #CB_ImgContainer { position: relative; width: 100%; } #CB_PrevNext { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1002; } #CB_NavPrev, #CB_NavNext { visibility: hidden; position: absolute; z-index: 1001; top: 47%; cursor: pointer; } #CB_NavPrev { left: 18px; } #CB_NavNext { right: 15px; } #CB_ContentHide { position: absolute; z-index: 1000; top: 0px; left: 0px; } #CB_LoadingImage { position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; visibility: hidden; } #CB_Text { position: relative; text-align: left; overflow: hidden; } #CB_T1 { height: 14px; white-space: nowrap; position: relative; } #CB_T2 { margin-top: -1px; } #CB_TL { position: relative; background-color: #fff; display: none; } #CB_Window { left:50%; position:absolute; top:50%; visibility:hidden; z-index: 1100; border-collapse: separate; } #CB_Image { position: relative; } #CB_iFrame { position: absolute; width: 0px; height: 0px; z-index: 1003; } #CB_TopLeft { background-image:url(../i/s_topleft.png); background-position:right bottom; } #CB_Top { background-image:url(../i/s_top.png); background-position:left bottom; } #CB_TopRight { background-image:url(../i/s_topright.png); background-position:left bottom; } #CB_Left { background-image:url(../i/s_left.png); background-position:right top; } #CB_Content { background-color: #fff; } #CB_Right { background-image:url(../i/s_right.png); background-position:left top; } #CB_BtmLeft { background-image:url(../i/s_btmleft.png); background-position:right top; } #CB_Btm { background-image:url(../i/s_btm.png); background-position:left top; } #CB_BtmRight { background-image:url(../i/s_btmright.png); background-position:left top; } #CB_Prev, #CB_Next { background: transparent url(../i/blank.gif) no-repeat scroll 0%; display: block; width: 49%; cursor: pointer; outline-style: none; outline: 0px; z-index: 1102; } .CB_TextNav { text-decoration: underline; padding-right: 5px; color: #999; outline-style: none; outline: 0px; cursor: pointer; border: none; } .CB_TextNav:hover { text-decoration: underline; color: #555; border: none; } #CB_Prev { float: left; left: 0px; } #CB_Next { float: right; left: 0px; } #CB_Prev:hover { background:transparent; } #CB_Next:hover { background:transparent; } #CB_CloseWindow { position: absolute; right: -14px; top: -10px; z-index: 1104; cursor: pointer; } #CB_SlideShowS, #CB_SlideShowP { position: absolute; left: -11px; top: -10px; z-index: 1104; cursor: pointer; } #CB_SlideShowBar { background-color: #fff; width: 0px; position: absolute; height: 2px; display: none; z-index: 1102; } #CB_Email { position: absolute; right: 15px; } /*lightbox*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:i/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../i/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../i/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /************** VERTICAL MENU UNDER DEVELOPMENT **************/ .menu, .menu ul {padding:0; margin:0; list-style:none;} .menu {width:197px; height:auto; background:#fcfcfc; border:1px solid #ddd; border-width:1px 0 1px 1px; position:relative; z-index:500;} .menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;} .menu ul {position:absolute; left:-9999px;} .menu li {width:197px; height:42px; float:left; border-right:1px solid #ddd;} .menu li a {display:block; width:100%; height:42px; line-height:42px; color:#777; text-decoration:none; font-size:12px; font-family:"lucida grande", arial, sans-serif; text-indent: 10px; float:left;} .menu li.sub a {background:url(../i/grey.gif) no-repeat 177px center;} .menu li a:hover {white-space:nowrap; position:relative; color:#06f;} .menu li.sub a:hover {background:url(../i/blue.gif) no-repeat 177px center; color:#06f;} .menu li.sub a b {display:block; color:#06f; font-weight:normal;} .menu li:hover {position:relative;} .menu li:hover.sub > a {background:url(../i/blue.gif ) no-repeat 177px center; color:#06f;} .menu li.home {background:url(../i/home.gif) no-repeat 10px center;} .menu li.products {background:url(../i/graph.gif) no-repeat 10px center;} .menu li.services {background:url(../i/services.gif) no-repeat 10px center;} .menu li.shop {background:url(../i/flower.gif) no-repeat 10px center;} .menu li.contacts {background:url(../i/mail.gif) no-repeat 10px center;} .menu li.privacy {background:url(../i/lock.gif) no-repeat 10px center;} .menu :hover ul {width:197px; height:auto; left:197px; top:7px; background:#fcfcfc; border:1px solid #ddd;} .menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul :hover ul {width:197px; height:auto; left:197px; top:-1px; background:#fcfcfc; border:1px solid #ddd; border-width:1px 0 1px 1px;} .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul {left:-9999px; width:0; height:0;} .menu :hover ul li, .menu :hover ul li a {width:197px; height:25px; line-height:25px; text-indent:10px; float:none;} .menu :hover ul li.sub a, .menu :hover ul :hover ul li.sub a, .menu :hover ul :hover ul :hover ul li.sub a, .menu :hover ul :hover ul :hover ul :hover li.sub a, .menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a {background:url(../i/grey.gif) no-repeat 177px center; color:#777;} .menu :hover ul li.sub a:hover, .menu :hover ul :hover ul li.sub a:hover, .menu :hover ul :hover ul :hover ul li.sub a:hover, .menu :hover ul :hover ul :hover ul :hover ul li.sub a:hover {background:url(../i/blue.gif) no-repeat 177px center; color:#06f;} .menu :hover ul li.sub:hover > a, .menu :hover ul :hover ul li.sub:hover > a, .menu :hover ul :hover ul :hover ul li.sub:hover > a, .menu :hover ul :hover ul :hover ul :hover ul li.sub:hover > a {background:url(../i/blue.gif) no-repeat 177px center; color:#06f;} .menu :hover ul li a, .menu :hover ul :hover ul li a, .menu :hover ul :hover ul :hover ul li a, .menu :hover ul :hover ul :hover ul :hover ul li a, .menu :hover ul :hover ul :hover ul :hover :hover ul li a {background:#fcfcfc; color:#777;} .menu :hover ul li a:hover, .menu :hover ul :hover ul li a:hover, .menu :hover ul :hover ul :hover ul li a:hover, .menu :hover ul :hover ul :hover ul :hover ul li a:hover, .menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover {background:#fcfcfc; color:#06f;} .menu li.sub a b, .menu :hover li.sub a b, .menu :hover ul :hover li.sub a b, .menu :hover ul :hover ul :hover li.sub a b, .menu :hover ul :hover ul :hover ul :hover li.sub a b, .menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a b {display:block; color:#06f; font-weight:normal;} .menu li.sub a.selected b, .menu :hover ul li.sub a.selected b, .menu :hover ul :hover ul li.sub a.selected b, .menu :hover ul :hover ul :hover ul li.sub a.selected b, .menu :hover ul :hover ul :hover ul :hover ul li.sub a.selected b, .menu :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b {display:block; background:#fcfcfc; color:#06f; font-weight:normal;} .sitemap {clear:left;color:#fff;} .sitemap a {color:#fff;} .sitemap a:hover {text-decoration:none;} .sitemap ul {margin-left:45px;} .sitemap li {line-height:1.8em;list-style-type:disc;} .sitemap li ul li a {font-size:1.2em;} .sitemap li ul li ul li a {font-size:1.4em;} .sitemap li ul li ul li ul li a {font-size:1.6em;} #siteRequires table {width:12em !important;} #siteRequires table td {background:#333 !important;border:none !important;} #siteRequires table td.heading {font-weight:normal;} #siteRequiresbar {font-size:0.7em;font-family:arial;font-weight:normal;text-transform:uppercase;} #siteRequires img {border:none;position:relative;top:-5px;left:8px;} #siteRequires .row {} #addOns {margin:5px auto;width:950px;} #addOns ul {margin:0 0 0 5px;padding:0;} #addOns li {list-style-type:none;float:left;padding:0 0 10px 0;margin:0 10px 0 0;color:#333;position:relative;top:5px;} * html #addOns li {padding:0 0 5px 0;} *+html #addOns li {padding:0 0 5px 0;} #addOns img {border:none;} #addOns img:focus {} /*NEW GALLERY CSS*/ #placeholder {width:480px;height:365px;background:#fff;} .gallerycontainer{position: relative;/*Add a height attribute and set to largest image's height to prevent overlaying*/} .gallerycontainer ul {margin:0;padding:0;} .gallerycontainer li {list-style-type:none;} .thumbnail img{border: 1px solid white;margin:0;} .thumbnail:hover{background-color: transparent;} .thumbnail:hover img{} .thumbnail span{ /*CSS for enlarged image*/position: absolute;background-color: lightyellow;padding: 0;left: -1000px;border: 1px dashed gray;visibility: hidden;color: black;text-decoration: none;} .thumbnail span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px;} .thumbnail:hover span{ /*CSS for enlarged image*/visibility: visible;top:-35px;left: 275px; /*position where enlarged image should offset horizontally */z-index: 50;} /*NEW code for related areas of interest with opaque hover effects*/ #middleCol .extra {display:inline; float:left; text-decoration:none; margin:0;padding:0 !important;} #middleCol .extra p {} #middleCol .extra .txt, .extra b {display:none;color:#000 !important;} #middleCol .extra .head {display:block; text-align:center;} #middleCol .extra .color1 {background:#16732c;} #middleCol .extra .color2 {background:#877660;} #middleCol .extra .color3 {background:#8aaa7f;} #middleCol .extra img {border:0; display:block;margin:0 !important;} #middleCol .extra a {} #middleCol .extra p.mh2 {margin:0; color:#fff; font-weight:normal;font-size:0.9em;padding:3px 0;} #middleCol .extra:hover {background:#fff; position:relative;cursor:pointer;} #middleCol .extra:hover b {display:block; position:absolute; top:0; left:0; width:90px;height:90px; opacity:0.7;} #middleCol .extra:hover .color1 b {background:#eab70d;} #middleCol .extra:hover .color2 b {background:#877660;} #middleCol .extra:hover .color3 b {background:#8aaa7f;} #middleCol .extra:hover em.txt {display:block;font-family:arial;font-size:0.75em;text-decoration:none; position:absolute; top:35px; width:90px; left:0; height:55px;color:#fff;margin:0; line-height:1.5em;font-style:normal;font-weight:normal;} /*IE7*/ #middleCol .extra:hover b {filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);} /*NEW code for related areas of interest with opaque hover effects*/ #addOns .extra {display:inline; float:left; text-decoration:none; margin:0;padding:0 !important;} #addOns .extra p {} #addOns .extra .txt, .extra b {display:none;color:#000 !important;} #addOns .extra .head {display:block; text-align:center;} #addOns .extra .color1 {background:#eab70d;} #addOns .extra .color2 {background:#877660;} #addOns .extra .color3 {background:#8aaa7f;} #addOns .extra img {border:0; display:block;margin:0 !important;border-right:solid 10px #eab70d;} #addOns .extra a {} #addOns .extra p.mh2 {margin:0; color:#fff; font-weight:normal;font-size:0.9em;padding:3px 0;} #addOns .extra:hover {background:#fff; position:relative;cursor:pointer;} #addOns .extra:hover b {display:block; position:absolute; top:0; left:0; width:80px;height:62px; opacity:0.7;} #addOns .extra:hover .color1 b {background:#eab70d;} #addOns .extra:hover .color2 b {background:#eab70d;} #addOns .extra:hover .color3 b {background:#eab70d;} #addOns .extra:hover em.txt {display:block;font-family:arial;font-size:0.75em;text-decoration:none; position:absolute; top:25px; width:80px; left:0; height:25px;color:#fff;margin:0; line-height:1.5em;font-style:normal;font-weight:normal;} /*IE7*/ #addOns .extra:hover b {filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);} /*NEW CODE AJAX SEARCH*/ div.autosuggest{position: absolute;background-image: url(../i/as_pointer.gif); background-position: top;background-repeat: no-repeat;padding: 10px 0 0 0;} div.autosuggest div.as_header, div.autosuggest div.as_footer{position: relative;height: 6px;padding: 0 6px;background-image: url(../i/ul_corner_tr.gif);background-position: top right;background-repeat: no-repeat;overflow: hidden;} div.autosuggest div.as_footer{background-image: url(../i/ul_corner_br.gif);} div.autosuggest div.as_header div.as_corner, div.autosuggest div.as_footer div.as_corner{position: absolute;top: 0;left: 0;height: 6px;width: 6px;background-image: url(../i/ul_corner_tl.gif);background-position: top left;background-repeat: no-repeat;} div.autosuggest div.as_footer div.as_corner{background-image: url(../i/ul_corner_bl.gif);} div.autosuggest div.as_header div.as_bar, div.autosuggest div.as_footer div.as_bar{height: 6px;overflow: hidden;background-color: #333;} div.autosuggest ul{list-style: none;margin: 0 0 -4px 0;padding: 0;overflow: hidden;background-color: #333;} div.autosuggest ul li{color: #ccc;padding: 0;margin: 0 4px 4px;text-align: left;} div.autosuggest ul li a{color: #ccc;display: block;text-decoration: none;background-color: transparent;text-shadow: #000 0px 0px 5px;position: relative;padding: 0;width: 100%;} div.autosuggest ul li a:hover{background-color: #444;} div.autosuggest ul li.as_highlight a:hover{background-color: #1B5CCD;} div.autosuggest ul li a span{display: block;padding: 3px 6px;font-weight: bold;} div.autosuggest ul li a span small{font-weight: normal;color: #999;} div.autosuggest ul li.as_highlight a span small{color: #ccc;} div.autosuggest ul li.as_highlight a{color: #fff;background-color: #1B5CCD;background-image: url(../i/hl_corner_br.gif);background-position: bottom right;background-repeat: no-repeat;} div.autosuggest ul li.as_highlight a span{background-image: url(../i/hl_corner_bl.gif);background-position: bottom left;background-repeat: no-repeat;} div.autosuggest ul li a .tl, div.autosuggest ul li a .tr{background-image: transparent;background-repeat: no-repeat;width: 6px;height: 6px;position: absolute;top: 0;padding: 0;margin: 0;} div.autosuggest ul li a .tr{right: 0;} div.autosuggest ul li.as_highlight a .tl{left: 0;background-image: url(../i/hl_corner_tl.gif);background-position: bottom left;} div.autosuggest ul li.as_highlight a .tr{right: 0;background-image: url(../i/hl_corner_tr.gif);background-position: bottom right;} div.autosuggest ul li.as_warning{font-weight: bold; text-align: center;} div.autosuggest ul em{font-style: normal;color: #6EADE7;} /*news or events slider .link {cursor:pointer; color:#666} .link:hover {color:#000} .slider {position:relative; overflow:hidden; border:2px solid #9ac1c9; background:#eef5f6; margin-bottom:20px} .slidercontent {position:absolute} .slidercontent .upper {border-bottom:1px solid #9ac1c9} .section {padding:10px} .newsslider {position:relative; overflow:hidden; border:2px solid #9ac1c9; height:1.5em; width:485px; background:#eef5f6; margin-bottom:20px} .newsslider strong {margin-left:5px;} .newsslider p {} .newsslidercontent {position:absolute} .newsslidercontent .upper {border-bottom:1px solid #9ac1c9} .newssection {padding:10px; height:75px} */ /*news or events slider MULTIPLE STORIES DISPLAY*/ .link {cursor:pointer; color:#666} .link:hover {color:#000} .slider {position:relative; overflow:hidden; border:2px solid #9ac1c9; background:#eef5f6; margin-bottom:20px} .slidercontent {position:absolute} .slidercontent .upper {border-bottom:1px solid #9ac1c9} .section {padding:10px} .newsslider {position:relative; overflow:hidden; border:2px solid #9ac1c9; height:3em; width:485px; background:#eef5f6; margin-bottom:20px} .newsslider strong {margin-left:5px;} .newsslider p {} .newsslidercontent {position:absolute} .newsslidercontent .upper {border-bottom:1px solid #9ac1c9} .newssection {padding:10px; height:75px} #newssection-0, #newssection-1, #newssection-2, #newssection-3, #newssection-4, #newssection-5, #newssection-6, #newssection-7, #newssection-8, #newssection-9, #newssection-10 {width:49%;float:left;border-right:solid 2px #ccc;} /*Drop Section*/ #mypanel {} .ddpanel .ddpanelcontent{color:#333;background:#eab70d;width:100%;position:fixed;bottom:0;border-top:solid 1px #fff;} .ddpanel .ddpanelcontent img {padding-bottom:5px;} .ddpanelcontent img:active {} .ddpanel .ddpaneltab {position:fixed;right:0;bottom:0;margin:0 3px 0 0;z-index:999999;} * html .ddpanel .ddpaneltab {margin-top:-50px;position:absolute;bottom:auto;} .ddpanel .ddpaneltab a span{ float:left;display:block;padding:0;cursor: pointer;width:30px;text-align:center;line-height:2em;} * html .ddpanel .ddpaneltab a {position:relative;top:30px;left:-3px;} .ddpanel .ddpaneltab a span img.pointerimage{margin:0;} .ddpanel .ddpaneltab a:hover{} .ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{} .ddpanel .ddpaneltab a:hover span{background-color: transparent;} /*BBC STYLE IMAGE GALLERY VIEWER*/ #galleryId1{ /*CSS for sample Gallery*/position: relative; /*keep this intact*/visibility: hidden; /*keep this intact*/border: 5px solid darkred;} #galleryId1 img {float:none;margin:0;padding:0;} img.seaWebsites {margin-left:30px !important;}