/*css order twl*/
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #333333;
	font: small Verdana, Helvetica, Arial, sans-serif;
	}
/*drop down menu*/
#drop, #drop ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#drop a {
	display: block;
	width: 5em;/*fixes browser width*/
}

#drop li {
	float: left;
	width: 5em;/*position nav to logo*/
}
#drop li ul {
	position: absolute;
	width: 7.25em;/*horiz posn of drop + drop style*/
	left: -999em;
}

#drop li:hover ul {
	left: auto;
}
/*windows fix*/
sfHover = function () {
	var sfEls = document.getElementById("drop").getElementsByTagName("LI");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" sfhover";
			}
			sfEls[i].onmouseout=function() {
				this.className+=this.className.replace(new RegExp(" sfhover\\b"), "");
			}
		}
	}
	if (window.attachEvent) window.attachEvent("onload", sfHover);
	#drop li:hover ul, #drop li.sfhover ul {
		left: auto;
	}
/*ends windows fix*/
/*ends drop down menu*/
#drop .col li a:link, #drop .col li a:visited {
	background-color: transparent;
	color: #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	position: relative;
	top: 4.25em;/*vert posn of drop*/
	margin-left: 4em;
	text-align: center;
	/*line-height: 1em;*/
	}
#drop .col li a:hover, #drop .col li a:active {
	background-color: transparent;
	color: #333;
	text-decoration: underline;
	}
#header {
	background-image: url(common/theline.gif);
	background-repeat: repeat-y;
	/*font-family: Courier, serif;*/
	font-size: 150%;
	padding: 0.2em 0 0 0;
	}
h1 {
	font-family: Courier, serif;
	}
#header h1 {
	margin: 0;
	padding: 0;
	font-family: Courier, serif;
	}
#text h2 {
	text-align: center;
	font-family: Courier, serif;
	font-size: 120%;
	}
h3 {
	font-size: 90%;
	color: #336699;
	background-color: #fff;
	}
h3.left {
	font-size: 90%;
	color: #333;
	background-color: #fff;
	}
#text {
	margin-top: 25px;
	line-height: 2em;
	text-align: center;
	}
#header .headernav li {
	display: inline;
	position: relative;
	right: 10px;
	top: -35px;
	list-style: none;
	padding-left: 4px;
	background-color: transparent;
	font-size: 70%;
	}
#header .headernav a:link, #header .headernav a:visited {
	text-decoration: none;
	color: #333;
	background-color: transparent;
	font-size: 90%;
	}
#header .headernav a:hover, #header .headernav a:active {
	text-decoration: underline;
	}
.headernav  {
	/*float: right;*/
	position: absolute;
	right: 0;
	top: 25px;
	}
.headernav ul{
	/*float: right;*/
	position: relative;
	right: 10px;
	top: 10px;
	margin: 0;
	padding: 0 10px 0 0;
	}
/*ends header*/
#mail {
	text-align: right;
	}
#mail .standardnav {
	font-size: 50%;
	padding: 0 1em 0 0;
	}
/*ends common part of pages*/
.standardnav  li {
	display: inline;
	list-style: none;
	font-size: 95%;
	}
.standardnav a:link, .standardnav a:visited {
	text-decoration: none;
	color: #336699;
	background-color: #fff;
	}
.standardnav a:hover {
	text-decoration: underline;
	}
.standardnav a:active {
	color: #333333;
	background-color: #fff;
	}
/*ends standard navigation*/
#sidebar2 {
	float: left;
	width: 250px;/*change this to alter column 1*/
	margin-left: 1px;
	border-right: 1px solid #336699;
	font-size: 95%;
	line-height: 1.2em;
	text-align: center;
	padding: 1px 5px 0 5px;
	}
.left {
	text-align: left;
	}
#content {
	margin-left: 250px;
	padding-top: 0;
	text-align: center;
	line-height: 1em;
	}
#content ul li {
	display: inline;
	list-style: none;
	font-size: 85%
	}
#content .free form :hover {
	color: #333;
	}
#content ul li {
	display: inline;
	float: left;
	margin: 5px -10px 0 40px;
	line-height: 0.7em;
	}
.view {
	float: left;
	margin-left: 600px;
	margin-top: -175px;
	clear: both;
	}
#content .switch p {
	background-color: #ccc;
	float: left;
	margin-left: 100px;
	margin-top: -175px;
	clear: both;
	font-size: 90%;
	}
#content .para p {
	float: left;
	margin-left: 60px;
	margin-top: -100px;
	clear: both;
	line-height: 2em;
	}
.line {
	width: 50%;
	float: left;
	margin-left: 200px;
	margin-top: -120px;
	clear: both;
	}
.red {
	color: #a83b3c;
	background-color: #fff;
	}
.PoE {
	margin: 50px 0 2px 50px;
	}
#content .eights li  {
	border: 2px solid #333;
	}
#content .eights li:hover {
	border: 2px solid #a83b3c;
	background-color; #ccc;
	}
#content .PoE li  {
	border: 2px solid #333;
	}
#content .PoE li:hover {
	border: 2px solid #a83b3c;
	background-color; #ccc;
	}
#content ul li .raise {
	position: relative;
	top: -4px;
	background-color: #fff;
	}
.pagenav {
	font-family: Courier, serif;
	font-weight: bold;
	font-size: 110%;
	}
.pagenav a:link, .pagenav a:visited {
	text-decoration: none;
	color: #336699;
	background-color: #ffffff;
	border: 1px solid #999999;
	}
.pagenav a:hover {
	text-decoration: underline;
	color: #336699;
	background-color: #ffffff;
	border: 1px solid #fff5e8;
	}
.pagenav a:active {
	color: #333333;
	background-color: #ffffff;
	}
.para p {
	font-size: 80%;
	}