/*** open ***/
* {margin:0;padding:0;font-size:1em;font-family:Arial, Sans-serif;line-height:1.4em;}
body {margin:20px 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;margin:0 auto;background:#CDD4E7 url(../i/KATO-background.jpg) left 75px no-repeat;}	
#wrapperInner {padding:0 0 5px 0;margin:0 auto;width:984px;}
* html #wrapperInner {overflow-x:hidden;}

#leftCol {width:245px;float:left;}
#middleCol {width:420px;float:left;margin:50px 0 0 -20px;padding:0;}
#middleCol p {width:275px;margin-left:10px;}
* html #middleCol p {margin-left:8px;}
#rightCol {width:434px;float:right;margin-right:484px;}

.video {position:absolute;top:10px;}
.findAnApprentice {position:absolute;top:140px;left:-50px;}
.stillAtSchool {position:absolute;top:175px;left:80px;}
.heading {position:absolute;left:-200px;top:-75px;}
* html .heading {top:-70px;}
*+html .heading {top:-70px;}

.areasOfInterest {width:300px;margin:-413px 0 0 -220px;position:absolute;}
* html .areasOfInterest {margin:-408px 0 0 -154px;}
*+html .areasOfInterest {margin:-404px 0 0 -221px;}

.areasOfInterestInner {width:150px;float:left;}
.areasOfInterestInner img {border:none;}


/*** generic objects ***/
p {margin:5px 5px 5px 0;font-size:0.8em;color:#fff;position:relative;left:454px;}
li {color:#fff;list-style-type:square;line-height:1.8em;}
em {color:#8a8a8a;}
p u {color:#8a8a8a;}
p.tiny {font-size:0.7em;}
p.highlight {color:#c00 !important;font-size:1em;margin:15px 0;}
strong {font-weight:bold;}
h1 {color:#fff;font-size:1.8em;margin:0;line-height:1.4em;margin:0;padding:45px 0 0 0;}
h1 strong {font-size:2.2em;line-height:1.2em;color:#fff;font-weight:bold;}
h2 {color:#00a2d3;font-size:1.2em;margin:0;}
h3 {color:#00a2d3;font-size:1em;margin:5px 0;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 15px;font-size:0.8em;color:#666;}
ol {margin:10px 0 10px 17px;font-size:0.8em;color:#666;}
address {margin:10px 0;font-size:0.75em;color:#8a8a8a;}
a {color:#00549a;}
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 {float:left;margin-right:5px;}
label {color:#00549a;}
.check {width:20px !important;}

/*** specific objects ***/
#middleCol img {margin:3px 5px 3px 0;border:none;}
#middleCol h1 {clear:both;}
#middleCol ul {width:235px;float:right;position:relative;left:245px;margin:10px 0;padding:0;}
#middleCol a {color:#00549a;padding:0;font-size:1.1em;background:#fff;}
#middleCol a:hover {background:#00549a;color:#fff;}
#middleCol p {}

#katoWelcome {text-align:center;margin:10px 0;}
#recognisedQualifications {float:right;margin:10px 0 5px 10px !important;}
#earnWhileYouLearn {float:right;margin:10px 0 5px 10px !important;}
#wellTrainedTutors {float:right;margin:10px 0 5px 10px !important;}

#masthead {width:709px;height:188px;overflow:hidden;float:right;margin:10px 0 0 0;}
#masthead img {}
.mastheadCaption p {position:absolute;width:709px;height:188px;padding:5px;color:#fff;}
.cf_wrapper {}
div.cf_element {width:709px;height:188px;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 #bbb;border-bottom:solid 1px #bbb;color:#333;background:#bdda1e;}

#error {text-align:center;width:944px;margin:15px 0 15px 23px;}
#error p {color:#c00 !important;line-height:3em;font-size:1.3em;}

#pageHeader {margin:0 auto;}
#pageHeaderInner img {border:none;margin:0 10px 20px 0;}
#pageHeaderInner {}

#primaryMenu a {color:#666;}

.primaryMenu {margin:0 0 20px 0;width:235px;clear:both;background:url(../i/menuBg.png) left top no-repeat;}
.primaryMenu ul {margin:0;padding:0;}
.primaryMenu li {list-style-type:none;}
.primaryMenu a {color:#fff;text-decoration:none;position:relative;left:10px;font-weight:bold;z-index:999999;line-height:2.65em;}
.primaryMenu a:hover {text-decoration:underline;}


#searchFrm {border-right:none;padding:20px 0 0 0;margin:0 0 0 0;width:auto;position:relative;left:-10px;float:right;padding-bottom:10px;}
#searchFrm .label {float:left;position:relative;top:3px;}
#searchFrm label {color:#fff;position:relative;top:2px;left:-3px;font-size:0.9em;}
#searchFrm input {font-size:0.75em;width:318px;height:34px;text-indent:10px;background:url(../i/search.jpg) left top no-repeat;border:none;float:left;padding-top:8px;}
#searchFrm input:focus {color:#666;}
#searchFrm .btn {width:59px;height:34px;text-indent:0px;padding-top:0;text-align:center;background:url(../i/btn.jpg) left center no-repeat;border:none;color:#fff;}
#searchBar {background:#00a2d3;height:75px;}
#searchBar img {margin-left:20px;margin-top:25px;}

.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;text-decoration:underline;padding:2px;position:relative;top:-2px;}
* html #attachments a {left:10px;}
*+html #attachments a {left:10px;}
#attachments a:hover {background:#8a8a8a;color:#fff;text-decoration:none;}
	
#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 #00549a;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:#00a2d3 !important;}

#eventsCalendar .topDays {background:#00549a;color:#fff;font-size:1.1em;}
#eventsCalendar .topDays td {height:2em;padding:0 2px;}
#eventsCalendar .dayNumber {background:#00a2d3;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 #00a2d3;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:509px;}
#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:509px;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:509px;height:125px;border:solid 1px #bbb;margin:5px 0;color:#666;}
#enquiryForm .btn {width:auto;font-size:0.9em;background:#00a2d3;color:#fff;height:2em;width:7em;border:none;}
* html #enquiryForm .btn {height:1.9em;}
*+html #enquiryForm .btn {height:1.9em;}
#enquiryForm .btn:focus {color:#333;}
#enquiryForm .submit {width:7.5em;}
#enquiryForm .clear {width:3em;}

#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 .btn {width:auto;font-size:0.9em;background:#00a2d3;color:#fff;height:2em;width:7em;border:none;}
#emailThisPageForm .btn:focus {color:#333;}

#bookSeminarForm {margin:0;padding:0;width:500px;}
#bookSeminarForm .label {width:20em;float:left;font-size:0.9em;}
#bookSeminarForm .headlineArticle, #newsEdit .keepOnTop, #newsEdit .check {width:auto !important;margin:5px 0 !important;}
#bookSeminarForm .check, #newsArticle .delete {position:relative;left:2px !important;}
#bookSeminarForm input {font-family:arial;border:solid 1px #bbb;color:#666;padding:2px;margin:2px 2px 3px 0 !important;width:486px;height:1.4em;}
#bookSeminarForm input:focus, #newsArticle input:active {background:url(../i/searchBarBg.png) left top repeat-x;}
#bookSeminarForm input#created, #bookSeminarForm input#lastModified, #bookSeminarForm input#position, #bookSeminarForm input#url, #bookSeminarForm input#currentDir, #bookSeminarForm input#fName {background:#ddd;}
* html #bookSeminarForm input {padding:2px;}
*+html #bookSeminarForm input {padding:2px;}
#bookSeminarForm input#page {background:#ddd;}
#bookSeminarForm select {font-family:arial;border:solid 1px #bbb;color:#666;padding:1px;margin:2px 2px 3px 0 !important;width:491px;}
#bookSeminarForm select#liveFromMonth, #newsEdit select#liveFromYear, #newsEdit select#liveToMonth, #newsEdit select#liveToYear {}
#bookSeminarForm .select {clear:both;width:100%;}
* html #bookSeminarForm .select {margin-left:3px;}
#bookSeminarForm .selectItem {width:auto;float:left;}
#bookSeminarForm ul {margin:0 0 5px 17px;padding:0;}
#bookSeminarForm ol {margin:0 0 5px 17px;padding:0;}
#bookSeminarForm li {font-size:0.9em;color:#777;margin:0;padding:0;line-height:1.6em;}
#bookSeminarForm textarea {width:489px;height:125px;border:solid 1px #bbb;margin:5px 0;color:#666;}
#bookSeminarForm .btn {width:auto;font-size:0.9em;background:#00a2d3;color:#fff;height:2em;width:7em;border:none;}
#bookSeminarForm .btn:focus {color:#333;}

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

#pageTools {margin:0;padding:0;text-align:right;position:relative;left:-15px;margin-bottom:20px;}
#pageTools li {list-style-type:none;margin:0;padding:0;}
#pageTools ul {margin:0;padding:0;}
#pageTools a {text-decoration:none;}
#pageTools a:hover {background:#00a2d3;color:#fff;}

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

#sponsors {width:984px;background:#fff;border-top:solid 5px #bdda1e;}
#sponsors p {left:0;margin:0;padding:0}
#sponsors img {margin:0;padding:0;border:none;}

#footer {margin:0 auto 0 auto;text-align:center;background:#00a2d3;height:2.5em;clear:left;}
#footer ul {margin:0;}
#footer li {list-style-type:none;display:inline;position:relative;top:10px;color:#333;}
#footer a {color:#333;text-decoration:none;}
#footer a:hover {color:#00549a;}

#copyright {margin:0 auto 0 auto;text-align:center;background:#00a2d3;height:2.5em;border-top:solid 1px #fff;}
#copyright ul {margin:0;}
#copyright li {list-style-type:none;display:inline;position:relative;top:10px;color:#333;}
#copyright a {color:#333;text-decoration:none;}
#copyright a:hover {color:#00549a;}


/*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; }

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