/* LAYOUT */
* {margin:0;padding:0; }
body {padding: 0 0 20px; color:#000;font:83%/1.5 arial;}

.floatleft {float: left; margin: 0 1em 0 0; }
.floatright {float: right; margin: 0 0 0 1em;}


/* LAYOUT - HEADER */
#header {position: relative; height: 40px; margin: 10px 0 0px;padding: 0 0 8px;}
	#header #site-strapline {position: relative; display: inline; font: 20px arial; padding: 10px; }
	#header #site-logo {position: relative; float: left; margin:0; padding:0;border:none}

	/* NAV - top horizontal nav */
	#nav ul {position:relative; padding: 0; list-style: none; height:65px; margin:-40px 0 0 155px; z-index:2; border:0px solid red; width:600px; }
	#nav li {position:relative;float: left; margin: 0; padding-top:10px; text-align:center;   width:91px; max-width:91px; height:61px; margin-left: 15px;}/* background: url('/images/template/tabBG.gif') no-repeat;*/
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none; padding-top:5px; padding:0px; font:75%/1.5 arial; font-weight:bold; color:#fff;}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
/* SECONDARY NAVIGATION - vertical navigation */
	#nav-featurebox {padding: 0; }
	#nav-secondary, #nav-secondary ul {position:static; list-style: url(/images/arro.gif) none;}
	#nav-secondary, #nav-secondary li {margin:0;padding:0;}
	#nav-secondary a {padding: 5px 5px 5px 15px;font: bold 86% arial;display:block;background: url("/images/sprites.gif") no-repeat 5px -695px;}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;} 
	#nav-secondary a:hover {background-color: #ccc;} 
	#nav-secondary li {}
	#nav-secondary li.active {background-color: #ccc;} 

/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin: 0;padding:0;}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00;}
	#nav-secondary li.active li {border: none;margin:0}
	#nav-secondary li.active li.active a:link, 	#nav-secondary li.active li.active a:visited, #nav-secondary li.active li.active a:hover, #nav-secondary li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 3rd TIER */
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5; padding-left: 30px;color:#000;display:block; background: url("/images/sprites.gif") no-repeat 20px -695px;}
	#nav-secondary li.active li {background-color: #999;} 
	#nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited, #nav-secondary li.active li.active li a:hover, 	#nav-secondary li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active a:link, #nav-secondary li.active li.active li.active a:visited, #nav-secondary li.active li.active li.active a:hover, 	#nav-secondary li.active li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 4th TIER */
	#nav-secondary li.active li.active li {background-color: #666; color: #fff;} 
	#nav-secondary li.active li.active li a, #nav-secondary li.active  li.active li a:link, #nav-secondary li.active  li.active li a:visited {line-height:1.5; padding-left: 45px;color:#fff;display:block; background: url("/images/sprites.gif") no-repeat 30px -695px;}
	#nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited, #nav-secondary li.active li.active li.active li a:hover, #nav-secondary li.active li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active li.active a:link, #nav-secondary li.active li.active li.active li.active a:visited, #nav-secondary li.active li.active li.active li.active a:hover, #nav-secondary li.active li.active li.active li.active a:active {font-weight:bold}

/* LAYOUT - main body of page */
	#containerOne{position:relative; width:770px; height:60px; border:1px solid #CC6600; border-bottom:0px; margin: 0 auto; margin-top:50px; background-color:#FFCC99;}
	#wrap {width:770px; margin: 0 auto; position:relative; border:1px solid #CC6600; border-top:0px;  background-color:#FFCC99;}
	#wrapWrap{width:770px; z-index:-1; margin: 0 auto;position:relative; height:30px; min-height:30px; border-left:1px solid #CC6600; border-right:1px solid #CC6600; border-bottom:0px; background-color:#FFCC99;}
	#content-wrap {position:relative; float:left; width:100%;}
	/*#utility {position:absolute;top:0;left:8px;width:157px; padding-bottom: 40px;}*/
	#sidebar {float:left; border:0px solid green; position:relative; top:0;right:0px; width:157px; min-height: 530px;padding-bottom: 40px; font:83%/1.5 arial; margin:10px 0 0 5px;} 

/* LAYOUT TYPE C */
	/*#type-c #content {margin: 0 173px 0 172px}*/

#content {float:left; margin: 0; padding:0; width:585px; border:0px solid red; margin-left:10px;}
	#content .breadcrumb {position: relative; padding:2px;font-size: .75em;font-weight:normal;}
	#content .breadcrumb ul {	position: relative; margin: 0;	padding: 0;	display: inline;	border: none;} 
	#content .breadcrumb ul li {	position: relative; margin: 0;	padding: 0;	border: none;	list-style: none; display: inline;}
	#content .breadcrumb a:link, #content .breadcrumb a:visited, #content .breadcrumb a:hover, #content .breadcrumb a:active  {position: relative; text-decoration:none;}

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

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

	.featurebox {padding: 10px; border: 1px solid #000; margin: 0 0 1em;}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;color:#000}
	.featurebox p {border:none;margin: 0 0 1em;}
	.featurebox a {font-weight:normal}

	.related {	position: relative; padding: 5px;border: 1px solid #f00; margin: 0 0 1em; font-size: .8em;}
	.related h1, .related h2, .related h3, .related h4, .related h5, .related h6 { font-size: 1.2em; padding: 5px 0; margin:0;}

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

	.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: 0px solid #8FB0DD; border-collapse:collapse; width:99%}
		table td {background: #FFCC99 url("/images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 0px solid #fff}
		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:#000;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}

	/* QUOTE */
	.quote {width: 215px;}
	.quoteStart {background: url(/images/template/quote_top.gif) no-repeat; color: #fff; padding: 40px 25px 1px 35px; margin-bottom: 0;}
	.quoteStart p {font: bold .9em arial;}
	.quoteEnd {background: url(/images/template/quote_bottom.gif) no-repeat left bottom; height: 51px;}

/* LAYOUT - FOOTER */
#footer {clear:both; border: 0px solid #000; margin-top: 1px;padding: 2px 0 30px;font-size:86%;}
	#footer p {margin:0}
	#footer a:link {color:#999}
	#copyright {	float: left;	display: inline;	padding: 0px 0px 0px 0px;	margin: 5px 0px 0px 10px;	}
	#footerNav{	float: right; width: 370px; margin: 5px 0px 0px 0px;}
	#footerNav li {	display: inline;	background: url(/images/template/menu/bullet.gif) no-repeat 4px 4px;	padding: 1px 10px; margin: 0; border-left: 1px solid #000; }
	#footerNav a:link,
	#footerNav a:visited,
	#footerNav a:hove,
	#footerNav a:active {	font-family: arial; 	font-size: 11px; 	}

	#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; }

/* CART */
	.cart {	padding: 2px 4px 2px 2px;	border-bottom: 1px solid #CDD5D2;	width:100%;}
	.cartLabel {	width: 127px;	text-align: right;	padding-right: 20px;	border: 1px none #000000;	}
	.cartTotal {	float: right;	text-align: left;	border: 1px none #000000;	}

/* SITE MAP */
	ul.sitemap ul{ padding: 2px; }
	ul.sitemap li{	list-style: none; padding: 2px; }

/* NEXT PREVIOUS BTN*/
	#content .nextPrevious {color:#003279; border: 1px solid #fff;}
	#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:#fff 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:#fff url("/images/template/bg_az_content_over.gif") no-repeat 1px 0; } 
	#content .nextPrevious p span .az {text-decoration:none; background:#fff 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 #000; position: relative;}  
	#content .nextPrev a:hover {font-size:1em;text-decoration:none;padding: 2px 5px;margin:0;border: 1px solid #000; background: #f00; position: relative;}  
	#content .nextPrev p .az {font-size:1em;text-decoration:none;background:#fff;padding: 2px 5px;margin:0;border: 1px solid #000;background: #D4E3F8 url("/images/featurebox_bg.gif") repeat-x 100% 100%; color:#CCCCCC; position: relative;}