/* 2/2/2009 Trevor Davis - NCPW 2009 Screen Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/
body { background: #ADC7D9; color: #000; font: 12px/18px Arial, Verdana, sans-serif; }
h1 { color: #7f401c; font-size: 18px; line-height: 24px; margin-bottom: 18px; text-transform: uppercase; }
h1 em { color: #000; text-transform: none; }
h2 { font-size: 18px; line-height: 22px; }
h3 { font-size: 1.333em; }
h4 { font-size: 1.167em; }
h5, h6 { font-size: 1em; }

a { color: #633215; text-decoration: none; }
body#home a { color: #f7c865; }
a:visited { color: #736253; }
a:hover { color: #000; text-decoration: underline; }
img { border: none; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 36px; }
cite { font-style: normal; }

/*****Custom Classes*****/
.clearing { clear: both; }
.clearfix { overflow: hidden; }
.last { margin-bottom: 0; }
.separate, .heading { display: block; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }
.leftSide { float: left; margin: 0 20px 20px 0; }
.rightSide { float: right; margin: 0 0 20px 20px; }
.listing { list-style: none; margin: 0; }
.listing li { margin-bottom: 18px; }
.listing li .source { color: #416585; display: block; }
.flash-replaced .alt { display: none; }

/*****Basic Layout*****/
div#container { background: #decab5 url(../images/template/container-bg.png) repeat-y; overflow: hidden; width: 759px; }
body#home div#container { background: #31597B url(../images/template/home-container-bg.png) repeat-y; }
div#header { 
	border-top: 1px solid #decab5;
	background: #943C10;
	color: #fff;
	float: left;
	position: relative;
	width: 100%;
}
div#contentContainer { 
	background: url(../images/template/content-bg.png) no-repeat bottom right;
	clear: both;
	float: left;
	padding-bottom: 130px;
	width: 100%;
}
body#home div#contentContainer { background-image: url(../images/template/home-content-bg.png); padding-bottom: 20px; }
div#sidebar { 
	color: #fff; 
	float: left;
	padding: 28px 10px 10px 17px;
	width: 186px;
}
div#content { float: right;	padding: 28px 26px 0 0; width: 494px; }
body#home div#content { color: #fff; float: left; width: 100%; }
body#home div#content div#primaryContent { float: left; padding: 0 17px 0 21px; width: 306px; }
body#home div#content div#secondaryContent { float: right; padding: 0 14px 100px 0; width: 380px; }
div#footer { 
	background: #5b6f55;
	clear: both;
	color: #fff;
	float: left;
	font-size: 10px;
	line-height: 12px;
	width: 100%;
}

/*****Header*****/
div#header a#logo, div#header h1 {
	color: #fff;
	display: block;
	font-size: 18px;
	height: 105px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	width: 759px;
	z-index: 10;
}
div#header a#logo span, div#header h1 span {
	background: url(../images/template/logo.png) no-repeat top right;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 11;
}
div#header p#tagline {
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	margin: 10px 0 5px 10px;
	position: relative;
	width: 140px;
	z-index: 100;
}
div#header a#share {
	background: url(../images/template/share-icon.png) no-repeat 0 50%;
	color: #000;
	display: block;
	margin-left: 10px;
	padding-left: 22px;
	position: relative;
	width: 100px;
	z-index: 100;
}

ul#primaryNav {
	float: right;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	list-style: none;
	margin: 12px 0 0;
	position: relative;
	text-align: right;
	width: 100%;
	z-index: 100;
}
ul#primaryNav li { 
	background: url(../images/template/primary-nav-separator.png) no-repeat 100% 50%;
	display: inline;
	margin-right: 6px;
	padding-right: 10px;
}
ul#primaryNav li.last { background: none; margin-right: 10px; padding-right: 0; }
ul#primaryNav a { color: #f7c865; line-height: 20px; text-transform: uppercase; }
ul#primaryNav a:hover { color: #f9f1b1; }

/*****Sidebar*****/
ul#secondaryNav { color: #fff; font-size: 15px; line-height: 24px; margin: 0 0 10px 17px; }
ul#secondaryNav a { color: #fff; display: block; font-weight: bold; }
ul#secondaryNav a:hover, ul#secondaryNav li.current a { color: #f7c865; }
div#sidebar div.helpText { margin-top: 42px; }

/*****Footer*****/
div#footer a { color: #fff; }
div#footer div.vcard { float: left; font-weight: bold; margin: 6px 0 0 15px; width: 297px; }
div#footer div.vcard p { margin: 0; }
div#footer div.vcard p .org { display: block; }
div#footer div.vcard p .street-address, div#footer div.vcard p .adr, div#footer div.vcard p .landLine, div#footer ul#footerNav li { background: url(../images/template/footer-bullet.png) no-repeat 100% 50%; margin-right: 3px; padding-right: 6px; }
div#footer ul#footerNav { list-style: none; margin: 0; }
div#footer ul#footerNav li { display: inline; }
div#footer ul#footerNav li.last { background: none; margin-right: 0; padding-right: 0; }
div#footer img#dsefFooterLogo { display: block; float: left; }
div#footer img#footerBanner { display: block; float: right; margin: 3px 13px 0 0; }

/*****Homepage*****/
body#home h2 { color: #f7c865; font-weight: normal; margin-bottom: 12px; text-transform: uppercase; }
body#home div#secondaryContent h2 { font-size: 14px; font-weight: bold; line-height: 18px; }
div.feature { background: url(../images/template/feature-bg.png) repeat-y; }
div.feature div.inner { background: url(../images/template/feature-top.png) no-repeat; }
div.feature div.inner blockquote { 
	background: url(../images/template/feature-bottom.png) no-repeat bottom left;
	overflow: hidden;
	padding: 22px 18px 73px 3px;
}
div.feature div.inner blockquote p { line-height: 16px; }
div.feature div.inner blockquote p.citation { font-size: 11px; line-height: 14px; }
div.feature div.inner blockquote img.rightSide { margin: -10px 0 6px 10px; }
div#branding { margin: 12px 0 55px; }

/*****Resources*****/
ul.resources { border-top: 1px solid #AE9585; list-style: none; margin-left: 0; }
ul.resources li { border-bottom: 1px solid #AE9585; padding: 10px 5px; }
ul.seminars li { overflow: hidden; }
ul.seminars li img.leftSide { margin-bottom: 5px; }
ul.resources li:hover { background-color: #D5C0A9; }
ul.resources h2 { font-size: 13px; line-height: 19px; }
ul.resources p { color: #416585; margin-bottom: 0; }
ul.resources blockquote p { color: #000; margin-bottom: 18px; }
ul.resources blockquote p.cite { margin-bottom: 0; }
ul.resources a.relatedLink { display: block; }
ul.seminars ul { border-top: none; list-style: disc; margin: 0 0 0 150px; }
ul.seminars ul li { border-bottom: none; overflow: visible; padding: 0; }
ul.seminars div.seminarContent { float: right; margin-bottom: 5px; width: 351px; }
ul.seminars blockquote { margin-top: 10px; }
ul.seminars blockquote p { margin-bottom: 10px; }
ul.seminars ul.inline { 
	clear: both;
	list-style: none;
	margin: 0;
	text-align: center;
}
ul.seminars ul.inline li { 
	border-right: 1px solid black;
	display: inline;
	margin-right: 5px;
	padding-right: 5px;
	width: auto;
}
ul.seminars ul.inline li.last { border-right: none; margin-right: 0; padding-right: 0; }

/*****Virtual Seminars*****/
dl#virtual_seminars { float: left; width: 100%; }
dl#virtual_seminars dt { clear: left; float: left; margin: 0 0 10px 0; padding: 0; width: 113px; }
dl#virtual_seminars dd { float: left; margin-left: 20px; padding: 0; width: 350px; }
dl#virtual_seminars dd ul { margin-left: 15px; }
dl#virtual_seminars dd ul li { list-style-type: disc; margin: 0; padding-bottom: 10px; }