/* CSS that used to be in header.asp */

body
{
	margin: 5px;
	background-color: #ffffff;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p{
	font-size: 13px;
}
a
{
	color: #9e5e35;
	font-weight: bold;
}
table
{
	border-collapse: collapse;
	font-size: 10pt;
}
th
{
	color: #9e5e35;
	vertical-align: top;
	font-size: larger;	
}
td
{
	padding: 0px;
	vertical-align: top;	
}
img
{
	margin: 0px;
	border: 0px;
}
ul
{
	margin: 0px;
	padding-left: 20px;
	list-style-type: none;
}
ol
{
	margin: 0px;
	padding-left: 20px;
}
li
{
	padding-top: 2px;
}
hr
{
	height: 1px;
	background-color: #4c4e19;
}
h3
{
	width: 100%;
	font-size:18px;
}
p.indent
{
	text-indent: 30px;
}
p.heading
{
	font-weight: bolder;
}
p.italics
{
	font-style: oblique;
	text-indent: 30px;
}
p.blockquote
{
	padding-left: 30px;	
	padding-right: 30px;
}
#site_frame
{
	width: 95%; /* added 2009-12-22 */
	max-width:85em; /* note: won't work in IE (quirks mode) */
	height: 420px;
	border: black 1px solid;
	background-color: #f2eed0;
	text-align: left;
	padding: 0px;
}

.s2 #menu {
	width:185px;}
#home_link {
	display:block;
	padding:140px 0 0 20px;
	width:165px;
	margin:0;
	position:relative;
	background:url(images/logo.jpg) 0 0 no-repeat;}
* html #home_link { width:185px; }

.s2 #menu a:hover {text-decoration:underline;}

.homePage #home_link,
.homePage #home_link span {cursor:default; }

body.homePage #menu #home_link:hover {text-decoration:none;}

#home_link span {
	position:absolute; top:0; left:185;
	width:368;
	height:47;
	background:url(images/header_logo.jpg) 0 0 no-repeat;
	cursor:pointer;}
	
.s2 #menu a {
	font:bold 12px/15px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;}

.s2 #logo_right {
	background: none;
	height: 47px;
	margin: 0px;
	float: left;
}

#logo
{
	background-image: url(images/logo.jpg);
	width: 185px;
	height: 137px;
}
#logo_right
{
	background-image: url(images/header_logo.jpg);
	width: 368px;
	height: 47px;
	margin: 0px;
	float: left;
}
#menu
{
	width: 185px;
	vertical-align: top;
}
#menu img
{
	margin-top: 10px;
	border: 0px;
}
#menu h4 {
	font:bold 16px/18px Georgia, "Times New Roman", Times, serif;
	letter-spacing:-1px;
	color:#777;
	border-bottom:1px solid #aaa;
	padding:12px 3px 0 17px;
	margin:0 0 3px;
	cursor:default;
}
#menu h4 span {display:block; text-indent:-7px; padding-bottom:2px; font-size:14px}
#right_frame
{
	width: 100%;
	height: 100%;
}
#header
{
	width: 100%;
	height: 47px;
	background-color: #706e5c;
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
	text-align: right;
}
#banner
{
	width: 100%;
	height: 60px;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#main
{
	width: 100%;
	padding: 15px;
	vertical-align: text-top;
}
#footer
{
	width: 95%;
	padding: 5px;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	border-top: #4c4e19 1px solid;
	margin-top: 20px;
	text-align: center;
	color: #4c4e19;
	line-height:1.5;
}
#footer span {white-space:nowrap;}
#clock
{
	line-height: 20px;
	padding-right: 5px;
	color: #f2eed0;
	font-size: 8pt;
	font-weight: bold;
}
.grid
{
	margin: 5px;
}
.grid td
{
	vertical-align: top;
	padding: 10px;
	border-bottom: #4c4e19 1px solid;
}
.menu_link
{
}
.sub_link
{
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
}
.guidelines li
{
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: 300;
	font-size: 10pt;
}
.smaller
{
	font-size: smaller;
}
.larger
{
	font-size: larger;
}
.hilighter
{
	color: #9e5e35;
	font-weight: bolder;
}
.smaller td
{
	text-align: justify;
}
.border_2x
{
	font-size: smaller;
	border: 3px #9e5e35 double;
	padding: 5px;
}
.printable
{
	font-size: 10pt;
	line-height: 1.2;
}
.printable_link a
{
	font-size: 10pt;
	text-align: right;
	width: 100%;
}
.author_block
{
	padding: 5px;
}
.title
{
	font-style: oblique;
	
}
.title_ref
{
	font-style: oblique;
	font-weight: bolder;
	color: #9e5e35;
}
.story_ref
{
	font-weight: bolder;
	color: #9e5e35;
}


ul.tabnav { /* general settings */
text-align: center; /* set to left, right or center */
margin: 1em .5em 2em 0; /* set margins as desired */
font-weight:bold;
font-size:15px;
border-bottom: 1px solid #666; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
position:relative;
}
ul.tabnav li { /* do not change */
display: inline;
}
.activeTab {
border-bottom: 1px solid #f2eed0; /* set border color to page background color */
background-color: #f2eed0; /* set background color to match above border color */
}
ul.tabnav li.activeTab span {
color:#000;
background-color: #f2eed0; /* set selected tab background color as desired */
position: relative; top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}
ul.tabnav li a,
ul.tabnav li span { /* settings for all tab links */
padding: 3px 1em; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #666; /* set border COLOR as desired; usually matches border color specified in #tabnav */
margin:0 0;
border-bottom: none;
}
ul.tabnav li a {font-size:13px; padding-top:4px; border-color:#999; margin:0 .5em}
ul.tabnav a:hover { /* settings for hover effect */
/*background:#fff*/
}

