@import url("font.css");

body { background: #C2D6EC url(/img/bg-body-top.png) 0 0 repeat-x; margin: 0; }

/* Misc. styles */
.access { position: absolute; left: -9999px; }
.pagebreak { height: 11px; background: url(/img/divider1.png) 50% 0 no-repeat; }
.logo { float: left; }
.center{ text-align:center; }
.clear{ clear:both; }

/* Structure */
.center-width { width: 913px; margin: 0 auto; }
.copy, .i-copy { padding: 17px; }
#wrap-branding, #wrap-body, #wrap-footer, .pagebreak, #wrap-header, #wrap-c-header { float: left; width: 100%; }
#wrap-branding { position: relative; width: 913px; margin: 0 0 -10px 0; }
#wrap-header { position: relative; height: 295px; padding: 12px 0 0 12px; background: url(/img/bg-header.png) 0 0 no-repeat; }
	#wrap-header div { position: relative; float: left; width: 889px; height: 289px; background: url(/img/i-header.jpg) 0 0 no-repeat; }
		#wrap-header div img { position: absolute; right: -45px; top: -15px; }
	#wrap-header h1 { position: absolute; bottom: 12px; left: 25px; font-size: 3.5em; color: #fff; letter-spacing: 0; line-height:1em; text-transform: uppercase; }
#wrap-c-header { position: relative; height: 161px; padding: 13px 0 0 12px; background: url(/img/bg-c-header.png) 0 0 no-repeat; }
	#wrap-c-header div { position: relative; float: left; width: 889px; height: 133px; background: url(/img/header.jpg) 0 0 no-repeat; }
		#wrap-c-header div img { position: absolute; right: -45px; top: -15px; }
#wrap-body { background: url(/img/bg-body-bottom.png) 0 100% repeat-x; }
	.content { float: left; width: 913px; background: url(/img/bg-content.png) 0 0 repeat-y; }
#wrap-footer { min-height: 165px; background: url(/img/bg-footer.jpg) 0 100% repeat-x; }

/* Main navigation */
#nav-main { position: absolute; bottom: 0; right: 6px; margin: 0; padding: 0; font-size: .7em; font-weight: 900; }
	#nav-main li { float: left; padding: 0 0 5px 4px; margin: 0; list-style: none; background: none; }
		#nav-main li a { float: left; padding: 15px 4px 10px 4px; margin: 0; background: url(/img/bg-nav.png) 100% 0 repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0c243e; text-decoration: none; letter-spacing: 0px; }
			#nav-main li a:hover { background: url(/img/bg-nav-hover.png) 100% 0 repeat-x; }
			#nav-main li a.active { background: url(/img/bg-nav-active.png) 100% 0 repeat-x; color: #fff; }
				#nav-main li a.active:hover { background: url(/img/bg-nav-active.png) 100% 0 repeat-x; }

/* Breadcrumb */
#breadcrumb { float: left; width: 100%; margin: 0; padding: 0; }
	#breadcrumb li { float: left; list-style: none; color: #df7f1f; }
		#breadcrumb li a { color: #df7f1f; }
		#breadcrumb li span { color: #000; }

/* Sub Navigation */
#nav-sub { float: left; width: 181px; margin: 0; padding: 0; }
	#nav-sub li { float: left; width: 181px; margin: 0; padding: 0; background: none; list-style: none; }
		#nav-sub li a { float: left; width: 151px; margin: 0; padding: 5px 5px 5px 25px; background: url(/img/bg-navsub.png) 50% 100% no-repeat; color: #fff; text-decoration: none; font-size: 1.1em; font-weight: normal; }
			#nav-sub li a:hover { background: #efb377; }

/* Footer */
#wrap-footer { color:#5e3c1f; font-size: .8em; }
#wrap-footer ul { padding:10px 0 0 0; }
	#wrap-footer ul li { background:none; display:inline; padding:0 10px 0 0; }
		#wrap-footer ul li a { color:#fff; font-weight:bold; font-size:120%; text-decoration:none; white-space: nowrap; }
			#wrap-footer ul li a:hover { text-decoration: underline; }
	#wrap-footer p { padding:6px 0; }
	#tkg a { color:#eda970; }
				
/* Index page */
#callout { float: left; margin: 0 0 0 6px; padding: 0; }
	#callout li { float: left; width: 266px; padding: 17px 17px 0 17px; background: url(/img/bg-callout.png) 0 0 no-repeat; list-style: none; }
		#callout li h2 { float: left; width: 100%; padding: 15px 0; text-align: center; font-size: 1.5em; text-transform: uppercase; font-weight: normal; color: #df7a25; }
	.copy .col-l { float: left; width: 320px; }
		.copy h3.index { color:#DF7A25; font-size: 2.1em; font-weight:normal; padding:0 0 22px; text-transform:uppercase; }
		.copy .col-l h4{ float:left; font-size: 1.3em; padding:3px 3px 22px; }
	.copy .col-r { float: right; width: 510px; }
	
/* Template conditions based on which columns should show */
#col-left { float: left; position: relative; width: 901px; left: 6px; background: #c9731c url(/img/bg-col-left.jpg) 0 100% no-repeat; }
	#col-left .copy { float: left; width: 686px; background: #fff; }
#col-right { float: left; position: relative; width: 901px; left: 6px; background: #fff; }
	#col-right .copy { float: left; width: 615px; background: #fff; }
		#col-left #col-right { float: left; width: 720px; left: 0; background: #fff; }
			#col-left #col-right .copy { float: left; width: 440px; background: #fff; }

/* Contact Us form */
form fieldset { float: left; width: 300px; margin: 15px 0 0 0; }
form input, form textarea { width: 100%; border: 1px solid black; margin: 0 0 5px 0; }
	form input:focus, form textarea:focus { background: #fffef2; }
	form textarea { height: 100px; }
	form label { font-size: .95em; }
	form li { list-style: none; }
	form button { border: none; background: none; margin: 0; padding: 0; }
	
/* Sitemap */
#sitemap ol { margin: 0; }
	#sitemap ol ol { margin: 0 0 0 15px; }
	#sitemap ol li { list-style: none; padding: 5px; }
		#sitemap ol li li { padding: 0; }
	#sitemap li.alt { background: #EDF3F9; }
	#sitemap h3 { text-decoration: underline; }

/* Slideshow */
#slideshow { float: right; width: 240px; border-left: 1px solid #d7d7d7; padding: 15px 0 0 0; }
	#slideshow #bg-top, #slideshow #bg-middle, #slideshow #bg-bottom { float: left; width: 221px; }
		#slideshow #bg-top { background: url(/img/bg-gallery-top.png) 0 0 no-repeat; }
		#slideshow #bg-middle { background: url(/img/bg-gallery-mid.png) 0 0 repeat-y; }
		#slideshow #bg-bottom { background: url(/img/bg-gallery-bot.png) 0 100% no-repeat; width: 204px; padding: 17px 0 17px 17px; }
			#slideshow #bg-bottom img { width: 190px; }
	#slideshow #thumbs { float: left; margin: 0; padding: 10px 0 10px 10px; clear: both; }
		#slideshow #thumbs li { float: left; margin: 0; padding: 0; }
		#slideshow #thumbs li, #slideshow #thumbs-middle, #slideshow #thumbs-bottom { float: left; width: 70px; }
			#slideshow #thumbs li { background: url(/img/bg-thumb-top.png) 0 0 no-repeat; }
			#slideshow #thumbs-middle { background: url(/img/bg-thumb-mid.png) 0 0 repeat-y; }
			#slideshow #thumbs-bottom { background: url(/img/bg-thumb-bot.png) 0 100% no-repeat; width: 63px; padding: 7px 0 7px 7px; }
			#slideshow #thumbs li img { width: 55px; }
	#slideshow #lblAltText, #slideshow p, #files h2 { padding: 0 30px 0 11px; color: #df7a25; font-size: 1.2em; font-weight: normal; }
		#slideshow p { font-size: .9em; }
#files { float: left; width: 100%; }
	#files ul { margin: 0 0 15px 17px; }
		#files ul li { background: none; padding: 2px 0 2px 20px; }
			#files ul li.pdf { background: url(/img/icon-pdf.png) 0 50% no-repeat; }
			#files ul li.excel { background: url(/img/icon-excel.png) 0 50% no-repeat; }
			#files ul li.word { background: url(/img/icon-word.png) 0 50% no-repeat; }
			#files ul li.other { background: url(/img/icon-other.png) 0 50% no-repeat; }