/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; line-height: 1.4; color: #333; }
html { background: #c1bb55 url(../img/presentation/toptile.jpg) repeat-x 0 13px; }
body { font: 62.5% Georgia, 'Times New Roman', serif; border-top: 13px solid #3b3c4c; padding: 19px 0 0; }
p, ul, ol { font-size: 13px; margin: 0 0 1.5em; }
dl { font-size: 12px; margin: 0 0 1.5em; }
dt { font-size: 13px;}
dl dd#feature p{font-size: 14px;}
a { color: #336; text-decoration: none; font-weight: bold;}
dt a { color: #336; text-decoration: none; font-weight: bold;}
dt#feature-title a { color: #336; text-decoration: none; font-weight: normal;}
a:hover, a:focus { color: #600; }
img { display: block; font-size: 11px; }
blockquote p {font-size: 12px; margin-left: 30px;}

.more { font-size: 12px; letter-spacing: 0.1em; font-weight: bold;}

.more span { font-size: 13px; letter-spacing: 0.1em; font-weight: bold; }

.prev { font-size: 12px; letter-spacing: 0.1em; font-weight: bold; float: left;}

.next { font-size: 12px; letter-spacing: 0.1em; font-weight: bold; float: right;}

form dt input { font-family: 'Lucida Grande', 'Trebuchet MS', sans-serif; }

#skip, .home #tertiary form dt label, #subscribe form label { position: absolute; left: -9999px;}

input.empty, textarea.empty { color: #777; }
input.filled, textarea.filled { color: #000;}

p span.title {font-size: 13px; font-weight: bold;}

/*-------------------------------------------    
    Structure
-------------------------------------------*/
#wrap { width: 100%; background: #faefaa url(../img/presentation/body_bg.jpg) repeat 50% 0; float: left; padding: 0; }

#header { width: 100%; background: transparent url(../img/presentation/nav.png) no-repeat 50% 0; padding: 20px 0 10px; }

#nav { width: 900px; margin: 0 auto 2em; text-align: center; list-style: none; }
	#nav li { display: inline; margin: 0 0 0 25px; }
	#nav li:first-child { margin-left: 0; }

	
	#nav a { text-decoration: none; text-transform: uppercase; color: #336; letter-spacing: 0.2em; font-weight: bold; font-size: 10px; }
	#nav li.current a {color: #600; border-bottom: 1px dotted #600;}
	#nav a:hover, #nav a:focus { color: #600; }

#branding { width: 900px; margin: 0 auto 3em; text-align: center; position: relative; padding: 0 0 42px; }
	#branding img { position: absolute; bottom: 0; left: 50%; margin-left: -204px; color: #600; font: 30px Symbol, 'Times New Roman', serif; text-align: center; }
	#branding h1 { font: normal 12px Georgia, 'Times New Roman', serif; width: 50.6em; margin: 0 auto; max-width: 900px; }
	

#content { width: 900px; margin: 0 auto; border-top: 1px dotted #96905f; padding: 2em 0 0; overflow: hidden; }
.home #content { border: none; padding-top: 0; }
	.home #content > div { float: left; }
	#content h2 { color: #336; font-weight: normal; margin: 0 0 0.75em; }
	.home #content h2, #subnav dt, #subscribe h2, .subscribe #secondary h2, .projects #main h2 { color: #330; background: transparent url(../img/presentation/h2_marker.jpg) no-repeat 0 0; padding: 0 0 0 24px; font: bold 10px 'Lucida Grande', 'Trebuchet MS', sans-serif; text-transform: uppercase; letter-spacing: 0.4em; margin: 0 0 1em; }

	#subnav{ padding-bottom: 60px;}

	#main { width: 600px; float: right; }
	.home #main { width: 300px; margin: 0 33px 0 300px; float: left; }
		#main img { float: right; padding: 10px; background-color: #d7d893; border: 1px solid #e8e1a8; margin: 0 0 5px 15px; }
			#main a img { float: none; padding: 0; background-color: none; border: 0; margin: 0 0 15px 0; }
			#main p#captcha img { float: none; padding: 0; background-color: none; border: 0; margin: 0 0 15px 0; }
			#main p input{clear:left;}
			#main #paginate { width: 900px;}
			#main #paginate .prev {margin-right: 100px;}
		.home #main img { margin: 0 auto 3em; text-align: center; float: none; background: none; border: none; padding: 0; }
		.home #main dl * { line-height: 1.5; }
			.home #main dt, #content h2 { font-size: 20px; }
				.home #main dd { font-size: 13px; }
	.projects #main { width: 900px; float: left; }
		.projects #main > h2 { border: none; background: none; padding: 0; margin: 0 0 2em 0; }	
		.projects #paginate {margin: 0; float: left;}
			.projects #paginate #pages { font-size: 11px; font-weight: bold; float: right; margin-top: -33px;}
			.projects #main .entry {float: left; width: 165px; margin: 0 15px 6em 0;}
			.projects #main .entry img { width: 100px; border: 6px solid #d7d893; padding: 0; float: none; margin: .5em 0 1em; }
			.projects #main .entry dd img {width: 55px; height: 17px; border: 0;}
			
			
	#secondary { width: 260px; }
	.home #secondary { width: 267px; }
		.home #secondary img { float: left; margin: 0 15px 5px 0; border: 6px solid #d7d893; }
		#secondary dt, .projects #main div dt { font-weight: bold; }
		#subnav { width: 187px; margin: 18px 0 0; }
			#subnav dt { padding: 0; background: none; border: none; }
				#subnav dd { border-top: 1px solid #c8c68b; }
					#subnav dd a { display: block; padding: 0.3em 0; font-weight: bold; }
					.secondary #content #main p.pdf {background: url("../img/ico-doc.gif") no-repeat;	border: 0; padding-left: 22px;}
					.secondary #main .img-thumb { width: 75px; border: 4px solid #d7d893; padding: 0; float: left; margin: 0 1em 0 0; }
					.secondary #main .entry-wrap {margin-bottom: 2em; float: left;}
					.secondary #main ul {margin-left: 18px;}
					.secondary #main ul li{margin-bottom: 8px;}


	.home #tertiary { width: 260px; margin-left: -900px; }
		#tertiary ol.events { list-style: none; }
			#tertiary ol.events li { position: relative; padding: 1.25em 0 0; }
			#tertiary ol.events p.date { position: absolute; top: 0; font: 9px 'Lucida Grande', 'Trebuchet MS', sans-serif; text-transform: uppercase; letter-spacing: 0.2em; }
		#tertiary h3 { font-size: 13px; margin: 0 0 0.25em; }
		.home #tertiary form dt { float: left; margin: 0 10px 0 0; width: 176px; }
			.home #tertiary form dt input { width: 100%;}

			#content #main p.date {font: 9px 'Lucida Grande', 'Trebuchet MS', sans-serif; text-transform: uppercase; letter-spacing: 0.2em; margin: 0 0 8px 0;}
			#content #main dd.date {font: 9px 'Lucida Grande', 'Trebuchet MS', sans-serif; text-transform: uppercase; letter-spacing: 0.2em; margin: 4px 0;}
			
	#subscribe, .projects #main #subscribe {clear: both; width: 900px; margin: 0 auto; border-top: 1px dotted #96905f; padding: 1em 0 0;}
		#subscribe dt input { font-size: 10px; }
		#subscribe h2, .subscribe #secondary h2, .projects #subscribe h2 { border: none; font-size: 10px; width: 8em; float: left; padding-top: 0; background-position: 0 50%; }
		.home #subscribe-meta, .secondary #subscribe-meta, .projects #subscribe-meta {width: auto; float: right;}
		#subscribe-meta a img{float: right; margin-left: 1em; padding: 0; position: relative; border: 0;}

			::root #subscribe div form, ::root #subscribe div form dd { overflow: hidden; }
		#subscribe p, #subscribe dt { float: left; margin: 0 1em 0 0; }
		#subscribe p { margin-bottom: 1em; }
	
		
	.subscribe #secondary h2 { background: none; padding: 0; width: 100%; }
		.subscribe #main p { width: 38em; max-width: 600px; }
		.subscribe #main form { margin: 0 0 5em; }
			.subscribe #main form div { margin: 0 0 1.5em; position: relative; padding: 0 0 1.75em; }
			.subscribe #main form label { display: block; font: bold 10px 'Lucida Grande', 'Trebuchet MS', sans-serif; position: absolute; bottom: 0; }
			#firstnamewrap { float: left; width: 141px; padding: 0 20px 0 0; }
				#firstnamewrap input, #lastnamewrap input, #emailwrap input { width: 100%; }
			#lastnamewrap { width: 250px; margin: 0 0 0 20px; float: left; left: 20px; }				
			#emailwrap { clear: left; width: 250px; float: left; }
				.subscribe #main #emailwrap form label { top: 0; }
			.subscribe #main form #buttonwrap { border-top: 1px dotted #969070; padding: 20px 0 0; width: 100%; position: relative; clear: left; }

	#slides { background: url("../img/bg-slide.png"); margin-bottom: 16px; padding: 6px 6px 7px 7px; }

#footerwrap { clear: left; font-family: 'Lucida Grande', 'Trebuchet MS', sans-serif; padding: 6em 0 0; background: #c0bb55 url(../img/presentation/footer.jpg) repeat-x 50% 0; width: 100%; float: left; }
	#footer { margin: 0 auto; width: 900px; }
	#meta { float: left; }
		#meta p { font-size: 10px; }
		#meta a { font-weight: bold; }
	#linkback { width: 376px; float: right; font: 10px Georgia, 'Times New Roman', serif;  }
		#linkback dt { float: left; }
			#linkback dt a { display: block; text-indent: -9999px; background: transparent url(../img/presentation/stgregory.gif) no-repeat 0 0; width: 122px; height: 12px; }
		#linkback dd { margin-left: 130px; }
			#linkback dd a { font-weight: bold; }