@charset "UTF-8";

/* CSS Document */
/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

img { border: none; }

input { margin: 3px 0px; }

select { margin: 3px 0px; }

body { font: lighter 16px/24px Arial, Helvetica, sans-serif; background: url(images/bg.jpg) repeat-x top left; }

.fll { float: left; padding-right: 10px; }

.flr { float: right; padding-left: 10px; }

/* the wrap and header */

#wrap { width: 974px; margin: 0 auto; }

#header { width: 974px; height: 118px; }

#flashlogo { width: 745px; height: 118px; float: left; background: url(images/logobg.jpg) no-repeat top; }

#call { width: 229px; height: 118px; display: block; float: left; position: relative; background: url(images/call.jpg) no-repeat top; }

#call p { width: 120px; height: 33px; position: absolute; bottom: 3px; left: 45px; z-index: 1; }

#call a { color: #000; text-decoration: none; }

#call a:hover { color: #900; }

.small { font-size: 0.6em; line-height: 0.4em; }

/* Coloured Navigation */

#nava { width: 248px; height: 309px; padding: 0px 0px 0px 19px; float: left; }

#nava ul { background-color: #FFF; padding: 2px 4px 2px 4px; }

#nava li { display: block; list-style-type: none; }

#nava a { display: block; width:220px; height: 59px; color: #FFF; text-decoration: none; margin: 3px 0px; font-size: 0.9em; padding: 5px 10px 5px 10px; }

.smalnav { font-size: 0.8em; line-height: 1.2em; }

/* Coloured Navigation Classes */

.orange { background: url(images/orangetab.jpg) repeat-y top; }

.blue { background: url(images/bluetab.jpg) repeat-y top; }

.red { background: url(images/redtab.jpg) repeat-y top; }

.gold { background: url(images/goldtab.jpg) repeat-y top; }

#nava a:hover { color: #000; }

/* Flash */



#flashads { width: 707px; height: 309px; float: left; background: url(images/mainbg.jpg) no-repeat top; }

/* Page Navigation */

ul#navb { width: 570px; height: 38px; margin: 0 auto; clear: left; }

ul#navb li { display: inline; float: left; text-align: center; margin: 0 20px; }

ul#navb li a { display: block; float: left; height: 36px; line-height: 36px; width: 80px; color: #fff; font-size: 0.8em; text-decoration: none; border: 1px solid #2f2f2f; }

ul#navb li a:hover { background: url(images/navhovbg.jpg) repeat-x top left; border: 1px solid #2f2f2f; }

/* Page Content */

#content { width: 974px; background: url(images/contentbg.jpg) no-repeat top; overflow: hidden; float: left; padding-bottom: 20px; }

/* Left Column Content */

#leftcol { width: 273px; float: left; margin-top: 15px; }

#contact { padding-bottom: 20px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #a9a9a9; }

#contact p { padding-top: 8px; }

#contact form { clear: left; }

.contacttitle { font-weight: bold; color: #09F; }

.survey { padding: 15px 0px; }

/* Right Column Content */

#rightcol { width: 680px; float: right; border-left-width: 1px; border-left-style: dashed; border-left-color: #a9a9a9; margin-top: 15px; padding-left: 20px; }

#rightcol p { font-size: 0.7em; padding-top: 10px; }

#rightcol ul { padding: 10px 0px 0px 30px; }

#rightcol li { font-size: 0.8em; }

h1 { font: lighter 1.4em/1.8em Georgia, "Times New Roman", Times, serif; color: #8c1b1b; padding-top: 15px; }

.small { font: lighter 0.6em/1em Georgia, "Times New Roman", Times, serif; color: #8c1b1b; }

h2 { font: lighter 1.2em/1.8em Georgia, "Times New Roman", Times, serif; color: #8c1b1b; padding-top: 25px; }

.fake { font: lighter 1.8em/1.8em Georgia, "Times New Roman", Times, serif; color: #8c1b1b; }

#rightcol a { color: #090; }

#rightcol a:hover { color: #8c1b1b; }

/* 3 Column Gallery Content */

.column { width: 303px; float: left; border-right-width: 1px; border-right-style: dashed; border-right-color: #a9a9a9; margin-top: 20px; padding: 0px 10px; }

.noborder { border: none; }

.column h2 { font: lighter 1.4em/1.8em Georgia, "Times New Roman", Times, serif; color: #8c1b1b; padding-top: 15px; }

.column p { font-size: 0.7em; padding-top: 10px; }

.column a { color: #5d9a04; }

.column a:hover { color: #8c1b1b; }

.gallery { margin-top: 20px; }

/* Resources Content */

.linkbox { background-color: #8c1b1b; border: 1px solid #009900; color: #fff; padding: 5px 15px 15px 15px; }

/* Contact Content */

.contactright { float: right; }

.rightform { float: right; width: 225px; clear: both; }

.gmap { margin-top: 30px; border: 1px solid #333; }

.tickpinkbox { background-color: #fff; border: 1px solid #009900; padding: 0px 0px 20px 20px; }

.tickredbox { background-color: #fff; border: 1px solid #009900; padding: 0px 0px 20px 20px; }

/* Footer Column Content */

#footer { background: url(images/footerbg.jpg) repeat-x top; background-color: #5d9a04; clear: both; padding: 10px 0px 20px 0px; margin-top: 20px; }

#footer ul { width: 900px; margin: 0 auto 10px auto; text-align: center; }

#footer li { display: inline; text-align: center; }

#footer li a { color: #FFF; padding: 0 5px; text-align: center; font-size: 0.8em; text-decoration: none; }

#footer li a:hover { color: #5d9a04; }

#footer a { color: #FFF; padding: 0 5px; text-align: center; font-size: 1em; text-decoration: none; }

#footer a:hover { color: #000; }

#footer p { text-align: center; color: #fff; font-size: 0.8em; }

#link { text-align: center; background-color: #5d9a04; }

#link ul { width: 900px; margin: 0 auto 10px auto; text-align: center; }

#link li { display: inline; text-align: center; }

#link li a { color: #FFF; padding: 0 5px; text-align: center; font-size: 0.8em; text-decoration: none; }

#link li a:hover { color: #5d9a04; }

/* 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%; /* Trick IE into showing hover */
display: block; }

#prevLink { left: 0; float: left; }

#nextLink { right: 0; float: right; }

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/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; }