@charset "UTF-8";

/* CSS Document */

* { margin: 0px; padding: 0px; }

body { background: url(images/bgtop.jpg) top repeat-x; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }

img { border: none; }

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

/*fonts*/
p { font-size: 1.2em; color: #555; line-height: 20px; padding: 3px 15px 10px 15px; }

h1 { font-size: 2.0em; color: #fff; padding: 4px 0; margin-left: 15px; }

h2 { font-size: 1.6em; color: #555; padding-bottom: 12px; padding: 0 0 12px 15px; }

.greyhead { color: #555; }

.small { font-size: 0.6em; }

.headtwo { font-size: 1.4em; color: #555; padding-bottom: 12px; font-weight: bold; }

.headone { font-size: 2.2em; color: #fff; padding: 11px 0; margin-left: 20px; font-weight: bold; }

.bold { font-weight: bold; }

.medium { font-size: 0.8em; }

.large { font-size: 1.1em; }

/*classes*/

.image { float: right; margin-right: 15px; margin-left: 15px; padding: 7px; }

.number { font-size: 2.4em; float: right; font-weight: bold; margin-right: 10px; line-height: 48px; color: #FFF; }

.box { background: #ecf4fd; width: 662px; height: 70px; margin-bottom: 20px; }

.quote { background: #f8f8f9; width: 662px; height: 80px; margin-bottom: 20px; text-align: center; }

.quote p { padding-bottom: 4px; }

.style4 { font-size: 1.4em; }

.bold { font-weight: bold; }

.none { display: none; }

/*flash*/

#logo { float: left; width: 318px; height: 147px; }

#mflash { margin: 0 auto; width: 972px; height: 298px; }

#tflash { float: right; width: 654px; height: 87px; padding-top: 10px; }

#quotes { width: 662px; height: 30px; margin-bottom: 15px; }

/*header*/

#header { width: 972px; height: 493px; margin: 0 auto; }

#bar { background: url(images/topnav.jpg) no-repeat; width: 654px; line-height: 48px; float: right; }

/*nav*/

#nav { background: url(images/mainnav.jpg) no-repeat; width: 972px; height: 48px; float: left; }

#nav ul { line-height: 29px; margin-left: 45px; font-size: 1.2em; }

#nav li { list-style-type: none; display: inline; }

#nav a { display: block; text-decoration: none; line-height: 29px; outline: none; color: #fff; text-align: center; padding: 0 30px; float: left; margin-top: 11px; }

#nav a:hover { color: #fff; background: url(images/nav-hover.jpg) repeat-x; display: block; line-height: 29px; margin-top: 11px; }

/*main*/

#main { background: #FFF; overflow: hidden; float: left; width: 972px; }

#heading { background: url(images/headerbg.jpg) no-repeat; width: 662px; height: 48px; padding-bottom: 20px; }

#content { width: 662px; margin-left: 12px; }

#ncontent { width: 662px; margin-left: 12px; }

/*leftcol*/

#leftcol { float: left; width: 666px; padding: 10px 6px 0 0; }

#leftcol ul { font-size: 1.2em; color: #555; line-height: 18px; padding: 0 0 10px 30px; }

#leftcol li { line-height: 28px; }

#leftcol a { text-decoration: underline; outline: none; color: #555; }

#leftcol a:hover { text-decoration: underline; color: #3b8be2; }

#linkbox { border: thin dotted #3b8be2; margin-left: 5px; }

#linkbox p { margin-left: 5px; }

#leftcol li a { text-decoration: underline; outline: none; color: #3366FF; }

#leftcol li a:hover { text-decoration: none; outline: none; color: #555; }

/*columns*/

#columns { width: 666px; height: 450px; margin: 0 auto; }

#left { float: left; width: 300px; }

#right { float: left; clear: right; width: 300px; position:relative; }

/*contact form*/

.mainformstyle { margin-bottom: 5px; border: 1px solid #666; color: #000; padding: 2px; margin-left: 10px; }

#rightform { padding: 5px; margin: 0 auto; border: thin dotted #005d7b; width: 200px; }

#form a { color: #303030; margin-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; }

.formp { margin: 0px; padding-top: 10px; margin-left: 10px; font-family: Arial, Helvetica, sans-serif; }

#gmap { height: 500px; width: 630px; margin: 0 auto; border: 1px solid #303030; padding-bottom: 10px; }

#form { width: 650px; margin: 0 auto; margin-bottom: 20px; }

#contactright { float: right; width: 320px; }

#contactright a { color: #303030; font-size: 1em; margin-left: 0px; }

/*rightcol*/

#rightcol { float: right; width: 274px; padding-top: 10px; margin-right: 12px; }

/*rss*/

#newstop { background: url(images/newstop.jpg) top no-repeat; width: 274px; height: 48px; margin-top: 10px; }

#news { width: 272px; height: 160px; background: #f8f8f9; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e0e0e0; border-right-color: #e0e0e0; border-bottom-color: #e0e0e0; border-left-color: #e0e0e0; padding-top: 20px; margin-bottom: 10px; }

#news p { font-size: 1.2em; padding-left: 20px; }

.bold { font-weight: bold; }

#news h4 { font-size: 1.3em; color: #004172; padding: 2px 0 5px 50px; }

#news h2 { font-size: 1.0em; font-weight: bold; line-height: 18px; padding-left: 20px; }

#news a { font-size: 1.0em; color: #232323; font-weight: bold; text-decoration: underline; }

#news ul { font-size: 1.0em; padding-left: 20px; list-style-type: none; }

#news li { padding-left: 15px; }

#news a:hover { text-decoration: none; color: #0099FF; }

.arss { padding-left: 30px; }

/*contact*/

#noticetop { width: 274px; height: 48px; background: url(images/notice.jpg) top no-repeat; float:right; margin: 10px 10px 0 0;  }
#notice {width: 272px; height: 280px; background: #f8f8f9; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e0e0e0; border-right-color: #e0e0e0; border-bottom-color: #e0e0e0; border-left-color: #e0e0e0; margin: 0 10px 0 0; float: right; }
#noticetop, #notice {position:absolute 0px;}
.noticetext { margin-top: 15px;}

#contacttop { width: 274px; height: 48px; background: url(images/enquirytop.jpg) top no-repeat; }

#contact { width: 272px; height: 200px; background: #f8f8f9; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e0e0e0; border-right-color: #e0e0e0; border-bottom-color: #e0e0e0; border-left-color: #e0e0e0; }

.form { padding-top: 60px; }

.bibformstyle { margin-bottom: 6px; border: 1px solid #666; color: #000; padding: 2px; margin-left: 35px; width: 200px; }

.button { margin-left: 84px; width: 95px; height: 37px; }

.cbutton { margin: 10px 0 0 34px; width: 200px; height: 37px; }

/*footer*/

#footer { background: url(images/footerbg.jpg) repeat-x; height: 160px; clear: both; }

#footer ul { font-size: 1.1em; text-align: center; display: block; margin: 0 auto; padding-top: 10px; }

#footer li { display: inline; margin-left: 0px; color: #fff; margin-left: 10px; }

#footer p { color: #fff; text-align: center; font-size: 1.1em; padding-top: 10px; }

#footer a { color: #fff; outline: none; }

#footer a:hover { text-decoration: underline; color: #ccc; }

/*extra*/

#extra { clear: left; font-size: 1.1em; color: #232323; padding-top: 10px; text-align: center; }

#extra ul { width: 700px; }

#extra li { width: 33%; }

#extra li a { color: #232323; width: 33%; }

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