body { 
	margin: 0; padding: 0;	
	color: #222; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	line-height: 1.4em;
	background: url(../images/bg_default.gif) repeat-x; background-position: 100% 90px;
	}
* html body {
	font-size: x-small; /*IE5 Win*/
	f\ont-size: small; /*Other IEs*/
	}
	
/* layout - 1col is 9% */
#wrapper {
	margin: 0; padding: 0;
	width: 98%; /* prevents hscroll */
	position: relative;
	top: 0;
	left: 10px;
	}

#header { 
	margin: 0; padding: 0;
	}
	#header img {
		z-index: 1100;
		margin: 0; padding: 0;
		position: absolute;
		top: 10px;
		left: 90%;
		}
	
.logoNav { /* position of the logo */
 position:absolute;
 top:12px;
 right:141px;
 z-index:1000;
 }	
	
body #bar { /* basics for all bar divs */
	margin: 0; padding: 0;
	width: 19%; /*1% more prevents 1px photo peekaboo*/
	height: 555px;
	color: #fff;
	background-color: #61116A;
	}
	#bar div, #bar_home1 div { /* nested div holds pad so no BMH needed */
		padding: 87px 13px 10px 10px;
		}

body #content { /* basics for all content divs */
	margin: 0; padding: 0;
	width: 36%; 
	background: #fff;
	}
	#content div { /* nested div holds pad so no BMH needed */
		padding: 85px 12px 10px 10px;
		}

/* navs */		
#nav1 { 
	z-index: 1000; /*keeps it on top over red bar*/
	position: relative;
	top: 5px;
	left: 10px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: auto; /*solves positioning inheritance prob in ie mac*/
	}
	#nav1 li {
		float: left;		
		margin: 0;
		padding: 0;
		width: 9%;
		}
	#nav1 a {
		float: left;		
		display: block;
		margin: 0;
		padding: 0 12px 0 0; /*wwk knock*/
		font-size: 7pt;
		line-height: 1.4em;
		color: #888;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		}		
	#nav1 a:hover {
		text-decoration: underline;
		color: #58c;
		}
	#nav1 li.current {
		width: 18%; 
		}
		#nav1 li.current a {
		color: #fff;
		}
		
.nav2 { /* secondary nav in bar */
	margin: 0 0 2.1em 0;
	padding: 0;
	list-style: none;
	font-size: 95%;
	}
	.nav2 li {
		margin: 0;
		padding: 0;
		}
		.nav2 li.viewall {
			font-size: 7pt;
			}
		.nav2 li.breakafter { /* used to separate nav categories */
			margin-bottom: 1.4em;
			}
		.nav2 li.navcat {
			font-size: 90%;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: bold;
			}
		.nav2 li.navsubcat {
			font-size: 90%;
			text-decoration: none;
			font-weight: bold;
			margin-top: 0.35em;
			}
		.nav2 li.download {
			padding: 0 0 0 12px;
			background: url(../images/icon_file.gif) no-repeat 0 7px;
			}
		.nav2 li.feed {
			padding: 0 0 0 20px;
			background: url(../images/iconRSS.gif) no-repeat 0 4px;
			}
		

/* column placements for each main category */
body.do #bar { position: absolute;	top: 0;	left: 9%; }
body.do #content { position: absolute; top: 0; left: 27%; }
body.do blockquote { position: absolute; top: 575px; left: 9%;	}

body.know #bar { position: absolute;	top: 0;	left: 18%; }
body.know #content { position: absolute; top: 0; left: 36%; }
body.know blockquote { position: absolute; top: 575px; left: 18%;	}

body.blog #bar { position: absolute; top: 0; left: 27%; height: auto; }
body.blog #content { position: absolute; top: 0; left: 45%; min-height: 1800px; }
body.blog blockquote { position: absolute; top: 575px; left: 27%; }

body.about #bar { position: absolute; top: 0; left: 36%; }
body.about #content { position: absolute; top: 0; left: 54%; }
body.about blockquote {	position: absolute; top: 575px; left: 36%; }

body.contact #bar { position: absolute; top: 0; left: 45%; }
body.contact #content {	position: absolute; top: 0; left: 9%; }
body.contact blockquote { position: absolute; top: 575px; left: 45%; }

/* type basics */
h1 {
	margin: 0;
	padding: 0 0 10px 0;	
	font-size: 225%;
	font-weight: normal;
	line-height: 1.15em;
	letter-spacing: -0.05em;
	color: #333;
	}

h2 {
	margin: 0;
	padding: 0;	
	font-size: 115%;
	line-height: 1.4em;
	font-weight: bold;
	}
	h2.abovelist {
		margin-bottom: 0.7em;
		}

h3 {
	margin: 0;
	padding: 0;	
	font-size: 100%;
	line-height: 1.4em;
	font-weight: bold;
	}

h4 {
	margin: 0;
	padding: 0;	
	font-size: 100%;
	line-height: 1.4em;
	font-weight: bold;
	}

h5 {
	margin: 0 0 1em 0;
	}

p {
	padding: 0 0 1.4em 0;
	margin: 0;
	}
	
p.copyright {
	margin: 72px 0 36px 0;
	font-size: 75%;
	color: #999;
	}
	
.date, .source {
	margin: 0; padding: 0;
	font-size: 85%;
	color: #888;
	}
	.source {
		font-style: italic;
		}
	p.date span.source {
		font-size: 100%;
		}
p.beforelist {
		padding-bottom: 0.7em;
		}
	
form {
	margin: 0 0 1.4em 0;
	padding: 0;
	}
	
label {
	font-size: 85%;
	line-height: 1.4em;
	}

input {
	}	
	
body.about #content img {
	float: right;
	margin: 4px 0 4px 20px;
	}	
	
/* lists */
#content ul { /* copy-heavy body lists */
	margin: 0 0 1.4em 0;
	padding: 0;
	border-bottom: 1px solid #acd4e3;
	list-style: none;
	}
	#content ul li {
		margin: 0 0 9px 0;
		padding: 2px 0;
		border-top: 1px solid #acd4e3;
		}

#content ul.index { /* list of links for primary index pages */
	border-bottom: none;
	}
	#content ul.index li {
		margin: 0;
		padding: 0;
		border-top: none;
		}

#content ul.indexdated { /* list of links preceded by dates and/or sources */
	border-bottom: none;
	}
	#content ul.indexdated li {
		margin: 0 0 0.7em 0;
		padding: 0;
		border-top: none;
		}

#content ul.bulleted { /* basic bulleted list */
	border-bottom: none;
	margin-bottom: 1.4em;
	}
	#content ul.bulleted li {
		margin: 0;
		padding: 0 0 0 12px;
		background: url(../images/icon_basicbullet.gif) no-repeat 0 7px;
		border-top: none;
		}
		

/* exhibits */
div.exhibitx {
	margin: 0 0 1.4em 0;
	padding: 0;
	height: 140px;
	}
	div.exhibitx p.caption {
	margin: 0 260px 0 0;
	padding: 7px 10px;
	}

div#content div div.exhibit {
	margin: 0 0 1.4em 0;
	padding: 0;
	background-color: #acd4e3;
	width: 100%;
	height: 140px;
	overflow: hidden;
	}
	div#content div div.exhibit p {
		margin: 0;
		padding: 7px;
		font-size: 85%;
		line-height: 1.2em;
		}
	div#content div div.exhibit img {
		float: right;
		margin-left: 7px;
		}


/* pull quotes */
blockquote {
	width: 18%; /*positioning set with page specifics above */
	margin: 0;
	padding: 0;
	color: #247;
	font-weight: bold;
	background: #acd4e3 url(../images/quote_open.gif) no-repeat left top;
	}
	#quote {
		padding: 10px;
		margin: 0px;
		background: url(../images/quote_close.gif) no-repeat right bottom;
		}
	#author {
		padding: 0 10px 10px 10px;
		margin: 0;
		font-style: italic;
		font-weight: normal;
		font-size: 90%;
		}

	
/* links */
	/* home tagline */
	#bar_home1 h3 a:link { color: #555; text-decoration: none; }
	#bar_home1 h3 a:visited { color: #555; text-decoration: none; }
	#bar_home1 h3 a:hover { color: #555; text-decoration: underline; }	
	#bar_home1 h3 a:active { color: #555; text-decoration: underline; }	

	/* home red and white bars */
	#bar_home2 a:link { color: #fff; text-decoration: none; border-bottom: 1px dotted #eee; }
	#bar_home2 a:visited { color: #fff; text-decoration: none; border-bottom: 1px dotted #eee; }
	#bar_home2 a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }
	
	#bar_home3 div a:link, #bar_home3 div a { 
		font-size: 7pt;
		color: #888;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		}
	#bar_home3 div a:visited { text-decoration: none; color: #888; }
	#bar_home3 div a:hover { text-decoration: underline; color: #58c; }
	#bar_home3 div a:active { text-decoration: underline; color: #58c; }

	/* all other bar links */
	.nav2 a:link {
		color: #fff;
		text-decoration: none;
		}		
	.nav2 a:visited { text-decoration: none; color: #eee;}		
	.nav2 a:hover {	text-decoration: underline; color: #fff; }
	.nav2 a:active { text-decoration: underline; color: #fff; }
	#bar div ul.nav2 li a.current { text-decoration: none; color: #ccc; } /*specificity for ie*/

	/* non-list bar links */
	#bar a:link {
		color: #fff;
		text-decoration: none;
		}		
	#bar a:visited { text-decoration: none; color: #fff;}		
	#bar a:hover {	text-decoration: underline; color: #fff; }
	#bar a:active { text-decoration: underline; color: #fff; }
	#bar a.current { text-decoration: none; color: #ccc; } /*specificity for ie*/

	/* basic */
	a:link { color: #58c; }
	a:visited { color: #47b }
	a:hover { color: #36a }
	a:active { color: #36a }

	/* makes links in content area dotted, uses previously-set colors */
	#content a:link {
		text-decoration: none;
		border-bottom: 1px dotted #58c;
		}
	#content a:visited {
		text-decoration: none;
		border-bottom: 1px dotted #47b;
		}
	#content a:hover {
		text-decoration: none;
		border-bottom: 1px solid #47b;
		}
	#content a:active {
		text-decoration: none;
		border-bottom: 1px solid #47b;
		}
		

/* home-specific */
body.home #bar_home1 { /* blue bar for positioning line */
	position: absolute;
	top: 0;
	left: 9%;
	background-color: #acd4e3;
	width: 27%; /* triple-col */
	min-width: 260px;
	height: 160px;
	}
	#bar_home1 h3 { color: #555; }
	
body.home #safeoverflow {
	position: absolute;
	top: 180px;
	left: 9%;
	width: 27%; /* triple-col */
	min-width: 260px;
	}

body.home #bar_home2 { /* red bar for promoted content */
	background-color: #61116A;
	min-height: 390px;
	_height: 390px;
	}
	#bar_home2 div {
		padding: 8px 10px 0 10px;
		}
	#bar_home2 h1, #bar_home2 h2, #bar_home2 p {
		color: #fff;
		}
	#bar_home2 h1 {
		font-size: 175%;
		letter-spacing: normal; /* overrides neg ls used on page heads */
		padding-bottom: 3px;
		}
	#bar_home2 h2 {
		font-size: 105%;
		margin: 5px 0 3px 0;
		}

body.home #bar_home3 { /* white bar for extranet link */
	margin-top: 20px;
	background-color: #fff;
	}
	body.home #bar_home3 div {
		padding: 0 10px;
		} 	
 	body.home #bar_home3 div p.copyright {
	margin: 0 0 10px 0;
	padding: 0;
	}
			
body.home #nav1 { 
	position: relative;
	top: 5px;
	left: 9%;
	margin-left: 10px;
	}
body.home #nav1 li.current {
	width: 27%; 
	min-width: 260px;
	}
body.home #content {
	position: absolute;
	top: 585px;
	left: 9%;
	}
	
	
/* blog-specific */
#search {
	margin-right: 5px;
	font-size: 11px;
	}

body.blog #content {
	_height: 1800px;
	}
	
body.blog div#content div div.entry, body.blog div#content div div.entryphoto, body.blog div#content div div.entryauthor {
	clear: left;
	margin: 4px 0 0.7em 0;
	padding: 2px 0 0 0;
	border-top: 1px solid #bbb;
	}

body.blog div#content div div.entryphoto {
	min-height: 90px;
	overflow: auto;
	}

body.blog div#content div div.entryphoto img.littlepic, body.blog div#content div div.entryauthor img.littlepic {
	float: left;
	margin: 5px 10px 0 0;
	width: 100px;
	}
body.blog img.pic {
	margin-bottom: 1.4em;
	}

body.blog div#content div div.entry p.byline, body.blog div#content div div.entryphoto p.byline {
	border-bottom: none;
	padding: 0 0 0 0;
	margin-bottom: 0.7em;
	}

p.byline {
	margin: 0 0 0 0;
	padding: 0 0 0.7em 0;
	font-size: 85%;
	color: #888;
	border-bottom: 1px solid #bbb; /*used on post, not on entry list*/
	}
		
h3.comment, h3.postcomment {
	margin-top: 2.1em;
	margin-bottom: 0.7em;
	}
	

#content div .commentblock {
	margin: 0.7em 0;
	padding: 7px 10px 7px 10px;
	background: #acd4e3 url(../images/quote_open.gif) no-repeat left top;
	}
	#content div .commentblock p {
		margin: 0;
		padding: 0 0 0.7em 0;
		position: relative;
		}
	#content div .commentblock p.postedby {
		font-size: 85%;
		color: #666;
		}
	

/* extranet */
body.extranet #bar { position: absolute; top: 90px; left: 9%; height: 465px; }
body.extranet #bar div { /* nested div holds pad so no BMH needed */
		padding: 10px 13px 10px 10px;
		}

body.extranet #content { position: absolute; top: 90px; left: 27%; min-height: 465px; }
body.extranet #content div { /* nested div holds pad so no BMH needed */
		padding: 0 12px 10px 10px;
		}
body.extranet input, body.extranet label {
		display: block;
		}
body.extranet input {
		margin-bottom: 0.7em;
		}
	
.new {
	background: #fff url(../images/iconXnetw_new2.gif) top right no-repeat;
	padding-right: 22px;
	}

/*tables*/
table {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0 20px 0;
	border: none;
	}
table th {
	text-align: left;
	padding: 2px 2px 3px 4px;
	background-color: #ddd;
	vertical-align: bottom;
	border-bottom: none;
	}
table td {
	text-align: left;
	padding: 2px 2px 3px 4px;
	background-color: #fff;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
	}
table td.section {
	background-color: #eee;
	border-bottom: none;
	}