/*** 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:8px 0 0 0;padding:0;}
.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 0 0 0;margin:0 auto;}	
#wrapperInner {padding:0;margin:0 auto;width:984px;background:#fff url(../i/wrapperInner.png) left top repeat-y;}

#leftCol {width:245px;float:left;position:relative;left:35px;clear:left;}

#middleCol {float:left;width:704px;margin:0;padding:0;position:relative;left:35px;}
#article {margin:0;padding:0 0 0 20px;width:428px;float:left;}
#rightCol {width:236px;float:right;}

/*** generic objects ***/
p {margin:10px 5px 10px 0;font-size:0.8em;color:#2f60af;}
em {color:#8a8a8a;}
p u {color:#8a8a8a;}
p.tiny {font-size:0.7em;}
p.large {clear:both;font-size:1.5em;}
h1 {color:#2f60af;font-size:1.4em;margin:10px 0;}
h2 {color:#2f60af;font-size:1.1em;margin:10px 0;}
h3 {color:#2f60af;font-size:0.9em;margin:10px 0;}
h4 {color:#2f60af;font-size:0.8em;margin:5px 0;}
h5 {color:#2f60af;font-size:0.7em;margin:5px 0;}
ul {margin:10px 0 10px 15px;font-size:0.8em;color:#8a8a8a;}
ol {margin:10px 0 10px 17px;font-size:0.8em;color:#8a8a8a;}
li {color:#2f60af;}
address {margin:10px 0;font-size:0.75em;color:#8a8a8a;}
a {color:#00aeef;}
a:hover {text-decoration:none;}
fieldset {font-family:arial;font-size:0.9em;color:#bbb;border:solid 1px #bbb;margin:0;padding:5px;line-height:1.6em;width:660px;}
legend {color:#777;padding:0;}
img {float:left;margin:0 10px 0 0;border:none;}
img.right {margin:0 5px 0 10px;}
td p {margin-top:0;font-size:0.7em;}
td img {margin:0;}
.label {clear:left;}

/*** specific objects ***/

#masthead {width:704px;height:145px;overflow:hidden;margin:0;float:left;}
#masthead img {margin:10px 0 0 0;}

.mastheadCaption p {position:absolute;width:auto;height:auto;padding:0 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 {border:none;font-size:0.75em;padding:2px 10px;border-right:solid 1px #cc0000;border-bottom:solid 1px #cc0000;color:#333;background:#fff;}

#loggedInAs {margin:0 0 0 30px;}
#loggedInAs p.logout {position:relative;left:-25px;}
#loggedInAs p.logout a {color:#ff954f;}

#error {text-align:center;width:944px;margin:15px 0 15px 23px;}
#error h1 {color:#c00;line-height:3em;}
#error a {text-decoration:none;color:#2f60af;font-size:1.2em;}
#error a:hover {color:#00aeef;}

#pageHeader {height:168px;width:280px;float:left;margin:0;}
#pageHeaderInner img {border:none;float:left;}
#pageHeaderInner {}

#map {width:364px;height:264px;margin:10px 0 10px 15px;}
#map div span {}
#map div a {display:none;}
#mapStatic {width:364px;height:364px;}


#primaryMenu a {color:#666;}

.primaryMenu {background:#E2EECF;margin:0 0 0 0;}
.primaryMenu ul {margin:0;padding:0 0 0 0;}
.primaryMenu li {border-bottom:solid 2px #93C948;padding:0;margin:0;list-style-type:none;padding:7px 0;font-size:1em;}
* html .primaryMenu li {position:relative;}
.primaryMenu li.tier1 {background:#E2EECF;margin-left:30px;}
.primaryMenu li.tier2 {background:#fff;float:left;width:25%;text-align:center;margin-bottom:10px;}
.primaryMenu li.tier3 {background:#FFAE79;}
.primaryMenu li.tier1 a {position:relative;left:-25px;padding-left:35px;display:block;}
.primaryMenu li.tier2 a {position:relative;left:10px;}
.primaryMenu li.tier3 a {position:relative;left:40px;}
.primaryMenu a {color:#2F60AF;text-decoration:none;padding:0;}
.primaryMenu a:hover {text-decoration:underline;}
.primaryMenu li.selected {}
.primaryMenuTier1 li.selected a {background:url(../i/Green-dot2.jpg) left center no-repeat;font-weight:bold;}
.primaryMenuTier2 li.selected a {background:url(../i/Green-dot.jpg) center 35px no-repeat;padding:18px 0;font-weight:bold;}
#primaryMenuBottom {padding-top:7px;width:245px;height:160px;background:#e2eecf url(../i/Left-hand-image-green.png) left bottom no-repeat;padding-top:10px;}
#primaryMenuBottom p {margin:0;padding:0;}


.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;}

#searchBar {float:right;}
#searchFrm {border-right:none;padding:0;margin:0 0;width:auto;}
#searchFrm .label {float:left;position:relative;top:1px;}
#searchFrm label {color:#666;position:relative;top:2px;left:-3px;font-size:0.8em;}
#searchFrm input {color:#2f60af;border:solid 3px #E2EECF;background:#E2EECF;font-size:0.75em;position:relative;top:0;width:175px;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 #93c948;width:auto;color:#fff;background:#93c948;padding:1px 5px;position:relative;left:-2px;top:1px;text-indent:none;}
* html #searchFrm .btn {position:relative;top:1px;padding:0 4px;}
*+html #searchFrm .btn {position:relative;top:0;padding:0 4px;}


.areasOfInterest {padding:5px 0;}
.areasOfInterest ul {margin:4px 0;padding:0;}
.areasOfInterest li {list-style-type:none;float:left;width:25%;text-align:center;border-bottom:solid 2px #93c948;padding:3px 0 2px 0;}
.areasOfInterest a {text-decoration:none;position:relative;top:-4px;color:#2f60af;}
.areasOfInterest li.selected a {background:url(../i/Green-dot.jpg) center 35px no-repeat;padding:18px 0;}



.newsItem {border-top:solid 1px #bbb;padding:5px 5px 5px 0;margin-right:5px;}
#middleCol .newsItem {padding:5px 0;}
#rightCol h2 {}
#rightCol .newsItem {margin:0 15px 0 0;font-size:0.8em;}
#rightCol .newsItem p.tiny {font-size:0.9em;}
#rightCol img {margin:10px 0 0 0;padding:0;}
.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;}


#attachments {padding:10px 0 !important;clear:both;}
#attachments li {margin:0 0 0 10px;padding:0;}
* html #attachments li {margin-left:1px;}
*+html #attachments li {margin-left:1px;}
#attachments a {background:#e9e3e1;color:#e95d00;text-decoration:none;padding:2px;position:relative;top:-2px;}
* html #attachments a {left:10px;}
*+html #attachments a {left:10px;}
#attachments a:hover {background:#8a8a8a;color:#fff;}
	
#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;width:500px;}
#enquiryForm .label {width:12em;float:left;font-size:0.9em;}
#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:486px;height:1.3em;}
#enquiryForm input:focus, #newsArticle input:active {background:url(../i/searchBarBg.png) left top repeat-x;}
#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:489px;height:125px;border:solid 1px #bbb;margin:5px 0;color:#666;}
#enquiryForm .btn {border:none;font-size:0.75em;padding:2px 10px;border-right:solid 1px #cc0000;border-bottom:solid 1px #cc0000;color:#333;background:#fff;height:1.9em;}
#enquiryForm .btn:focus {color:#333;}
#enquiryForm .submit {width:7.5em;}
#enquiryForm .clear {width:3em;}
.errorHighlight {background:#f77;}

#emailThisPageForm {margin:0;padding:0;width:500px;}
#emailThisPageForm .label {width:12em;float:left;font-size:0.9em;}
#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:486px;height:1.4em;}
#emailThisPageForm input:focus, #newsArticle input:active {background:url(../i/searchBarBg.png) left top repeat-x;}
#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, #newsEdit select#liveFromYear, #newsEdit select#liveToMonth, #newsEdit 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:489px;height:125px;border:solid 1px #bbb;margin:5px 0;color:#666;}
#emailThisPageForm textarea:focus {background:#fff !important;}
#emailThisPageForm .btn {border:none;font-size:0.75em;padding:2px 10px;border-right:solid 1px #cc0000;border-bottom:solid 1px #cc0000;color:#333;background:#fff;height:1.9em;width:8em;}
#emailThisPageForm .btn:focus {color:#333;}

#productEnquiryForm {font-size:0.8em;}
#productEnquiryForm .label {width:245px;float:left;text-align:right;margin-bottom:10px;}
#productEnquiryForm label {color:#333;}
#productEnquiryForm input {float:left;clear:right;margin-bottom:3px;border:solid 1px #bbb;width:300px;margin-left:30px;}
#productEnquiryForm .check {float:left;margin:2px 0 0 30px;}
#productEnquiryForm fieldset {clear:both;padding:10px;margin:10px 0;}
#productEnquiryForm textarea {float:left;width:300px;border:solid 1px #bbb;margin-left:30px;}
#productEnquiryForm p {font-size:1em;}
#productEnquiryForm ul {clear:both;}
#productEnquiryForm li {font-size:1.2em;}
#productEnquiryForm textarea#hardwareSoftwareDesignRequirements {width:428px;margin-bottom:10px;}
#productEnquiryForm .btn {background:none;font-size:0.9em;padding:2px;width:auto;margin-left:0;border-right:solid 2px #2f60af;border-bottom:solid 2px #2f60af;}
#productEnquiryForm .check, #productEnquiryForm .radio {width:auto;border:none;}

#AAA {margin:0;padding:0;position:absolute;right:10px;top:3px;}
#AAA ul {}
#AAA li {display:inline;color:#e95d00;}
#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;}
#AAA a:hover {color:#e95d00;}

#languageSelector {}
#languageSelector ul {margin:10px 25px 0 0;padding:0;float:right;}
#languageSelector li {list-style-type:none;float:left;margin:0 5px;}

#highResolution {margin:0;padding:0;position:absolute;right:10px;top:50px;}
#highResolution ul {}
#highResolution li {display:inline;color:#e95d00;}
#highResolution li.normal {}
#highResolution li.large {font-size:1.4em;}
#highResolution li.extraLarge {font-size:1.8em;}
#highResolution li a {margin-left:5px;text-decoration:none;}
#highResolution a:hover {color:#e95d00;}

#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;margin:2px;width:98px;height:98px;overflow:hidden;float:left;}
#gallery a {background:none;}
#gallery a:hover {background:none;}
#gallery img {border:none;}


#footer {width:984px;text-align:center;clear:both;}
#footer ul {margin:0 0 20px 0;padding-top:20px;}
#footer li {list-style-type:none;display:inline;color:#2f60af;}
#footer li.logout a, #footer li.poweredBy a {color:#2f60af;}
#footer a {text-decoration:none;color:#333;}
#footer a:hover {text-decoration:underline;}

#copyright {width:944px;margin:0 auto 0 auto;text-align:center;}
#copyright ul {margin:0 0 10px 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 */

#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;}                              


/************** 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;}
.sitemap a {}
.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;}
p.sitemap a {color:#666 !important;text-decoration:none;}
p.sitemap a:hover {text-decoration:underline !important;}

.azList {margin:0;padding:0;clear:left;}
.azList ul {margin:0;padding:0;}
.azList li {list-style-type:none;float:left;margin:3px 0;padding:0;}

#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:10px auto;width:950px;}
#addOns ul {margin:0 0 0 10px;padding:0;}
#addOns li {list-style-type:none;float:left;padding:0 0 10px 0;margin:0 10px 0 0;color:#fff;}
* 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*/
.extra {display:inline; float:left; text-decoration:none; margin:0;padding:0 !important;}
.extra p {}
.extra p.txt, .extra b {display:none;}
.extra .head {display:block; width:100%;text-align:center;}
.extra .color1 {background:#16732c;}
.extra .color2 {background:#877660;}
.extra .color3 {background:#8aaa7f;}

.extra img {border:0; display:block;margin:0 !important;}
.extra a {}
.extra p.mh2 {margin:0; color:#fff; font-weight:normal;font-size:0.9em;padding:3px 0;}

.extra:hover {background:#fff; position:relative;cursor:pointer;}
.extra:hover b {display:block; position:absolute; top:26px; left:0; width:100%; background:#ccc; height:60px; opacity:0.7;}
.extra:hover .color1 b {background:#b7c7b0;}
.extra:hover .color2 b {background:#877660;}
.extra:hover .color3 b {background:#8aaa7f;}

.extra:hover p.txt {display:block;font-family:arial; position:absolute; top:40px; width:150px; left:5px; height:50px; color:#fff; margin:0; line-height:1.5em;}

/*IE7*/
.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*/
.ddpanel .ddpanelcontent{/*CSS for "content" DIV of Drop Down Panel*/
color: white;background: #ff954f; /*background of Drop Down Panel*/width:950px;margin-left:16px;
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */}
* html .ddpanel .ddpanelcontent {margin-left:28px;}
*+html .ddpanel .ddpanelcontent {margin-left:18px;}
.ddpanelcontent img:active {}
.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/margin-right: 0;font: normal 12px Arial;}
.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;color: white;background: #ff954f url(../i/toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/text-decoration: none;letter-spacing: 1px;position:relative;left:-18px;}
*+html .ddpanel .ddpaneltab a {left:-16px;}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;display: block;background: transparent url(../i/toggleright.gif) no-repeat right bottom;padding:0;cursor: pointer;width:7em;text-align:center;line-height:2em;}
.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/margin:0;}
.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/background-color: #e95d00; /*background of toggle tab onMouseover*/}
.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/outline: 0;}
.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/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;}