/* main.css -- revised 3 November 2005 by Wilma Keppel */

/* INDEX
	page structure
	link styles
	paragraph styles
	text styles
	colors scheme
/*

/* PAGE STRUCTURE
	body
	IDs defined:
		#logobar = site name, slogan, and graphic
		#navbar = top navigation
		#navcol = right-hand navigation column
		#bottombar = footer
		#printpage = link to printer page
		#url = URL, link to non-printer page
	TD classes:
		td.main = main text block
		td.navcol = right-hand navigation column
*/
/* defaulting margins, padding, & borders to 0px prevents browsers from imposing their own defaults */
body {
	background: #F0F3F5;
	color: #000;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

/* IDs */
#logobar .sitename {
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%;
	margin-top: 0px;
	}
#logobar .siteslogan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin-top: 10px;
	font-weight: bold;
	}

#navbar, #bottombar {
	background-color: #A4AF8E;
	color: #021;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 90%;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
/* background change for current page on navbar (was 8E987C) */
#navbar td.navhere, #navbar td.topic {
	background-color: #7E886E;
	}
/* text color for current page on navbar, navcol */
#navbar td.navhere, #navcol span.navhere {
	color: #FFF;
	}

#bottombar {
	padding-top: 5px;
	padding-bottom: 6px;
	}

#printpage, #url {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	}
#printpage {
	text-align:right;
	margin-top: 0px;
	margin-bottom: 1.2ex;
	}
/* #url color same as .byline; margins and indent same as .top */

/* TD classes -- td.main was FAF8EC */

td.main {
	background-color: #FBFBFB;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	}
td.navbar {
	color: #333;
	}
td.navbottom {
	color: #021;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding-top: 7px;
	}
td.navcol, #leftcol, td.leftcol {
	color: #021;
	background-color: #7A996B;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	padding: 7px;
	}
p.navcolhead, p.navcolsubhead {
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 90%;
	margin-bottom: .2ex;
	margin-top: .2ex;
	line-height: 1.0;
	}
.navcolhead {
	font-weight: bold;
	}
.navcolsubhead {
	margin-left: 1.5em;
	}

/* LINK STYLES
	plain links
	nav = nav bar and nav column only
	out = leads off site
	warn = mailto and downloads
	hide = page URL (visible on mouseover on printer pages only)
 */
/*extends link highlights beyond text: */
a.nav, #leftcol a, #navcol a, #pagecontent a {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 1px;
	padding-left: 1px;
	}
/* extends the link highlighting beyond the text */
#bottombar a {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	}

/* IN-TEXT LINKS */
a:link, a.out:link, a.warn:link, #leftcol a.link {
	color: #140;
	}
/* visited 351*/
a:visited, a.out:visited, a.warn:visited {
	color: #640;
	}
#leftcol a:visited {
	color: #440;
	}
a:link, a:visited, a.out:link, a.out:visited, a.warn:link, a.warn:visited {
	background-color: transparent;
	text-decoration: underline;
	}

/* NAVIGATION LINKS */
a.nav:link {
	color: #021;
	}
/* was #342 */
a.nav:visited {
	color: #440;
	}
/* no underline or background color for navigation, logobar, and printer links */
a.nav:link, a.nav:visited, a.nav:hover, a.nav:active, #logobar a, #printpage a:link, #printpage a:visited, a.glossary:link, a.glossary:visited  {
	text-decoration: none;
	background-color: transparent;
	}
/* dashed underline for glossary links */
a.glossary:link {
	color: #000;
	border-bottom: 1px dotted #7A996B;
	}
a.glossary:visited {
	color: #000;
	border-bottom: 1px dotted #B95;
	}
a.glossary:hover, a.glossary:active {
	color: #F00;
	border-bottom: 1px dashed #F00;
	}
/* keeps site title link dark */
#logobar a {
	color: #021;
	}
/* navbar & footer links */
#navbar a {
	display: block;
	padding: 4px;
	}	
#navbar a.nav:hover, #bottombar a:hover {
	background-color: #53684A;
	color: #FFF;
	}

/* navcol links */
#navcol a.nav {
	padding: 5px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
}
#navcol a.nav:hover, #navcol a.nav:active, #navcol a:active, #navcol a:hover, #navcol a.active, #navcol a.hover, #leftcol a:active, #leftcol a:hover {
	color: #FFF;
	background-color: #4A684B;
	}
/* printer links */
#printpage a:link {
	color: #785;
	} 
#printpage a:visited {
	color: #9A7;
	} 
/* active links */
a:hover, a:active, a.nav:hover, a.nav:active, #printpage a:hover, #printpage a:active {
	color: #F00;
	}
a:hover, a:active, #printpage a:hover, #printpage a:active {
	text-decoration: underline;
	background-color: transparent;
	}
a.out:hover, a.out:active {
	color: #00F;
	background-color: transparent;
	}
a.warn:hover, a.warn:active {
	color: #FF0;
	background-color: #F00;
	}
/* hidden links */
a.hide:link, a.hide:visited, a.hide:hover, a.hide:active {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	}
#url a.hide:link, #url a.hide:visited {
	color: #384732;
	}

/* PARAGRAPH STYLES */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: .2ex;
	color: #021;
	}
h1, h2, h3 {
	font-weight: bold;
	}
h1 {
	font-size: 120%;
	margin-top: 0ex;
	}
h2 {
	font-size: 115%;
	margin-top: 2ex;
	}
h3 {
	font-size: 100%;
	margin-top: 1ex;
	}
h4 {
	font-size: 100%;
	margin-top: .5ex;
	}
h5 {
	font-size: 100%;
	font-style: italic;
	margin-top: .0ex;
	}
h6 {
	font-size: 90%;
	font-style: italic;
	margin-top: 0ex;
	}
/* use with an H3 tag */
.byline, .articles {
	margin-top: 1ex;
	margin-bottom: 1em;
	}
h1, .byline, .articles, h2.related {
	text-align:center;
	}
.byline, #url {
	color: #384732;
	}
.articles {
	color: #630;
	}
/* for H tag for related items at bottom of article */
.related {
	margin-top: 2em;
	margin-bottom: 1ex;
	}
/* for list of related items -- use with UL tag */
.relatedlist {
	margin-top: 0px;
	margin-bottom: 0px;
	}

p {
	line-height: 1.2;
	margin-top:0ex;
	margin-bottom: 1.5ex;
	}
/* summary paragraph above article text */
p.summary {
	margin-left: 2em;
	margin-right: 2em;
	padding-bottom: 1em;
	}
/* indent whole paragraph */
p.indent {
	margin-left: 2em;
	}
/* for editor's notes; headnotes */
p.note {
	font-size : 95%;
	font-style: italic;
	}

/* top is for links to the top of the page */
.right, .top {
	text-align: right;
	}
.caption, .more {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	}
.more {
	text-align: right;
	margin-top: -1ex;
	margin-bottom: 2em;
	}
.caption {
	text-align: left;
	}
.photocredits, .smallsans, .top, .category, .beforetitle {
	font-family: Arial, Helvetica, sans-serif;
	}
.photocredits {
	text-align: right;
	font-size: 75%;
	}
.smallsans, .top, .category, .beforetitle {
	font-size: 80%;
	}
#url, .top {
	font-size: 80%;
	margin-bottom: 0px;
	text-indent: 0px;
	}
.top {
	margin-top: 0px;
	}
.beforetitle {
	color: #342;
	text-align: center;
	}
/* category in nav column was s#021 */
.category {
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: center;
	color: #554;
	font-weight: bold;
	}
/* span for a tool-tip definition */
.define {
	border-bottom: 1px dotted #7A996B;
	}
/* for multi-paragraph quotes, put P tags inside BLOCKQUOTE tags */
blockquote {
	margin-top: 2ex;
	margin-left: 4ex;
	margin-right: 4ex;
	margin-bottom: 2ex;
	}
p.quotesource {
	text-align: right;
	margin-top: -1ex;
	}

li {
	margin-bottom: .2ex;
	line-height: 1.2;
	}
/* use with LI items */
.footnote {
	font-size : 95%;
	}

dt, dd {
	line-height: 1.2;
	}
dt {
	margin-top: 1ex
	}
dd {
	margin-top: .5ex
	}



/* TEXT STYLES */
sup, sub {
	font-size: 70%;
	}
/* announce new items */
.new {
	color: #900;
	background-color: transparent;
	font-weight: bold;
	}
/* for run-in heads on home and door pages */
.runin {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}


/* form input */
input {
	font-size: 80%;
     }	
select {
	font-size: 80%;
     }

/* COLOR SCHEME

BACKGROUNDS:
	F0F3F5 light blue page background
		(what people see before the top graphic loads)
	FBFBFB white main text background
	A4AF8E gray-green topnav & footer background
		53684A dark green topnav hover
		8E987C topnav navhere

NAVIGATION COLUMNS:
	7A996B main green sidebar
		4A684B darker green hover

TEXT
	logo bar, navbar, H tags
		021 (dark green)
	navigation hover
		FFF (white)
	text link hover
		F00 (red)
	byline, URL
		384732

*/