/* css stylesheet by Twisp Webworks - George Wooten */

/* basic elements: body, p and contentbox are default */
body { font-size: 100.01%; /* size fixes browser bugs */
	font-family: Verdana, Tahoma, "Microsoft Sans Serif", sans-serif; } /* prevent vertical scrollbar on tall images with absolute positioning */
p { font-size: 0.95em; margin: 0.5em 0 0.5em 0; line-height: 1.2em; }

h1 { font-size: 2.5em; font-weight: bold; /* banner */
  letter-spacing: .05em; padding: .6em 0 0 0; color: #000; } 
h2 { font-size: 2em; /* page subtitle */
  margin: 0 0 5px 0; letter-spacing: 0.04em; color: #000; }
h3 { font-size: 1.3em; line-height: 1.3em; /* subtitles within main text */
  margin: 2px 0px 0px 5px; letter-spacing: 1px; color: #000; }
h4 { font-size: 1.6em; font-style: normal; /* fancier font for insets */
  margin: 10px 10px 20px 10px; letter-spacing: 1.3px; color: #000; }
h5 { font-size: 1em; /* normal text */
  margin: 0 0 0.5em 0; color: #000; }
h6 { font-size: 0.8em; } /* small text */
a:link { color: #0000FF; text-decoration: none; }
a:visited { color: #DDA0DD; text-decoration: none; }
a:hover, a:active { color: #ff0000; text-decoration: underline; }
hr { border: 0; margin: 10px auto 10px auto; background-color: #000; color: #000; height: 1px; width: 100%; }
ul { list-style-type: disc; }
ol { line-height: 1.2em; }
li { font-size: 0.95em; line-height: 1.2em; margin: 0 0 0 1em; }
blockquote { clear: both; font-family: Verdana, Tahoma, "Microsoft Sans Serif", sans-serif;
	border: 1px solid #000; margin: 1em 5% 1em 5%; padding: 10px; line-height: 1.2em;
	font-size: 0.9em; background-color: #cef; }
table { display: table; table-layout: fixed; background-color: #fff;
	border-collapse: collapse; /* IE doesn't understand so collapse is necessary */
	border-spacing: 0; /* use border-spacing for control */
	border: none 0em; border-style: hidden; padding: 0em; }
th, td { font-size: 1em; line-height: 1.1em; display: table-cell; margin: 0em; border: none 0em; 
  border-style: hidden; border-spacing:0; text-align: left; vertical-align: top; }
pre { font-family: monospace; font-size: 1em; }

/* basic classes */
.centerpara { text-align: center; }
.pcen { text-align: center; } /* shorthand */
.pspace { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; line-height: 0.1em; }
.pright {text-align: right; }
.pleft {text-align: left; }
.hidepara { display:none; } /* use in footer to prevent text from overwriting image */
.pindent { text-indent: 2em; } /* extra class; used by default in main text */
.noindent { text-indent: 0em; } 
.centertable { margin-left: auto; margin-right: auto; }
.tablepara { line-height: 1.2em; } /* use with table tag so fonts resemble p tags */
.tablepad { padding: 10px; }
.nomargin { margin: 0px; } /* use for paragraphs inside tables */
.listind { margin: 0 0 0 2em; } /* use to sub-indent list items */
.floatright { float: right; } /* use with divs */
.floatleft { float: left; }
.fontserif { font-family: "Palatino Linotype", palatino, georgia, "Times New Roman", Times, serif; }
.fontsans { font-family: Verdana, Tahoma, "Microsoft Sans Serif", sans-serif; }
.altsans { font-family: Geneva, Arial, Helvetica, sans-serif; }
.subhead { color: #333; font-size: 1em; font-weight: bold; font-style: italic; text-align: center; }
.pix { margin: 1em 2em 0.5em 2em; } /* use with img and br for inline figures */
img.floatleft { float: left; margin: 10px 15px 0px 10px; }
img.floatright { float: right; margin: 15px; }
.imgbull { /* image bullets */
	background: url("bulletblue.gif") no-repeat;
	float: left; margin-right: 0.5em; height: 25px; width: 25px; }
.colorbrown { color: #8B4513; }
.colorbrown { color: #8B4513; }
.colorred { color: #ff0000}
.colorblue { color: #0000ff}
.brown { color: #8B4513; } /* shorthand */
/* end basic classes */

#contentbox { clear: both; margin: 10px 10% 10px 10%; }
#contentbox a { color: #aa3300;	text-decoration: none; }
#contentbox a:visited { color: #aa3300; text-decoration: none; }
#contentbox a:hover { color: #aa3300; background-color: #ccff88; text-decoration:underline; }
#contentbox th { padding: 10px; }
#contentbox td { padding: 10px; }

/*- Menu Tabs - http://www.exploding-boy.com/ */
#tabsJ { float:left; width:100%; background:#bce; font-size:100%; line-height:normal;
	border-bottom:1px solid navy; margin: 0px 0px 10px 0px; }
#tabsJ ul { margin:0; padding: 0px 10px 0 20px; list-style:none; }
#tabsJ li { margin:0; padding:0; display:inline; }
#tabsJ a { float:left; background:url("tableftJ.gif") no-repeat left top;
	font-family: Verdana, Tahoma, "Microsoft Sans Serif", sans-serif;
	font-weight: 600; text-decoration:none; color: #8B4513;
	margin:0; padding:0px 0px 0px 5px; }
#tabsJ a span { float:left; display:block; padding:5px 15px 4px 6px; color: navy;
	background:url("tabrightJ.gif") no-repeat right top; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none; color: #8B4513; }
/* End IE5-Mac hack */
#tabsJ a:hover span { color:#bbff33; }
#tabsJ a:hover { background-position:0% -42px; }
#tabsJ a:hover span { background-position:100% -42px; }
#tabsJ #currentpage a { background-position:0% -42px; color: #ff0000; }
#tabsJ #currentpage a span { background-position:100% -42px; color: #fff; }
/* End Menu Tabs J------------------------ */

/* begin top horizontal border with visible navigation text */
#topbanner { background-image: url("gradientsky95.gif"); background-repeat: repeat-x; 
	height: 95px; padding: 0px; margin: 0px 0px 0px 0px; }
#topbanner h1 { font-family: "Palatino Linotype", palatino, georgia, "Times New Roman", Times, serif; text-align: center; }
/* new mod next 4 elements */
#topbanner h4 { font-family: "Palatino Linotype", palatino, georgia, "Times New Roman", Times, serif; 
	color: #8B4513; margin:0px 20px 0px 0px; text-align: right; }
#topbanner h4 a:link { color: #8B4513; text-decoration: none; }
#topbanner h4 a:visited { color: #8B4513; text-decoration: none; }
#topbanner h4 a:hover { color: #bbff33; text-decoration:underline; }

#borderbox { clear: both; float: left; padding: 5px; 
	margin: 10px; border: solid; border-width: 1px; }

/* this gets combined with table nav */
#nav { clear: both; float: left; position: relative; padding: 10px; }
#nav ul { margin: 0; }
#nav li { font-family: Verdana, Tahoma, "Microsoft Sans Serif", sans-serif;
	font-style: normal; font-weight: normal; font-size: 1em; line-height: 1.4em; 
	list-style: none; list-style-image: url("blackarrow2.png"); }
#nav a:link { color: #8B4513; text-decoration: none; }
#nav a:visited { color: #8B4513; background-color: #eee; text-decoration: none; }
#nav a:hover { color: #ff33ff; background-color: #ccff88; }
.navhead { font-family: "Comic Sans MS", sans-serif, cursive; 
	font-size: 1.1em; font-weight: bold; text-align: center; color:#000; }
.navhead2 { font-family: "Comic Sans MS", sans-serif, cursive; 
	font-size: 1em; text-indent: 2em; color:#000; }

table#sample { width: 100%; border-collapse: separate; }
table#sample td { padding: 10px; }
.leftcol { width: 70; border-style: solid; border-color: #000; border-width: 1px; }
.rightcol { width: 30%; border-style: solid; border-color: #fff; border-width: 1px; }

/* resizable image: 1st set div css, then the image css */
img.resizable { width: 100%; position: relative; top: 0px; left: 0px; }

/* begin footer text - clear forces to bottom*/
#footer { clear: both; margin: 0; padding: 5px 0px 0px 0px; background-color: #000; }
#footer h6 { text-align: center; font-size: 0.7em; color: #A3A5A7; }
#footer a:link { color: #6cc; text-decoration: none; }
#footer a:visited { color: #BA55D3; text-decoration: none; }
#footer a:hover { color: #6cc; text-decoration:underline; }
#footer img { margin: 10px auto 20px auto; }
/* end footer text */

/* clearfix class */
.clearfix:after { content: " "; display: block;
	clear: both; visibility: hidden;	
	height: 0; line-height: 0; font-size: 0; }
.clearfix { display: inline-block; }
/* starhtml rule only for IE-Mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end of hide & clearfix */

/* clearfix divs */
#topbanner:after { content: " "; display: block; clear: both; 
	visibility: hidden; height: 0; line-height: 0; font-size: 0; }
#contentbox:after { content: " "; display: block; clear: both; 
	visibility: hidden; height: 0; line-height: 0; font-size: 0; }
#footer:after { content: " "; display: block; clear: both; 
	visibility: hidden; height: 0; line-height: 0; font-size: 0; }
#topbanner #contentbox #footer { display: inline-block; }
/* starhtml rule only for IE-Mac \*/
* html #topbanner { height: 1%; }
* html #contentbox { height: 1%; }
* html #footer { height: 1%; }
#topbanner #contentbox #footer { display: block; }
/* end of hide & div clearfix */