/* CSS Document */

/*********************   Tags ******************************/

/*body {background: #333 url(/media/images/layout/background-main.gif) center top no-repeat; margin: 0; padding: 0; text-align: center; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;}*/

body {background: #000 url(/media/images/layout/background-grad.jpg) center top repeat-x; margin: 0; padding: 0; text-align: center; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;}

address { font-style: normal;}

h1 {color: #796e84; font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: normal; margin: 0 0 0.7em 0; font-size: 1.8em; padding: 0 0 2px 0; border-bottom: 1px solid #666;}

h2 { font-size: 1.5em; font-weight: normal; color: #699; font-family: "Trebuchet MS", Helvetica, sans-serif; margin-bottom: 0.3em;}
h3 { font-size: 1.3em; font-weight: normal; color: #333333; font-family: "Trebuchet MS", Helvetica, sans-serif; margin-bottom: 0.8em;}


/******************  Wrap *************************/


#wrapper {width: 800px; margin: 0 auto;}
/*#innerWrapper {float: left; width: 800px; background: #fff url(/media/images/layout/background-strip.jpg) left top no-repeat; position: relative; text-align: left;}*/
#innerWrapper {float: left; width: 800px; background: #fff; position: relative; text-align: left;}




/*********************   Banner **********************************/


#bannerWrapper {width:782px; height: 299px; position: relative; padding: 0; margin: 0 auto;}
#bannerWrapperSub {width:782px; height: 160px; position: relative; padding: 0; margin: 0 auto; background: #fff url(/media/images/layout/sub-banner.jpg) no-repeat; }

#logoCaption {width: 391px; height: 291px; position: absolute; bottom: 8px; right: 0px; background:url(/media/images/layout/banner-logo-right.jpg) no-repeat top right; z-index: 100;}

#bannerImage {width: 391px; height: 231px; position: absolute; bottom: 8px; left: 0px; z-index: 100;}
#bannerText {width: 360px; height: 120px; position: absolute ; left: 411px; bottom: 20px; z-index: 200; color: #fff; font-size: 0.7em; overflow: auto; line-height: 1.5em;}
#bannerHeaderText {margin: 0px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; color: #91e6e6;}

#bannerText p {margin: 0px;}

#bannerText a {color: #daeaeb; text-decoration: underline;}
#bannerText a:hover {text-decoration: none;}

#bannerShadow {width: 782px; background:url(/media/images/layout/bottom-shadow.png) no-repeat; height: 11px; position: absolute; z-index: 50; bottom: 0px; left: 0px;}



/**********************************  Top Nav *************************/

#topNav {width: 391px; position: absolute; left: 0px; top: 40px; font-size: 0.7em; padding: 0 0 0 10px;}
#topNav ul {padding: 0; margin: 0; list-style-type: none;}
#topNav ul li {padding: 0; margin: 0; list-style-type: none; display: inline;}
#topNav ul li a {color: #333; padding: 0 20px 0 0; text-decoration: none;}
#topNav ul li a:hover { color: #699;}





/*************************  Main Nav *********************************/

#nav {float:left; width: 160px; margin: 0; padding: 0 0 0 6px; font-size: 0.7em;}

#nav ul {margin: 0; padding: 10px; list-style-type: none; text-transform: uppercase;}
#nav ul li { width: 140px; border-bottom: 1px solid #252525; display: block; margin: 0 0 10px 0;}

#nav ul li a { color: #252525; text-decoration: none; display: block; padding: 5px 3px;}
#nav ul li a:hover {color: #699;}

#nav ul li#active a { background: #796e84 url(/media/images/layout/nav-back.gif) no-repeat right center; color:#fff;} 

#nav ul li#active ul {display: block; margin: 0px;}
#nav ul li ul {display: none;}

#nav ul li#active ul li { width: 103px; border-bottom: 1px solid #fff; margin: 0 0 3px 0; text-align: left; font-size: 0.9em;}

#nav ul li#active ul li a {background: none; font-weight: normal; color: #333;}
#nav ul li#active ul li a:hover {color:#699;}

#nav ul li#active ul li#subActive a {font-weight: bold;} 



/***************   Content   *****************************/

#outerContent {float: left; width: 800px; padding: 0; margin: 0; }
.subOuterContent {margin-top: -10px;}

#content {float: left; width: 610px; padding: 10px 0 20px 5px;}
#contentSub {float: left; width: 610px; padding: 10px 0 20px 5px; line-height: 1.7em; font-size: 0.8em;}
#contentSub p {margin: 0 0 1.7em 0;}

#content a, #contentSub a { text-decoration: underline; color: #699;}
#content a:hover, #contentSub a:hover { text-decoration: none;}




/**************************  HOME  *****************************/


#homeIntro {float: left; background: url(/media/images/layout/home-main-panel-back.gif) no-repeat center top; width: 360px; height: 186px; overflow: auto; font-size: 0.75em; line-height: 1.5em; color: #fff; padding: 20px; margin: 0 13px 0 0;}

#homeIntro h1 {color: #91e6e6; font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: normal; margin: 0 0 0 0; font-size: 1.8em; border-bottom: 0;}

#homeIntro p {font-size: 1.1em;}

#pageTitle h1 {color: #91e6e6; font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: normal; margin: 0 0 0 0; font-size: 1.8em; padding: 100px 0 0 30px;}

#homeContact {background: url(/media/images/layout/home-contact-back.jpg); width: 154px; height: 186px; float: left; overflow: auto; line-height: 1.3em; color: #fff; font-size: 0.7em; padding: 20px;}

#homeContact a {color: #fff;}

.homeContactHead { display: block; font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: normal; margin: 0 0 0 0; font-size: 1.5em;}

.homeFeatured {
	float: left;
	width: 193px;
	background: #daeaeb;
	color: #333;
	height: 255px;
	margin-top: 13px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 13px;
	display: block;
}
.homeFeaturedFirst {
	float: left;
	width: 193px;
	background: #daeaeb;
	color: #333;
	height: 255px;
	margin-top: 13px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	display: block;
}

div.homeFeaturedFirst div, div.homeFeatured div {padding: 10px 10px 5px 10px; line-height: 1.2em; font-size: 0.7em;}
div.homeFeaturedFirst h2, div.homeFeatured h2 {margin-top: 0px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; color: #333;}
div.homeFeaturedFirst p, div.homeFeatured p { margin-top: 0px;}


/******************* Sub Styles **********************/

#contentSub ul {margin-bottom: 1em;}
#contentSub li {margin-bottom: 0.5em;}


/*****************   Footer **************************/

#footer {float: left; width: 790px; padding: 5px; color: #fff; font-size: 0.7em; background:#796e84; text-align: center;}
#footer a { color: #fff; text-decoration: none;}


/**********************   Classes ****************************/

.offLeft { position: absolute; left: -9999px; font-size: 0.7em;}
.rightImage { float: right; margin: 0 0 15px 15px; border: 1px solid #333;}
.leftImage { float: left; margin: 0 15px 15px 0; border: 1px solid #333;}
.rightImageNoBorder { float: right; margin: 0 0 15px 15px; border: 0;}
.imageHolderRight {float: right; width: 100px; margin: -25px 0 0 15px; font-size: 0.85em; text-align: center;}
.imageHolderRight img {border: 1px solid #333;}

.imageHolderRightWide {float: right; width: 250px; margin: 0 0 15px 15px; font-size: 0.85em; text-align: center;}
.imageHolderRightWide img {border: 1px solid #333;}

.contactHolder {float: left; width: 100%; border-bottom: 1px solid #999; margin: 0 0 1.7em 0; background:url(/media/images/layout/separator.gif) no-repeat center bottom; padding: 0 0 17px 0; }

div.contactHolder p {margin-bottom: 0;}
.separator {width: 100%; background:url(/media/images/layout/separator.gif) center bottom no-repeat; height: 15px; border-bottom: 1px solid #999; clear: both; margin-bottom: 1em;}

.pageTop {text-align: right; font-size: 0.8em; margin: 0;}

.zeroBorder {border: 0;}
.center {text-align: center; font-size: 0.85em; margin-bottom: 15px;}


/*************** MAP *******************/
	
	#contactDetails {float: left; width: 190px; margin-left: 20px;}
	#mapHolder { float: left; width: 400px; }
	#map {
width:400px; height: 300px; background-color:#999999;
}

/* Links */

.videoLink {padding: 0 0 2px 35px; background: url(/media/images/icon-film-link.gif) no-repeat left top;}
.docLink {padding: 0 0 2px 35px; background: url(/media/images/icon-doc-down.gif) no-repeat left top;}


/******************* Library ************************/

td, th { font-size: 0.85em; text-align: left; vertical-align: top; border-bottom: 1px solid #ccc;}

caption {font-weight: bold; text-align: left; padding: 0 0 0 3px; background: #ccc;}

.libTable {margin: 10px 0 0 0; display: block;}

.red {color:#990000; font-weight: bold;}