/* Main Styles */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	text-align: center;
	background: #BCBCBC url(images/layout/backdrop.gif) center top no-repeat;
	margin: 0px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #234E12;
	margin: 0px 0px 16px 0px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #234E12;
	margin: 16px 0px 9px 0px;
	padding: 16px 0px 0px 0px;
	border-top: 1px solid #DBE7E5;
	display: block;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	margin: 0px 0px 10px 0px;
}
p.small {
	font-size: 70%;
}
a:link, a:visited, a:active {
	color: #234E12;
	text-decoration: underline;
}
a:hover {
	color: #234E12;
	text-decoration: none;
}
a.gray:link, a.gray:visited, a.gray:active {
	color: #404040;
	text-decoration: none;
}
a.gray:hover {
	color: #404040;
	text-decoration: underline;
}
ul {
	margin: 6px 0px 9px 25px;
	padding: 0px 0px 1px 0px; /* Need padding for cross-browser differences */
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	margin: 0px 0px 3px 0px;
	text-align: left;
}
li ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	margin: 0px 0px 3px 0px;
	text-align: left;
}
td {
	border-top: 1px solid #DBE7E5;
	padding: 3px 0px 3px 0px;
}
td p {
	font-size: 70%;
	margin: 0px;
}
form {
	margin: 0px;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333333;
	width: 300px;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333333;
	width: 300px;

}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333333;
	width: 300px;
}
.auto {
	width: auto;
}
#sideform				{ width: 195px; margin: 0px 0px 0px 15px; }
#sideform input			{ width: 195px; }
#sideform input.auto	{ width: auto; }



/* LAYOUT STYLES */
#centerdiv {
	width: 850px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
}
#header {
	position: relative;
	width: 100%;
	height: 224px;
}
#logo {
	position: absolute;
	top: 48px;
	left: 30px;
/*	top: -6px;
	left: 6px;	*/
}
#tagline {
	font-size: 18px;
	position: absolute;
	bottom: 82px;
	right: 	40px;
	text-align: right;
}
#tagline p {
	font-size: 26px;
	margin: 3px 0px 0px 0px;
	color: #006600;
	text-align: right;
}
#tagline j {
	font-size: 8px;
	margin: 3px 30px 0px 0px;
	text-align: right;
}
#tagline span {
	color: #B2B2B2;
}
#page {
	position: relative;
	width: 850px;
	background: #FFFFFF url(images/layout/page.gif) top left repeat-y;
	padding: 0px 0px 0px 0px;
}
#WorkArea {
	position: relative;
	float: left;
	width: 590px;
	margin: 22px 20px 0px 0px;
	padding: 0px 0px 17px 30px;
}
html>body #WorkArea {
	width: 560px;
}
#OptionArea {
	position: relative;
	float: left;
	width: 225px;
	padding: 24px 0px 20px 0px;
}
#OptionArea p {
	font-size: 70%;
}
#OptionArea p span {
	font-weight: bold;
	padding: 0px 0px 0px 15px;
}
#OptionArea ul {
	list-style: none;
	margin: 0;
	padding: 0px 0px 1px 15px; /* Need padding for cross-browser differences */
}
#OptionArea li {
	font-size: 70%;
	color: #000000;
	margin: 3px 0px 0px 0px;
}
html>body #OptionArea li {
	margin: 8px 0px 0px 0px;
}
#OptionArea a:link, #OptionArea a:visited, #OptionArea a:active {
	color: #000000;
	text-decoration: none;
}
#OptionArea a:hover {
	color: #000000;
	text-decoration: underline;
}
html>body #base {
	position: relative;
	clear: both;
	height: 1px;
	margin: 0px;
}
#footer {
	position:relative;
	clear: both;
	width: 100%;
	height: 70px;
	background: url(images/layout/pagebottom.gif) bottom left no-repeat;
}
#footer p {
	font-size: 70%;
	margin: 0px 30px 0px 30px;
	padding: 20px 0px 0px 0px;
	color: #CFCFCF;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #CFCFCF;
	text-decoration: none;
}
#footer a:hover {
	color: #CFCFCF;
	text-decoration: underline;
}
.fright {
	float: right;
}



/* TAB STYLES */
ol#nav {
	position: absolute;
	top: 160px;
	left: 15px;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 820px;
	background: url('images/layout/tabends.gif') top left no-repeat;
}
ol#nav li {
	float: left;
	font-size: 70%;
}
ol#nav a {
	background: url('images/layout/tabs10.gif') top left no-repeat;
	float: left;
	display: block;
	color: #FFFFFF;
	height: 40px;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
}
html>body ol#nav a {
	padding: 0px 0px 3px 10px;
}
ol#nav a:hover {
	background-position: 0 -40px;
}
ol#nav a:hover span {
	background-position: 100% -40px;
}
ol#nav li.current a {
	background-position: 0 -40px;
	color: #FFFFFF;
}
ol#nav li.current span {
	background-position: 100% -40px;
}
ol#nav span {
	background: url('images/layout/tabs.gif') 100% 0;
	display: block;
	padding: 9px 15px 10px 5px;
}
#subnav {
	position: absolute;
	top: 200px;
	left: 15px;
	width: 820px;
	height: 24px;
	background-color: #D1E6C7;
}
#subnav p												{ font-size: 70%; color: #666666; margin: 1px 0px 0px 30px; }
#subnav a:link, #subnav a:visited, #subnav a:active		{ color: #000000; text-decoration: none; }
#subnav a:hover											{ color: #000000; text-decoration: underline; }


/* TRANSITION STYLES */
p.crossfade {
	width: 225px;
	margin: 12px 0px 18px 0px;
	text-align: center;
}
/* default opacity for IE */
img {
	filter:alpha(o