/*  reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin: 1.5em 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

/*  typography  */

body { font-size: 75%; }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl { font-family: 'Century Gothic', Helvetica, Arial, sans-serif; }
input, textarea {font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 0 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus {background-color: #888; color: #fff;}



blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }
.nomargin {margin: 0;}

.large-nomargin { font-size: 1.2em; line-height: 2.5em; margin-bottom: 0;}

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

/* text variants
-------------------------------------------------------------- */

p.nearer {
position: relative;
top: -10px;
}

.tel-no { color: #cb8100; font-size: 1.25em;}
.blue { color: #003d79;}
.yellow { color: #cb8100;}
.error {color: #ff0000;}

/* forms */
label { font-weight: bold; }

/* Fieldsets */
fieldset {border: none; margin:0; padding: 0;}
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }

/* Textareas */
textarea { 
border: 0;
margin: 0 0.5em 0 0; 
overflow: auto; 
width: 263px; 
height:110px; 
background-color: #dfe3f3; 
padding: .5em; 
font-size: 1.2em;
}


/* hForm
-------------------------------------------------------------- */

form.hform p { 
margin: 0 0 .5em .5em; 
font-size: 80%;
}
form.hform p label { float: left; width: 70px; font-weight: normal;}

form.hform p input { width: 275px; border: 0px; background-color: #dfe3f3; }

.formbutton{
background:url(../images/send.jpg) left top no-repeat;
cursor:pointer;
width: 55px;
}

form.hform p select { width: 200px; }

form.hform p input.button { 
cursor:pointer;
width: 55px; 
height: 19px;
margin-left:70px;
margin-right:100px;
background:url(../images/send.jpg) left top no-repeat;
border: 0;
font-weight: bold;
font-size: 1.2em;
}

form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }

form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }


/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }

form.vform p.checkbox label { display: inline; }


/* Page
-------------------------------------------------------------- */

#page { 
margin: 0 auto; 
width: 800px;
}

/* Header
-------------------------------------------------------------- */

#header {
margin-top: 20px; 
border-bottom: 4px solid #c28513;
background: #e9ebf3 url(../images/logo.jpg) no-repeat;
height: 132px;
}

#header-left {float: left;}
#header-left h1 span {position: absolute; left: -999px;}

#header2 {
float: right;
text-align: center;
margin-right: 50px;
margin-top: 40px;
}

#header2 img {vertical-align:middle;}


/* Navigation
-------------------------------------------------------------- */

#nav { 
background: #003b76 url(../images/nav-back.jpg) top left no-repeat;
height: 413px;
}

#nav-left {
float:left;
position: relative;
top: 130px;
left:50px;
width: 141px;
text-align:center;
z-index: 100;
}

#nav-left img.top {
position:relative;
top: 5px;
left:-15px;
}
#nav-left img.bottom {
position:relative;
top: 125px;
left:-15px;
}

#nav-gallery {
background: url("../images/home-page-gallery.png") no-repeat bottom left;
float: right;
margin: 15px 15px 0 0;
width: 586px;
height:386px; 
}

.homeslide-right {
position:relative;
top: -80px;
left:291px;
}

.homeslide-left {
position:relative;
top: 102px;
left:100px;
}

.nav-menu {
list-style-type: none;
margin: 0px;
width: 111px; /*Width of menu items*/
height: 0px;
border: none;
}

.nav-menu li{
position: relative;
}

.nav-menu li a{
background: url("../images/button.jpg") no-repeat bottom left;
font: 1.2em  "Bookman Old Style","Century Gothic", Helvetica, Arial, sans-serif;
color: white;
display: block;
width: auto;
height: 20px;
padding: 5px 0;
padding-left: 0px;
margin: 1px 0 0 0;
text-decoration: none;
}

.nav-menu li a.current {
background: url("../images/button-over.jpg");
}


.nav-menu li a:visited, .nav-menu li a:active{
color: white;
}

.nav-menu li a:hover, .nav-menu li a:focus {
color: white;
background-image: url("../images/button-over.jpg");
}

#contact {
background: #003b76 url(../images/contact-back.jpg) top left no-repeat;
min-height: 575px;

}

#contact h2 {
color: #000000;
}

#links {
background: #003b76 url(../images/links-back.jpg) top left no-repeat;
min-height: 620px;
}

#links-container {
position: relative;
left: 275px;
top: 55px;
width: 369px;
height: 344px;
background-color: #fff;
overflow: auto;
}

#links-container h2.listinglink {
font-size: 1.2em; 
margin: 0 0 0 5px;
font-weight:normal;
color: #000000;
}

#links-container p.description {
margin: 0 0 0 5px;
line-height: 1.2em;
}

#links-container p.url {
margin: 0 0 5px 5px;
}

#form-inner {
position: relative;
left: 275px;
top: 55px;/*Not for IE6*/
/*top: -80px; For IE6*/
width: 369px;
height: 344px;
background-color: #fff;
overflow: auto;}

#form-inner h2 { 
font-size: 1.3em; 
margin-left: 5px;
margin-bottom: 0;
font-weight:normal;
}


/* Body
-------------------------------------------------------------- */

#body {background: #ffad47;}
#body h2 { 
font-size: 1.6em; 
margin-top: 0.75em;
margin-bottom: 0; 
font-weight:normal;
}

#left{
background: #ffad47 url(../images/left-back.jpg) top left no-repeat;
float: left; 
width: 394px; 
min-height: 445px;
}

#introduction {
margin-right: 40px; 
margin-left: 40px; 
font-size: .9em; 
}

#introduction h2 {
color: #000000;
}

#right{
background: #c2cbdd url(../images/right-back.jpg) top left no-repeat;
float: right; 
width: 406px; 
}

#resources {
margin-right: 20px; 
margin-left: 10px; 
font-size: .8em; 
}

#resources h2 {
color: #000000;
}

#resources h3 span {position: absolute; left: -999px;}

#resources h3.h3bronze { color: #cb8100; margin: 0.5em 0 0 0;}
#resources h3.h3silver { color: #003d79; margin: 0.5em 0 0 0;}
#resources ul, #resources ol { color: #000; margin: 0 1.2em 0em 1.5em; }
#resources ul a { color: #555; }
#resources p {margin: 0; line-height: 1.2em;}
#resources p.last-para {margin-bottom: 1.5em;}

#resources ul.bronze{
list-style-image: url('../images/bronze-bullet.gif');
}
#resources ul.silver{
list-style-image: url('../images/silver-bullet.gif');
}


.image-col {
	float:left;
	width: 101px;
	margin-top: 5px;
}
.text-col {
	float: right;
	width: 260px;
	margin-top: 0px;
}

/* Footer
-------------------------------------------------------------- */

#footer-top {
background: #003b76;
min-height: 25px;
height: 25px;
border-bottom: 4px solid #c28513;
color: #fff;
padding-top:5px;
}

#footer-top a {
color: #c28513;
text-decoration: none;
font-size: .8em;
}
#footer-top a.links {color: #fff;}

#footer-top a.links:hover {color: #c28513;}

#footer-top ul {list-style: none;}

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

#footer-credits {
padding-left: 5px;
float: left;
}

#footer-nav {
float: right;
}

#footer-bottom {
position: relative;
top: -9px;
text-align:center;
background: #e9ebf3;
}
	
.clearBoth{
	margin:0;
	padding:0;
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 0;
}

html>body .clearBoth{
	height: 0;
	visibility:hidden;
}

.clearRight{
	margin:0;
	padding:0;
	clear: right;
	height: 1px;
	font-size: 1px;
	line-height: 0;
}

html>body .clearRight{
	height: 0;
	visibility:hidden;
}

.clearLeft{
	margin:0;
	padding:0;
	clear: left;
	height: 1px;
	font-size: 1px;
	line-height: 0;
}

html>body .clearLeft{
	height: 0;
	visibility:hidden;
}
div#container {
	overflow: hidden;
	background: #003b76 url("../images/container-back410.jpg") no-repeat;
	text-align: center;
	height: 498px;
}
div#controls a:focus {background-color: #fff; color: #000;}

div.content {
	display: none;
	float: right;
	position: relative;
	top: -70px; /*causes issue in IE6 and 7*/
	/*top: -10px; IE6 and 7 only*/
}

div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	text-decoration: none;
}

div.content a:hover {
	color: #c28513;
}

div.navigation a.pageLink {
	height: 75px;
	line-height: 75px;
}

div#control-wrap {
	float: right;
	width: 500px;
}

div.controls {
	margin-top: 0px;
	height: 10px;
	font-family: Helvetica, Arial, sans-serif;
}
div.controls a {
	padding: 5px;
	color: #000;

}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
	margin-right: 5px;
}

div.nav-controls a.next {
	background: url("../images/right-arrow.jpg") no-repeat top right;
}

div.nav-controls a.prev {
	background: url("../images/left-arrow.jpg") no-repeat top left;
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width: 510px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
}

div.loader,
div.slideshow a.advance-link,
div.caption-container {
	height: 367px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}

div.slideshow-container {
	position: relative;
	clear: both;
	float: right;
	height: 397px;
}

div.loader {
	background-image: url('loaderWhite.gif');
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	line-height: 367px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
	text-align: center;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	background-color: #fff;	
	outline: none;
}

div.slideshow img {
	/*border-style: solid;
	border-width: 1px;*/
	margin-top: 5px;
}
div.caption-container {
	float: right;
	position: relative;
	margin-top: 30px;
}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.caption-container, span.image-caption {
	width: 334px;
}

div.caption {
	padding: 0 12px;
}

div.photo-index {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 12px;
}

div#thumbs {
	background-color: #003b76;
	width: 770px;
}

div.navigation-container {
	float: left;
	position: relative;
	top: -46px; /*not for IE6 and 7*/
	/*top: 5px; IE 6 and 7 only */
	left: 50%;
}
div.navigation {
	float: left;
	position: relative;
	left: -50%;
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
}
div.navigation a.pageLink:focus {
	outline: none;
}

ul.thumbs {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 2px;
	list-style: none;
}
a.thumb {
	padding: 1px;
	display: block;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	position: relative;
	left: -50%;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

div.gallery-gutter {
	clear: both;
	padding-bottom: 20px;
}

/*colours etc */

div#gallery-page {
	width: 800px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	border: none;
}


h2 {
	color: #ccc;
}
div.caption-container {
	color: #eee;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 8px;
}
div.photo-index {
	color: #888;
}
div.navigation a.prev {
	background-image: url(../images/left-arrow-blue.jpg);
}
div.navigation a.next {
	background-image: url(../images/right-arrow-blue.jpg);
}
div.loader {
	background-image: url(loaderWhite.gif);
}
div.slideshow img {
	border-color: #333;
	background: #000;
}
ul.thumbs li.selected a.thumb {
	background: #fff;
}
div.pagination a:hover {
	background-color: #fff;
}
div.pagination span.current {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}

#gallery-selector {
	width:100%;
	background: #dcdfeb url(../images/gallery-selector.jpg) no-repeat;
	/*height: 182px;*/
min-height: 150px;
margin-bottom: 0px;
}

#gallery-selector dt a {
	text-decoration:none;
	display:block;
	background: url(../images/gallery-select.png) no-repeat center;
}

#gallery-selector dt a.current {
	background: url(../images/gallery-select-over.png) no-repeat center;
}

#gallery-selector dt a:hover {
	background: url(../images/gallery-select-over.png) no-repeat center;
}

#gallery-selector dl {
	float:left;
	text-align:center; 
}

#gallery-selector dt,#gallery-selector dd {
	width:10.5em;
	float:left;
}
#gallery-selector dt {
	height:116px;
}
#gallery-selector dd {
	margin:116px 0 0 -10.5em;
}

#gallery-selector dd a {
	color: #003b76;
	text-decoration:none;
}
#gallery-selector img {
	vertical-align:bottom;
	border:0;
	margin-top: 34px;
	margin-bottom: 33px;
	margin-left: 1px;
}

a.promo {display:block; overflow:hidden;}
 
a.promo:hover {border:0px solid red; background:#c2cbdd;}