/*** open ***/
* {margin:0;padding:0;font-size:1em;font-family:Arial, Sans-serif;line-height:1.4em;}
body {margin:0;padding:0;background-color:transparent;}
.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;border-top:solid 2px #333;padding:0;margin:0 auto;background:#fff;}	
#wrapperInner {margin:0 auto;width:984px;}

#leftCol {}
#middleCol {width:984px;float:left;margin:0;padding:0;background:#2d2d2d;}
#rightCol {width:0;float:left;margin:0;padding:0}

/*** generic objects ***/
p {margin:7px 5px 10px 30px;font-size:0.8em;color:#8a8a8a;}
em {color:#8a8a8a;}
p u {color:#8a8a8a;}
p.tiny {font-size:0.7em;}
h1 {color:#e95d00;font-size:1.4em;margin:5px 0;text-indent:70px;padding:2px 0;}
h2 {color:#dc1f26;font-size:1em;margin:5px 0;clear:left;text-indent:70px;font-weight:normal;}
h3 {color:#e95d00;font-size:1em;margin:5px 0;text-indent:70px;font-weight:normal;}
h4 {color:#e95d00;font-size:0.8em;margin:5px 0;}
h5 {color:#e95d00;font-size:0.7em;margin:5px 0;}
ul {margin:10px 0 10px 45px;font-size:0.8em;color:#8a8a8a;}
ol {margin:10px 0 10px 17px;font-size:0.8em;color:#8a8a8a;}
address {margin:10px 0;font-size:0.75em;color:#8a8a8a;}
a {color:#8a8a8a;}
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;}
legend {color:#777;padding:0 10px;}
img {}
/*a[rel="nofollow"]
{background-color: red !important;} */

/*** specific objects ***/
#middleCol img {float:right;margin:0 0 10px 10px;border:none;}
#middleCol h1 {clear:both;background:url(../i/h1Bg.jpg) left bottom no-repeat;color:#fff;margin:0;}
#middleCol a {color:#8a8a8a;background:#e9e3e1;padding:1px;}
#middleCol a:hover {background:#8a8a8a;color:#fff;}
#middleCol li {}

#masthead {width:984px;height:auto;overflow:hidden;margin:0 0 0 0;clear:left;border-bottom:8px solid #666;background:#bbb;}
#masthead img {margin-bottom:0;}
.mastheadCaption {height:auto;}
.mastheadCaption p {float:left;width:259px;height:auto;color:#333;margin:15px 0 15px 70px;font-size:1.1em;}
* html .mastheadCaption p {margin-left:20px;}
.cf_wrapper {}
div.cf_element {width:984px;height:246px;overflow:hidden;}
div.cf_element div.content {}
div.cf_element div.content img {}


#pageHeader {height:71px;width:984px;margin:0 auto;background:#DC1F26;border-bottom:4px solid #bbb;padding:5px 0;}
#pageHeaderInner img {border:none;float:left !important;margin:0 0 0 64px;}
#pageHeaderInner {}
#pageHeaderInner p {float:right;clear:right;color:#fff;font-weight:bold;font-size:1.4em;letter-spacing:1px;position:relative;top:30px;left:-5px;font-style:italic;}

*+html #pageHeaderInner p {left:25px;}
* html #pageHeaderInner p {left:35px;}

#primaryMenu a {color:#666;}

.primaryMenu {background:#c1c1c1;margin:10px 0 0 0;width:197px;}
.primaryMenu ul {margin:0;padding:0;}
.primaryMenu li {border-bottom:solid 1px #fff;padding:0;margin:0;list-style-type:none;padding:8px 0;font-size:1em;}
.primaryMenu li.tier1 {background:#e95d00;}
.primaryMenu li.tier2 {background:#FF954F;}
.primaryMenu li.tier3 {background:#FFAE79;}
.primaryMenu li.tier1 a {position:relative;left:10px;}
.primaryMenu li.tier2 a {position:relative;left:25px;}
.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 {}
.primaryMenu li.selected a {background:url(../i/arrow_1.png) left center no-repeat;padding-left:13px;}

.primaryMenuTier1 ul {margin:0;text-align:center;padding:24px 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 {margin:10px 0 0 0;width:197px;}
.primaryMenuTier2And3 ul {margin:0;padding:0;}
.primaryMenuTier2And3 li {border-bottom:solid 1px #fff;padding:0;margin:0;list-style-type:none;padding:8px 0;font-size:1em;}
.primaryMenuTier2And3 li.tier1 {background:#e95d00;}
.primaryMenuTier2And3 li.tier2 {background:#FF954F;}
.primaryMenuTier2And3 li.tier3 {background:#FFAE79;}
.primaryMenuTier2And3 li.tier1 a {position:relative;left:10px;}
.primaryMenuTier2And3 li.tier2 a {position:relative;left:25px;}
.primaryMenuTier2And3 li.tier3 a {position:relative;left:40px;}
.primaryMenuTier2And3 a {color:#fff;text-decoration:none;padding:0;}
.primaryMenuTier2And3 a:hover {text-decoration:underline;}
.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;position:relative;left:-10px;}
#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:2em;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:0;padding:0 4px;}
*+html #searchFrm .btn {position:relative;top:0;padding:0 4px;}

.newsItem {border-bottom:solid 1px #bbb;padding:5px 5px 5px 0;margin-right:5px;}
#middleCol .newsItem {padding:5px 0;}
#rightCol h2 {margin-top:7px;}
#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;}

#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); }


#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;}
#eventsCalendar a:hover {background-color:#ffae79 !important;}

#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;float:right;}
#enquiryForm h2 {text-indent:0px;}
#enquiryForm .label {width:12em;float:left;font-size:0.8em;}
#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;font-size:0.8em;}
#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 {width:auto;font-size:0.8em;background:#fff;border-right:solid 1px #dc1f26;border-bottom:solid 1px #dc1f26;height:2em;width:15em;}
* html #enquiryForm .btn {height:1.9em;}
*+html #enquiryForm .btn {height:1.9em;}
#enquiryForm .btn:focus {color:#333;}
#enquiryForm .submit {width:9em;}
#enquiryForm .clear {width:3em;}
#enquiryForm p {margin:10px 0;}

#contactDetails {width:auto;float:left;}

#emailThisPageForm {margin:0;padding:0;position:relative;left:40px;}
#emailThisPageForm .label {width:12em;float:left;font-size:0.8em;margin-left:30px;}
#emailThisPageForm label {}
#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.3em;font-size:0.9em;}
#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;font-size:0.9em;}
#emailThisPageForm .btn {height:1.9em;width:8em;padding:0;font-size:0.8em;background:none;border:none;border-right:solid 2px #666;border-bottom:solid 2px #666;position:relative;left:183px;}
#emailThisPageForm .btn:focus {color:#333;}
#emailThisPageForm h2 {text-indent:0;margin-left:30px;font-size:0.9em;}


#AAA {margin:0;padding:0;position:absolute;right:10px;top:3px;}
#AAA ul {}
#AAA li {display:inline;color:#DC1F26;}
#AAA li.normal {}
#AAA li.large {font-size:1.4em;}
#AAA li.extraLarge {font-size:1.8em;}
#AAA li a {color:#333;background:#fff !important;margin-left:5px;text-decoration:none;}
#AAA a:hover {color:#DC1F26;}

#languageSelector {position:absolute;}
#languageSelector ul {margin:0;padding:0;}
#languageSelector li {list-style-type:none;float:left;margin:0 5px;position:relative;left:875px;top:10px;}
#languageSelector a {color:#fff;}
#languageSelector img {border:none;border:solid 1px #fff;}

#pageTools {margin:0;padding:0 0 0 0;width:100%;text-align:center;}
#pageTools ul {margin:10px 0 10px 0;padding:0;}
#pageTools li {list-style:none;display:inline;margin:0 10px 0 0;}
#pageTools a {text-decoration:none;color:#666;background:none;font-size:0.9em;padding:0;}
#pageTools a:hover {color:#fff;background:#8a8a8a;}

/*simple*/
.areasOfInterestSimple {margin:0;padding:0 0 0 23px;}
.areasOfInterestSimple a {color:#dc1f26 !important;background:none !important;text-decoration:none;background: url(../i/a1.jpg) right center no-repeat !important;padding-right:35px !important;line-height:2.2em;}
.areasOfInterestSimple a:hover {text-decoration:underline;}
.areasOfInterestSimple li {list-style:none;}


/*advanced*/
.areasOfInterest {width:914px;overflow:hidden;margin:10px 0;position:relative;left:70px;}
.areasOfInterestInner {width:265px;margin-right:25px;height:auto;float:left;}
* html .areasOfInterestInner {margin-right:25px;}
.areasOfInterestInner img {float:none;border:none;}
.areasOfInterestInner p {font-size:0.8em;margin:5px 0 5px 3px;}
.areasOfInterestInner a {background:none !important;color:#fff !important;text-decoration:none;}
.areasOfInterestInner a:hover {color:#b2b2b2 !important;}

#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 {color:#fff;}

#gallery {}
#gallery ul {margin:0;padding:0;}
#gallery li {list-style-type:none;display:inline;margin:5px 5px 5px 0;}
#gallery a {background:none;}
#gallery a:hover {background:none;}
#gallery img {border:solid 2px #bbb;}

#footer {width:984px;margin:0 auto 0 auto;background:#2d2d2d;}
#footer ul {margin:0;padding:0 0 5px 0;position:relative;left:70px;}
#footer li {list-style-type:none;display:inline;color:#b2b2b2;}
#footer a {color:#b2b2b2;text-decoration:none;background:#2d2d2d !important;}
#footer a:hover {color:#fff;}

#copyright {width:984px;margin:0 auto 0 auto;background:#2d2d2d;height:auto;border-top:solid 1px #fff;}
#copyright ul {margin:0 0 0 0;padding:0 0 10px 0;position:relative;left:70px;}
#copyright li {list-style-type:none;display:inline;position:relative;top:7px;color:#fff;line-height:1.5em;}
#copyright a {color:#fff;text-decoration:none;}
#copyright a:hover {color:#fff;}


/*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;}


/*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; background:#333;width:984px;}
.menu {height:auto;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 {}
.menu li {width:auto; height:2.75em; float:left;margin:0;padding:0;position:relative;left:50px;}
.menu li a {display:block;height:2.75em; line-height:2.75em; border-left:solid 20px #333; border-right:solid 20px #333;color:#bbb; text-decoration:none; font-size:12px; font-family:"lucida grande", arial, sans-serif;float:left;background:#333;}
.menu li.sub a {background:url(../i/grey.gif) no-repeat 177px center;background:#333;}
.menu li a:hover {white-space:nowrap; position:relative; color:#fff;}
.menu li.sub a:hover {background:url(../i/blue.gif) no-repeat 177px center;color:#fff;}
.menu li.sub a b {display:block; color:#fff; font-weight:normal;}
.menu li:hover {position:relative;}
.menu li:hover.sub > a {background:url(../i/blue.gif ) no-repeat 177px center;color:#fff;background:#333;}

.menu :hover ul
{width:285px; height:auto; left:15px; top:35px;}
* html .menu :hover ul {left:0;}
.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:285px;height:auto;left:275px;top:0;background:#333;}

.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 
{height:25px;line-height:25px;text-indent:10px;float:none;border-right:none;border-left:none;left:0;}

.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:#bbb url(../i/grey.gif) no-repeat 225px center; color:#fff;}

.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 225px center; color:#fff;}
.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:#bbb url(../i/blue.gif) no-repeat 225px center; color:#fff;}

.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:#666;color:#bbb;}

.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:#dc1f26;color:#fff;}

.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:#fff; 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; color:#fff; font-weight:normal;}



.sitemap {clear:left;}
.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;}


/*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;}