/* LAYOUT */
* {margin:0;padding:0; }
body {padding: 20px 0 20px 0;}

.floatleft {float: left; margin: 0 1em 0 0; }
.floatright {float: right; margin: 0 0 0 1em;}
.absolute {position: absolute;}
.spacer {clear:both;}

#wrap {width:950px; margin: 0 auto;position:relative;}

#subscribeCheckbox {float:left; margin-left:165px; width: 14px; margin-right: 5px;}
#contactError {margin-left:140px; margin-bottom: 10px; height: 57px; padding-left: 150px; padding-top: 43px; background: url('/images/template/contactError.png') no-repeat}

.divh10 { height: 10px; min-height:10px; overflow:hidden; }
.divh15 { height: 15px; min-height:15px; overflow:hidden; }
.divh20 { height: 20px; min-height:20px; overflow:hidden; }

#staticBG	{ padding: 13px 15px; width: 530px; min-height: 500px; background: url('/images/template/staticBG.png') no-repeat;}
#fullBG	{ padding: 2px 2px; margin-left: -10px;width: 795px; min-height: 500px; background: url('/images/template/staticBG.png') repeat;}
#errorBG	{ padding: 13px 15px; width: 530px; height: 384px; background: url('/images/template/errorBG.png') no-repeat;}

/* LAYOUT - HEADER */
#utility #site-logo {position: relative; margin-top:5px; padding:0; border:none; text-align:center;}
#header {position: relative; height: 130px; }
	#header #site-strapline {position: relative; float: left; margin-top: 60px; width:550px }
	#header #site-search {position: relative; float: right; width:190px; margin-top:17px; padding:0; }
#headerFlash {position: relative; height: 78px; }
	#headerFlash #site-strapline {position: relative; float: left; top: 60px; width:550px }
	#headerFlash #site-search {position: relative; float: right; width:190px; top:17px; padding:0; }

	#homeFlash {position: relative; width:550px; margin-top: 15px; margin-bottom: 15px; }

	.searchBox	{width:135px; height:23px; color: #666666; background: url('/images/forms/searchBox.gif') no-repeat 0 0; padding: 4px; margin:0; border:0px;}

	#topMenuHolder {padding: 10px 0 0 10px;}

	/* NAV - top horizontal nav */
	#nav, #nav ul {padding: 0;margin: 5px 0;list-style: none}
	#nav li {margin: 0; padding:10px 15px}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none; padding: 10px 15px; color:#fff }
	#nav a:hover {background-color: #000;}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */

/* LAYOUT - main body of page */
#content-wrap {float: right; width:770px; margin-bottom:37px; }
	#utility {float: left; width:170px; }
	#sidebar {float: right; width:190px; margin-top:11px;} 

	#content {margin-right: 210px;}
	#content-full {}

	/* SIDE MENU */
	.sideBox {color: #666666; font-size:12px;}
	.sideHeader {padding-bottom:15px; border-bottom: 1px solid #1A1A1A; }
	.sideBox p { padding: 10px 2px; margin-bottom:5px; border-bottom: 1px solid #1A1A1A; }
	.input190 {width:182px; height:23px; color: #666666; background:url('/images/forms/input190.gif') no-repeat 0 0; padding: 4px; margin:0; border:0px;}

	/* IMAGES */
	.contentImg {border: 1px solid #000000; margin: 2px 8px;}
	.framedImg {border: 1px solid #000000; }
	.homeThumbnail {padding: 0; position:relative; float:right;}
	.homeThumbnail img {border: 1px solid #000000; margin: 5px 0 0 5px;}

	.thumbnail {padding: 0; position:relative;float:left; margin:5px 5px;}
	.thumbnail img {border: 1px solid #000000}
	.thumbnail {padding: 0; position:relative;float:left;width:100px;margin:5px 5px 5px 0px;}

	.featureHeading { font-size: 130%; min-height: 26px; font-weight: normal;	text-decoration: none;	padding: 2px 2px 2px 5px;	margin-bottom: 2px;border: 1px solid #000000;}
	.featureSubHeading {font-weight: bold; font-size: 1.3em;}

	.myHr {background-color: #211C21; height:1px; margin-top:3px; margin-bottom:3px; }/*margin-right:15px; */

	.pageHeader {border-top: 1px solid #281F28; border-bottom: 1px solid #281F28; margin-bottom: 10px; height:28px}

	#htmlContent {float: left; width:540px; padding: 10px; background: url('/images/template/panelBg.png') no-repeat;}
	#contact_details {float: left; width:151px;}
	#map_holder {float:right; width:366px; height:232px; margin-bottom: 10px; background: url('/images/template/map_frame.png'); padding: 5px; }
	#map_canvas {width:366px; height:232px;}

	.homeFrame {width:263px; height:122px; padding:5px; background: url('/images/template/homeFrame.png')}
	.homeFrame2 {width:253px; height:122px; padding:5px; background: url('/images/template/homeFrame.png')}

	.boldWhite {font-weight: bold; color:#FFFFFF;}
	.regularGrey { font-size: 12px; color:#aaaaaa;}
	.smallGrey { font-size: 11px; color:#666666;}
	.smallPurple { font-size: 11px; color:#762776;}
	.boldPurple { font-size: 12px; font-weight: bold; color:#762776;}

/* FEATURE */
	#home1 {float: left; width: 273px; margin-top:15px; margin-right: 14px;}
	#home2 {float: left; width: 264px; margin-top:15px; }

	.featureTitle { display:block; }/*width: 273px; height:45px;*/
	.featurebox {padding: 10px; border: 1px solid #000000; margin: 0 0 1em;}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;color:#000000}
	.featurebox p {border:none;margin: 0 0 1em;}
	.featurebox a {font-weight:normal}
	.pushRight {margin-right:15px;}

/* RELATED */
	.related {	position: relative; display:block; }
	.related h1, .related h2, .related h3, .related h4, .related h5, .related h6 { font-size: 1.2em;  margin:0;color:#ffffff}/*padding: 5px 0;*/

	.related p {margin:0; padding: 3px 0;}
	.related p.first {border-top:1px none #f00; }
	.related p.last {border-bottom: 1px none #000000; }

	.related a {font-weight:normal; text-decoration: none; padding-bottom: 3px;}
	.related .more {font-weight:bold; text-align:right; display: block; background: url("/images/sprites.gif") no-repeat right -700px;	padding: 3px 3px 0 0; }

	.fileInfo {padding:2px; margin-top: 10px;}
	.linkIcon img {position: relative; margin-right: 5px;}
	.rssIcon {width: 18px; height: 18px; vertical-align:middle;}

	.featureMoreLinks {position: absolute; bottom: 8px; right:8px;}
	.portal3 {position: absolute; margin-top: 0px; width:214px; }

/* CARDS */
#cards dl { background: url("/images/template/cards/cardBot.gif") bottom left no-repeat; width: 165px; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;}
	.cards div { padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; }
	.cards dt { background: url("/images/template/cards/cardTop.gif") top left no-repeat; font-weight: bold;padding: 5px 0px 5px 8px; margin: 0px 0px 0px 0px; }
	.cards dd { padding: 0px 18px 0px 8px; margin: 0px 0px 0px 0px; background: url("/images/template/cards/cardMid.gif") top left repeat-y; }


	#gallery{padding: 10px 0px; width:420px;}
	#gallery, #gallery li{list-style:none;padding:0;font: .9em 'arial'; }
	#gallery li {margin:0 10px; float:left;display:inline;width:120px; text-align:center;}
	#gallery img {display:block;border:1px solid #007198;margin:0}
	#gallery a {display:block; padding: 4px 0; text-decoration: none}

	#gallery .icon {border: 1px none #ff0000; padding-bottom: 5px;}

	/* TABLES */
	table {border: 1px solid #8FB0DD;border-collapse:collapse;width:99%}
		table td {background: #ffffff url("/images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #ffffff}
		table th {text-align:left;border: 1px solid #ffffff}
		table thead th {color:#013179;font-size:100%; font-weight: bold;background-color: #DAE7FA; padding: 6px}
		table tbody th {color:#013179;font-size:100%; font-weight: bold;background-color: #DAE7FA; padding: 6px}
		table tbody th.sub {font-size:100%;color:#000000;background: #efefef url("/images/sprites.gif") repeat-x 0 -1500px;padding: 6px}

	/* TABLES - calendar */
	.calendar {width:200px;font-size:92%}
		.calendar td {text-align:center;border: 1px solid #ddd}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("/images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
		a.morelink:hover {background: transparent url("/images/sprites.gif") 5px -400px}
		.morelink span {position:absolute;left:-9999px;width:900px}

	/* 'ENLARGE IMG' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.enlargeImg:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("/images/sprites.gif") no-repeat 0px -2015px;padding-left:21px;font-size:92%}
			.enlargeImg span {position:absolute;left:-9999px;width:900px}

/* LAYOUT - FOOTER */
#footer {clear:both; margin: 10px 200px 0 180px; padding-top:15px; border-top: 1px solid #1A1A1A; color: #666666; font-size:11px;}
	#footer a:link {color:#999}
	#footerleft {float: left;}
	#footerright {float: right; font-weight:bold;}
	#copyright {float:left;}
	#footerNav{	float:left; display:inline; margin: 0 0 0 10px;}
	#footerNav li {	display: inline; padding: 0px 6px; margin: 0; background: url('/images/forms/bullet.gif') no-repeat 0 6px;}
	#footerNav a:link, #footerNav a:visited, #footerNav a:hover {color: #762776;}
	#footerNav a:active {color: #FFFFFF;}

	#footerEnd {text-align: center; font: 80% arial; padding-top: 5px;}
	.footerFeature { position: relative;font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #616161; line-height: 120%; overflow: hidden; float: left; height: 100px; width: 181px; padding: 5px; background: url(/images/template/footer/bg.gif) bottom left repeat-x; border-top: 1px solid #7F7F7F ;}
	.footerFeatureLink { width: 180px; padding: 0px; font-size: 12px; height: 18px; padding-right: 5px; font-weight: bold; text-align: right; bottom: 2px; position: absolute; }

/* SITE MAP */
	.sitemap-level1 { margin-top: 15px; margin-bottom: 6px; padding: 10px 8px; font-weight: bold; background: url('/images/template/siteMapDividers.png') no-repeat; }
		.sitemap-level1 a:link, .sitemap-level1 a:visited { color: #762778; }
		.sitemap-level1 a:hover, .sitemap-level1 a:active { color: #762778; } 
	.sitemap-level2 { margin-left: 40px; margin-bottom: 3px; color: #AAAAAA}
		.sitemap-level2 a, .sitemap-level3 a { color:#AAAAAA }
	.sitemap-level3 { margin-left: 60px; margin-bottom: 3px; color: #AAAAAA}

/* NEXT PREVIOUS BTN*/
	#content .nextPrevious {color:#003279; border: 1px solid #ffffff;}
	#content .nextPrevious p {position:relative;font-family: arial; font-size:10px;}
	#content .nextPrevious p a:link, .nextPrevious p a:visited, .nextPrevious p a:hover, .nextPrevious p a:active {font-weight: bold; text-decoration:none; color:#003279; background:#ffffff url("/images/template/bg_az_content.gif") no-repeat 1px 0; padding:4px 1px 5px 2px; margin: 0;display:block; width: 13px; height: 13px;float: left;text-align: center;} 
	#content .nextPrevious p a:hover {background:#ffffff url("/images/template/bg_az_content_over.gif") no-repeat 1px 0; } 
	#content .nextPrevious p span .az {text-decoration:none; background:#ffffff url("/images/template/bg_az_content.gif") no-repeat 1px 0; color: #DAE2EC; padding:4px 1px 5px 2px; margin: 0; display:block; width: 15px; height: 13px;float: left;text-align: center;} 
	#content .nextPrevious * {margin:0} 
	#content .nextPrevious h4 {margin-top:-1.45em;padding:0;border:none}

	#content .nextPrev {width:400px; margin:0 0 6px; }
	#content .nextPrev * {margin:0; text-align: center;}
	#content .nextPrev span,
	#content .nextPrev a:link,
	#content .nextPrev a:visited {font-size:1em;text-decoration:none;padding: 2px 5px;margin:0;border: 1px solid #000000; position: relative;}  
	#content .nextPrev a:hover {font-size:1em;text-decoration:none;padding: 2px 5px;margin:0;border: 1px solid #000000; background: #f00; position: relative;}  
	#content .nextPrev p .az {font-size:1em;text-decoration:none;background:#ffffff;padding: 2px 5px;margin:0;border: 1px solid #000000;background: #D4E3F8 url("/images/featurebox_bg.gif") repeat-x 100% 100%; color:#CCCCCC; position: relative;}