body, p, td, ol, ul {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

body {
	margin:0px;
	background-image:url(images/bg.page.gif);
}

td { vertical-align:top; }

a:link {
	text-decoration:none;
	color:#084a8d;
}

a:visited {
	text-decoration:none;
	color:#084a8d;
}

a:hover {
	text-decoration:underline;
	color:#0000FF;
}

a img { border:0; }

p { margin:0 0 .8em 0; }

ul {
	margin:0 0 0.8em 0;
	padding:0 0 0 1.4em;
}

ol {
	margin:0 0 0.5em 0;
	padding:0 0 0 2.5em;
}
ol ol {
	list-style-type:lower-alpha;
	margin-bottom:0;
}
sub {line-height:80%; }

#footer p {
	font-size:9px;
	text-align:center;
	margin:0;
	color:#FFFFFF;
	display:block;
	padding-top:6px;
}

#footer p a:link, #footer p a:visited { 
	color:#FFFFFF; 
}

#footer {
	vertical-align:middle;
}

#pagetable { 
	background-image:url(images/sidefade.gif); 
	background-repeat:repeat-x;
	}

.textcell { background-image:url(images/bg.text.gif); }

.textcell table td { padding:0 10px 4px 0; }

.formtable td { padding:0 18px 6px 0; }

#textarea .formtable tr.shaded td {
	background-color:#c1e4e5;
}

#headerrow, .textrow {
	background-color:#FFF;
}
#titlearea {
	padding:24px 24px 0 0;
}
#textarea {
	padding:30px 0px 0px 0;
}
#textarea.hometext {
	padding:24px 24px 24px 0;
}

#container {
	width:864px;
	margin:0 auto 0 auto;
	padding-top:24px;
}
#menuedit {
	position:absolute;
	top:2px;
	color:#fcecaa;
	width:864px;
}

#menuedit p, #menuedit td, #menuedit a:link, #menuedit a:visited {
	color:#fcecaa;
	font-size:10px;
	font-weight:bold;
}

#menuedit table {
	margin: 0 auto 0 auto;
}

#menuedit table td {
	padding:0 12px 0 12px;
}
#leftsidebar {
	padding:60px 0 0 0;
}
#leftsidebar ul.sidemenu {
	margin:0 0 20px 12px;
	padding:0;
	list-style-type:none;
	width:126px;
}
#leftsidebar .menuhead {
	padding:0 12px 0 0;
	background-image:url(images/bg.sidehead.gif);
	background-repeat:no-repeat;
	width:147px;
}
#leftsidebar .menuhead p {
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	display:block;
	padding:2px 0 2px 12px;
	margin:0;
}
#leftsidebar ul.sidemenu li {
	margin:10px 0 0 0;
	list-style-type:none;
	font-size:12px;
	line-height:normal;
	width:126px;
}

#leftsidebar ul.sidemenu li ul li {
	background-image:none;
	margin:0 0 .3em 0;
	list-style-type:disc;
}

#leftsidebar ul.sidemenu li ul {
	margin:.3em 0 .3em 26px;
	padding:0;
	list-style-type:disc;
}

#leftsidebar ul.sidemenu li a:link, #leftsidebar ul.sidemenu li a:visited, #leftsidebar ul.sidemenu li.submenuOn ul li a:link, #leftsidebar ul.sidemenu li.submenuOn ul li a:visited {
	padding:0;
	display:block;
	color:#999;
	font-weight:bold;
	width:126px;
}

#leftsidebar ul.sidemenu li a:hover, #leftsidebar ul.sidemenu li ul li a:hover {
	text-decoration:none;
	color:#a21f4b;
}

#leftsidebar ul.sidemenu li.submenuOn a, #leftsidebar ul.sidemenu li.submenuOn a:link, #leftsidebar ul.sidemenu li.submenuOn a:visited, #leftsidebar ul.sidemenu li.submenuOn ul li.submenuOn a, #leftsidebar ul.sidemenu li.submenuOn ul li.submenuOn a:link, #leftsidebar ul.sidemenu li.submenuOn ul li.submenuOn a:visited {
	color:#20acb8;
	font-weight:bold;
}

.topmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.topmenu ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:10px;
	line-height:normal;
	display:block;
}

.topmenu {
	background-image:none;
	background-color:transparent;
}

.topmenu ul li a:link, .topmenu ul li a:visited {
	color:#000;
	padding:3px 5px 3px 5px;
	margin:0;
	font-weight:bold;
	background-color:#eae8de;
	display:block;
	line-height:normal;
	border-bottom:1px solid #FFF;
}

.topmenu ul li a:hover {
	background-color:#800000;
	color:#FFFFFF;
	text-decoration:none;
}

.topmenu ul li.submenuOn a, ul li.submenuOn a:link, ul li.submenuOn a:visited {
	color:#000;
	font-weight:normal;
}

* html .topmenu li {
	float: left;
	height: 1%;
}

* html .topmenu a {
	height: 1%;
}

#textarea table {
	margin:0 0 .8em 0;
}
#textarea table td {
	padding:0 12px 6px 0;
}
#textarea table td p {
	margin:0;
}
.smallspace {
	font-size:2px;
	line-height:2px;
}
#headermenus {
	position:absolute;
	top:79px;
	margin-left:356px;
	width:320px;
}
#headermenus, #headermenus p, #headermenus ul {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	font-size:9px;
	line-height:9px;
	text-transform:uppercase;
	color:#ad923c;
}
#headermenus a:link, #headermenus a:visited {
	color:#ad923c;
}
#headermenus a:hover {
	color:#ae6219;
}
tr.textrow td, td.textrow {
	background-color:#FFF;
	background-image:none;
}

#logoutarea {
	position:absolute;
	top:150px;
	margin-left:500px;
	width:300px;
}
#hometext {
	padding:32px 0 0 0;
}
#hometext h2 {
	background-image:url(images/homehead.green.gif);
	background-repeat:no-repeat;
	display:block;
	padding:2px 10px 0 10px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:12px;
	color:#000;
}
#hometext h2.blue {
	background-image:url(images/homehead.blue.gif);
}
#textarea table.formtable {
	border-collapse:separate;
 	border:1px solid #000;
}
#textarea .formtable td {
	border-collapse:collapse;
	font-size:11px;
	line-height:13px;
	vertical-align:middle;
	padding:2px 3px 2px 3px;
	border-bottom:1px solid #AAA;
}
#textarea .formtable.bigger td {
	font-size:12px;
}
#textarea .formtable input, #textarea .formtable textarea, #textarea .formtable select, #textarea .formtable option
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #DDD;
}
#textarea .nooutlines input, #textarea .nooutlines textarea, #textarea .nooutlines select, #textarea .nooutlines option
{
	border:1px solid #FFF;
}

#textarea table .formBlue {
	vertical-align:middle;
	border-right:none;
	border-left:none;
	background:#CCFFFF;
	white-space:normal;
}
#textarea table .formWhite {text-align:left;
	vertical-align:middle;
	border-right:none;
	border-left:none;
	white-space:normal;
}


/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0 0 0 26px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive	
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0 10px 0 10px;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
	border-left:1px solid #000;
}
ul.MenuBarHorizontal li a:link, ul.MenuBarHorizontal li a:visited
{
	color:#20acb8;
	text-decoration:none;
	text-transform:uppercase;
}
ul.MenuBarHorizontal li a:hover
{
	color:#a21f4b;
	text-decoration:underline;
}
ul.MenuBarHorizontal.topmenu li.submenuOn a:link, ul.MenuBarHorizontal.topmenu li.submenuOn a:visited
{
	color:#000;
}

/* Submenus should appear below their parent with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 1020;
	cursor: default;
	position:absolute;
	top: 21px;
	*top: 108px;
	display:none;
	left: -1000em;
	}
ul.MenuBarHorizontal ul li { 
	display:block;
	width:180px;
	}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible li.prodsubmenu { 
	width:240px;
	}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
	width:180px;
	display:block;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 140px;
}


/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}