body {
	margin : 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background: #f9cf6b; /* f6bf5d */
	color: #210;
}
a:link  { color:#039; text-decoration: none; } /*  border-bottom: #e6e6e6 dotted 1px; */
a:visited  { color:#804; text-decoration: none; } /*  border-bottom: #e6e6e6 dotted 1px; */
a:active { text-decoration: underline; } /*  border-bottom: #777 solid 1px; */
a:hover  { text-decoration: underline; } /*  border-bottom: #777 solid 1px; */
acronym { 	font-variant : small-caps; border-bottom : 1px dashed;}
dt { padding: 4px; }
dd { padding: 4px; }
form { padding: 0; margin: 0; }
table { font-size: 100%; } /* IE5 bug fix */
h1 {
	color: #bc1622; /* milk chocolate b37159, 844325 */
	background: transparent; /* 787 */
	font-size: 110%;
	font-variant: small-caps;
	text-align: center;
	margin: 0 0 10px 0;
}
h2 {
	color: #fafaf8;
	background-color: #d4704c;   /* 78a 69b ba9; */
	font-size: 140%;
	font-variant: small-caps;
	line-height : 85%;
	text-align: center;
	font-weight : bold;
	/* margin: 5px; */
}
h3 {
	font-weight : bold;
	font-size: smaller;
	color: #844325;
	margin: 0 0 2px 5px;
}
h4 {
	font-weight : bold;
	font-size: smaller;
	color: #844325;
	margin: 0 0 2px 20px; /* margin: 0px 0px 2px 20px */
}

/* ------------------- Header ----------------- */
.headernav {
	color: #420;
}
.logo {
	height: 80px;
	background-image: url("images/header_bg.jpg");
	color: #fd9; /* same as body bg */
	background-color: #a4401c; /* ab431c */
	/* border-top: 1px solid #317; */ /* aa9 */
	border-bottom : 10px #f9cf6b solid;  /* for IE? */
	padding-left: 15px;
	/* font-weight : bold; */
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 2em;
	/* line-height: 75%; */
}
.logolink { text-decoration : none; }
.logotext { 
	color: #fd9; /* same as body bg or slightly lighter */
	text-decoration : none;
	font-variant: small-caps;
}
.logoSymbol1 {  }
.logoSymbol2 {  }
.logoSubtitleSymbol { } /* text-decoration: line-through; */
.logoSubtitlePhrase1 { font-variant: normal; }
.logoSubtitlePhrase2 { font-variant: normal; } /* text-decoration: line-through; */
a.skipToContent, a:visited.skipToContent  {
	color: #219; /* same as logo bg */
	text-decoration: none;
	background-color: transparent;
}
.logo-subtitle {font-variant: small-caps; color: #f9cf6b; padding-left: 25px;} /* color same as page bg? */

.searchcontainer { font-size: 0.5em;  text-align: center; vertical-align: bottom; margin: 7px;} /* float: right; */
#searchquery { font-size: smaller; background-color: #dde4e8; color: #000; }
#searchengines {
	font-size: smaller;
	background-color: #c8ccd4;
	color: #000;
	border: 0; /* 1px solid; */
	/* border-color: #75b #111 #111 #75b; */
}
#searchbutton {
	font-size: smaller;
	background-color: #537;
	color: #eee;
	border: 1px solid;
	border-color: #75b #111 #111 #75b;
}
.searchbutton { background-color: #600; color: #eee; border: 1px solid #c57; }
.inputbox {
	color: #000;
	background-color : #f8f4f4;
}

.pagetitle {
	font-size: 120% ;
	font-family: Georgia, "Bookman Old Style", "GeoSlab703 Md BT", "Times New Roman", Times, "New York", serif ;
	text-align : center;
}
.floatit { float : left; }

/* ---------------------- Navigation tabBar ------------------------ */
#tabBar { /* IE fix: remove HTML spaces between </li> and <li> elements so tabs display properly */
	border-bottom: 1px solid #751; /* filetab line across page */
	list-style: none outside none;
	margin: 0;
	padding: 0;
	font-size: smaller;
}

html #tabBar/* */ {
	padding: 4px 0 2px 0
}

html>body #tabBar {
	padding: 3px 0 1px 0
}

head+body #tabBar {
	padding: 4px 0 2px 0
}

#tabBar li {
	border-top: 1px solid #a84; /* light */
	border-right: 1px solid #974; /* darker */
	border-left: 1px solid #a84; /* light */
	display: inline;
	height: 1em;
	margin: 0 0 0 3px;
	padding: 0;
	z-index: 1000
}

html #tabBar li/* */ {
	height: auto
}

html>body #tabBar li {
	height: auto;
	margin: 0 -5px 0 -3px;
	padding: 3px 5px 2px 5px
}

html>body ul[id]#tabBar li {
	margin: 0 0 0 3px;
	padding: 3px 0 2px 0
}

#tabBar a, #tabBar a:link, #tabBar a:visited { /* unselected tab */
	background: #d4704c; /* d4d8db */
	border-top: 1px solid #fa6;
	border-right: 1px solid #a4401c;
	border-left: 1px solid #fa6;
	color: #fff9d5;
	height: 1em;
	padding: 2px 4px 2px 4px;
	/* text-decoration: none */
}

html #tabBar a/* */, html #tabBar a:link/* */, html #tabBar a:visited/* */ {
	height: auto
}

#tabBar a:hover {
	/* background: #b8c8d0; */
	/* border-top: 1px solid #555; */
	/* border-right: 1px solid #bcd; */
	/* border-left: 1px solid #555; */
	/* color: #012; */
}

#tabBar a:active {
	/* background: #9ab; */
	/* border-left: 1px solid #333; */
	/* border-right: 1px solid #9ab; */
	/* border-top: 1px solid #333; */
	/* color: #eee; */
}

html>body #tabBar li.selectedTab {
	margin: 0 -5px 0 -3px;
	padding: 3px 5px 2px 5px
}

html>body ul[id]#tabBar li.selectedTab {
	margin: 0 0 0 3px;
	padding: 3px 0 2px 0
}

#tabBar .selectedTab a, #tabBar .selectedTab a:link, #tabBar .selectedTab a:visited, #tabBar .selectedTab a:hover {
	background: #f9cf6b;
	border-top: 1px solid #fe8;
	border-right: 1px solid #cb6;
	border-left: 1px solid #fe8;
	color: #a4401c;
	margin: -2px 0 0 0;
	padding: 3px 4px 3px 4px;
	position: relative;
	top: 2px
}

html #tabBar .selectedTab a/* */, html #tabBar .selectedTab a:link/* */, html #tabBar .selectedTab a:visited/* */, html #tabBar .selectedTab a:hover/* */ {
	margin: -1px 0 0 0;
	top: 1px
}

html>body #tabBar .selectedTab a, html>body #tabBar .selectedTab a:link, html>body #tabBar .selectedTab a:visited, html>body #tabBar .selectedTab a:hover {
	padding: 2px 4px 2px 4px;
	top: 0
}

head:first-child+body #tabBar .selectedTab a, head:first-child+body #tabBar .selectedTab a:link, head:first-child+body #tabBar .selectedTab a:visited, head:first-child+body #tabBar .selectedTab a:hover {
	margin: -1px 0 0 0;
	padding: 2px 4px 4px 4px;
	top: 0
}

head:first-child+body ul[id]#tabBar .selectedTab a, head:first-child+body ul[id]#tabBar .selectedTab a:link, head:first-child+body ul[id]#tabBar .selectedTab a:visited, head:first-child+body ul[id]#tabBar .selectedTab a:hover {
	padding: 3px 4px 3px 4px;
	top: 1px
}

.fixTabsIE {
	visibility: hidden
}
/* thanks to http://labs.silverorange.com/archives/2004/may/updatedsimple for these nifty tabs (above) */

/* ------- SubMenu -------- */
.subMenu {
	background: transparent;
	font-size: smaller;
	padding: 3px 3px 18px 3px;
}
.subMenu a:link  { color:#039; text-decoration: none;  border-bottom: #ddd dotted 1px; } /* faint underlines */
.subMenu a:visited  { color:#804; text-decoration: none;  border-bottom: #ddd dotted 1px; } /* faint underlines */
.subMenu a:active, .subMenu a:hover { text-decoration: none; border-bottom: #777 solid 1px; } /* underlines */

/* -------------------------- /Header --------------------- */

/* -------------------------- Content --------------------- */
.content {	line-height : 120%; } 
.content li { padding: 2px;}

.maincontent {
	width: 66%; /* 60.9% */
	margin: 0 0 0 1%;
	padding: 1%;
	float: left;
	background: #fffcf9;
	color: #420;
	border-top: 1px #fff solid;
	border-right: 1px #edb solid;
	border-bottom: 1px #edb solid;
	border-left: 1px #fff solid;
}
.maincontent a:link  { color:#039; text-decoration: none;  border-bottom: #e6e6e6 dotted 1px; } /* faint underlines */
.maincontent a:visited  { color:#804; text-decoration: none;  border-bottom: #e6e6e6 dotted 1px; } /* faint underlines */
.maincontent a:active, .maincontent a:hover { text-decoration: none; border-bottom: #777 solid 1px; } /* underlines */
.group {
	color: #420;
	background-color: transparent;
	font-size : smaller;
	margin: 0 2px 10px 10px;
	text-align: justify;
}
.groupList {
	color: #420;
	background-color: transparent;
	font-size : smaller;
	margin: 0 2px 10px 10px;
}
.pic-l {
	float: left;
	text-align: center;
	font-size: smaller;
	color: #887 /* was #eed; */
	background: #ffffff; /* was: #a4401c; */
	padding: 8px;
	border: #fafaf8 10px solid;
}
.pic-r {
	float: right;
	text-align: center;
	font-size: smaller;
	color: #887 /* was #eed; */
	background: #ffffff; /* was: #a4401c; */
	padding: 8px;
	border: #fffcf9 10px solid;
}

/* ---------------------- Marginalia ---------------------- */
#marginalia {
	/* width:expression(document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize)? "25em": "auto" ); */
	width: 29%; /* 36% */
	float: right;
	color: #420;
	background-color: #fff9d5;
	/* border-style: solid; */
	/* border-width: 1px; */
	/* border-color: #bbb #fff #fff #bbb; */
}
#marginalia a:link  { color:#039; text-decoration: none;  border-bottom: #ddd dotted 1px; } /* makes faint underlines */
#marginalia a:visited  { color:#804; text-decoration: none;  border-bottom: #ddd dotted 1px; } /* makes faint underlines */
#marginalia a:active, #marginalia a:hover { text-decoration: none; border-bottom: #777 solid 1px; } /* makes underlines */
#marginalia li { padding: 2px;}
.marginaliaHeader {
	color: #fff9d5;
	background-color: #a4401c;   /*  */
	font-size: small;
	line-height : 92%;
	text-align: center;
	font-weight : bold;
	margin: 0;
	border-bottom: 10px #fff9d5 solid;
}
.marginaliaHeader2 {
	color: #fff9d5;
	background-color: #d4704c;   /*  */
	font-size: small;
	line-height : 98%;
	text-align: center;
	font-weight : bold;
	margin: 0;
	border-top: 5px #fff9d5 solid;
	border-bottom: 5px #fff9d5 solid;
}
.groupMarginalia {
	color: #420;
	background-color: transparent;
	font-size : smaller;
	margin: 0 5px 10px 5px;
	text-align: left;
}


.footer {
	clear: left;
	padding: 5px;
	text-align: center;
	color: #641;
	font-size: smaller;
}

#scrollbox {height: 40px; overflow:auto; }
/* end Static */