/* buuf.css
 * 2 column CSS layout
 * 2007-08-31: Last functional revision
 * 2007-10-10: Color scheme after Mason Morfit's greens
 * 2007-10-12: brought in table "rule" classes and their colors
 * 2007-10-28: div.adright
 * 2007-12-23: multilevel dropdown nav, cleanup of unused styles;
 *	font-size set with percent for body, ems in children;
 *	moved to /include/
 * 2008-03-03: spacing on secthdr class
 * 2008-12-27: decided to underline most hyperlinks
 * 2009-02-05: signboard font-size from unspec'd to 0.9em
 * 2009-04-27: div#globalNav no print
 * 2009-05-06: indent .story p, and increase vert. spacing
 * 2009-10-10: indent .signboard p also
 * 2009-12-15: comment unused search form styles
 * 2010-07-31: added .poem
 */

/* NEW COLOR TABLE - similar to BEC's
 * rgb(0,74,45) - dark green
 * rgb(47,104,65) - med. dark green
 * rgb(138,195,155) - med. gray/green (borders)
 * rgb(200,224,210) - pale gray/green (contrast background for hdrs)
 * rgb(77,119,77) - gray/green (siteinfo, globalnav text)
 *
 * rgb(0,0,119) - navy blue for links, pix borders
 */

body{
	font-family: Arial,sans-serif;
	color: black;
	background-color: white;
	line-height: 105%;
	font-size: 90%;
	margin: 0;
	padding: 0;
}

a:link, a:visited, a:hover {
	color: rgb(0,0,119);
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0;
	padding: 0;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 1.2em;
 color: black;
}
h2{
 font-size: 1.1em;
 color: rgb(0,74,45);
}
h2#pageName {
  margin-top: 1ex;
}
h3{
 font-size: 1em;
 color: rgb(47,104,65);
}

h4{
 font-size: 0.95em;
 font-weight: normal;
 color: rgb(47,104,65);
}

h5{	/* do we ever use this? */
 font-size: 0.9em;
 color: rgb(138,195,155);
}

ul{ list-style-type: square; }
ul ul{ list-style-type: disc; }
ul ul ul{ list-style-type: none; }
#content li {
	margin: 0.2ex 0 0.5ex 0; }


hr.golden {
	text-align: center;
	background-color: rgb(138,195,155);
	width: 80%;
}

/************** specific modifiers ***************/
.tight {
	margin: 0;
	padding: 0;
}

.secthdr {
 margin-top: 2ex;
 padding: 0.5ex 2em;
 color: rgb(0,74,45);
 background-color: rgb(200,224,210);
}		

/************* layout divs - 2 col design ***************/
/********************************************************/
#masthead{
	margin: 0;
	padding-top: 10px;
	border-bottom: 1px solid rgb(138,195,155);
	width: 100%;
}

#navBar{
	margin: 0 79% 0 0;
	padding: 0;
	background-color: rgb(200,224,210);
	border-right: 1px solid rgb(138,195,155);
	border-bottom: 1px solid rgb(138,195,155);
}
/*********** #navBar link styling ***********/
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
/* border color is same as container background */
#navBar li {border-bottom: 1px solid rgb(200,224,210);}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

#belowNavBar{
	/* top margin to ensure we're out of the colored box */
	margin: 2em 79% 0 0;
	padding: 0;
	/* use page's */
	/* background-color: rgb(*); */
	border-style: none;
}

#content{
  float:right;
	width: 75%;
	margin: 0;
	padding: 0 3% 0 0;
}

#siteInfo{	/* footer */
	clear: both;
	border: 1px solid rgb(138,195,155);
	font-size: 0.8em;
	color: rgb(77,119,77);
	padding: 10px;
	margin-top: 0;
}
#siteInfo img{
	padding: 4px 4px 4px 0;
	vertical-align: middle;
}

/******************* component divs *********************/
/********************************************************/
#siteName{
	margin: 0;
	padding: 0 0 10px 10px;
}

/*************** #pageName styles **************/
#pageName{
	padding: 0 0 10px 10px;
}

/************* #globalNav styles **************/
@media print { div#globalNav { display: none; } }
#globalNav{
	color: rgb(77,119,77);
	padding-left: 10px;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 0.9em;
	padding-right: 4px;
}
/***** started w/htmldog.com Suckerfish dropdowns *****/
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 100%;
/*	border: 1px solid red;	 testing */
}
#nav a {
	/* display: block; */
	/* width: 6em; needed for Opera? Only some old version(s) */
}
#nav li {
	/* display: block; */
	float: left;
	border-right: 1px rgb(77,119,77) solid;
	padding: 0 1em;
	/* width: 6em; */
}
#nav li.here {	/* "current" page, "inverse" */
	color: white;
	background-color: rgb(77,119,77);
	font-weight: bold;
}
#nav li ul {
	position: absolute;
	background-color: rgb(200,224,210);
	border-left: 1px solid rgb(77,119,77);
	border-bottom: 1px solid rgb(77,119,77);
	line-height: 120%;
	min-width: 8em;
	/* width: 8em; */
	left: -999em;		/* off-screen, but still readable by screen readers */
}
#nav li ul li {
	clear:left;	/* stacks floating list items */
	padding-bottom: 0.7ex;
	border-right: 0;
}
/* IE doesn't support :hover beyond <a>; a bit of javascript
 * manipulates the 'sfhover' class for that */
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
/* don't underline links in nav */
#nav a { text-decoration: none; }

/************** .feature styles ***************/
.feature{
	padding-left: 0.5em;
	font-size: 0.9em;
}
.feature h3 { text-align: center; }
.feature img {
	float: left;
	padding-right: 10px;
	margin: 0 5px 5px 0;
}

/************** .signboard styles ***************/
div.signboard {
	padding: 1ex 0.5em;
	font-size: 0.9em;
	margin: 0 10%;
	border: rgb(138,195,155) dotted 1px;
}
.signboard h2, .signboard h3 {
	text-align:center;
}
.signboard p {
	text-indent: 3em;
	margin: 0.5ex 1em;
}
.signboard p.new { text-indent: 0; }

/************** .story styles *****************/
.story{
	clear: both;
	padding: 0.5ex 0 0 1em;
	font-size: 0.8em;
}
.story p{
	margin: 0;
	text-indent: 3em;
	padding: 0 0 1ex 0;
}
.story p.new{
	text-indent: 0;
}

/************** .poem style (like unbordered signboard) *****************/
div.poem {
	padding: 1ex 0.5em;
	font-size: 0.8em;
	margin: 0 10%;
}
.poem p {
	text-indent: 3em;
	margin: 0.5ex 1em;
}
.poem p.new { text-indent: 0; }

/************* #search styles ***************/
/******* (search box currently commented everywhere) ******/
/*** so these styles are too
#search{
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid rgb(138,195,155);
	font-size: 0.9em;
}

#search form{
 margin: 0;
 padding: 0;
}

#search label{
	display: block;
	margin: 0;
	padding: 0;
}

label {
 font: bold 0.9em Arial,sans-serif;
 color: #334d55;
}
**/

/*********** .relatedLinks styles ***********/
.relatedLinks{
	margin: 0;
	padding: 0 0 10px 10px;
	font-size: 0.9em;
}
.relatedLinks h3{ padding: 2.5ex 0 0.2ex; }
.relatedLinks li { margin: 0.2ex 0 0.7ex 0; }
.relatedLinks a { text-decoration: none; }


/*********** #sectionLinks styles ***********/
#sectionLinks{
	position: relative;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgb(138,195,155);
	font-size: 0.9em;
}

#sectionLinks h3{
	padding: 10px 0 2px 10px;
}

#sectionLinks a:link{
	padding: 2px 0 2px 10px;
	border-top: 1px solid rgb(138,195,155);
	width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: auto;
}

#sectionLinks a:visited{
	border-top: 1px solid rgb(138,195,155);
	padding: 2px 0 2px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid rgb(138,195,155);
	background-color: #999;
	padding: 2px 0 2px 10px;
}

/************** #advert styles **************/
#advert{
	padding: 10px 0 0 10px;
	font-size: 0.8em;
	border-top: 1px solid rgb(138,195,155);
}

#advert img{
	display: block;
}

/*********** image styles **************/
.pix {	/* image floated inside a <p> */
	float: right;
	padding: 0 0 5px 5px;
	margin: 0;
	border-style: hidden;
	border-width: 0;	/* because MSIE is hard of hearing */
}
.lpix {
	float: left;
	padding: 0 5px 5px 0;
	border-style: hidden;
	border-width: 0;
}
.poppix {
	float: right;
	margin: 0 0 5px 5px;
	padding: 0;
	border: rgb(0,0,119) dotted 1px;
}
.lpoppix {
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
	border: rgb(0,0,119) dotted 1px;
}

/*********** table headers **************/
tr.rule { background-color: rgb(200,224,210); }
tr.rule td { border-bottom: 1px solid rgb(138,195,155); }
td.hh { height: 1.7ex; }

/****** floated "ad" box **********/
div.adright {
	float: right;
	width: 30%;
	border: 1px dotted rgb(138,195,155);
	padding: 0.5ex 1em;
	margin: 0.5ex 1em;
	background-color: rgb(200,224,210);
}