/* commented backslash hack \*/ 
html, body { height:100%;} 
/* end hack */
html, body { margin:0; padding:0;}
body { font:normal 14px "Times New Roman", Times, serif; text-align:center; color:#111; background:#c3c4a6 url(img/slash.png) top repeat-x; behavior:url(inc/csshover.htc);}

/* page wrapper for layout */
* html div#wrap { height:100%;} 
div#wrap {margin-left:auto; margin-right:auto; min-height:100%; height:auto; margin-top:0; margin-bottom:-55px; padding:0 25px; width:750px; text-align:left; background:url(img/background.png) center repeat-y;}

/* title */
div#title { margin:0; padding:0;}
div#title img { border:0;}

/* top navigation */
div#nav { margin:0; padding:0; padding-top:5px; width:750px; font:12px Arial, Helvetica, sans-serif; color:white; background:#292210; height:18px;}
div#nav li {
	margin:0;
	list-style:none;
	display:inline;
	padding:2px 15px;
	border-right:1px solid #4a412a;
	position:relative;
	float:left;
	background-color: #292210;
}
div#nav ul {margin: 0; padding: 0; background: white; border: 1px solid #CCC; border-width: 0 1px;}
div#nav li.submenu:hover {background-color:#84b768;}
div#nav ul ul {position: absolute; width: 125px; display: none; border-bottom: 1px solid #4a412a; z-index:1000; }
html>body div#nav ul ul {width:135px;}
div#nav ul ul li {border-bottom:1px solid #ccc; display:block; margin:0; padding:3px 5px; width:125px; background:white;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block; background-color:#f3f3ed;}
div#nav ul.level2 {top:18px; left: -1px;}

/* main content */
div#content { float:left; text-align:left; margin:0; margin-top:15px; padding:0 15px 5px 20px; width:500px; border-right:1px dotted #c3c4a6;}
div#content h1 {
	margin:0;
	margin-bottom:-10px;
	padding:0;
	font:bold 1.6em Arial, Helvetica, sans-serif;
	color:#7bc452;
	font-family: Arial, Helvetica, sans-serif;
}
div#content h2, div#content h3 {margin-bottom:-10px; padding:0;font:bold 1.3em Arial, Helvetica, sans-serif; color:#4a412a;}
div#content h3 { font-size:1em;}
.center { text-align:center;}
div#content .note { font:italic 12px Arial, Helvetica, sans-serif; color:#666;}
div#content label { float:left; width:140px; padding-right:5px; text-align:right; font:normal 12px Arial, Helvetica, sans-serif; color:#333;}
div#content .req { color:red;}
div#content td, div#content th { font-size:1em; vertical-align:top; border:2px solid white; border-left-width:0; border-top-width:0; padding:5px; background:#ece8de;}
div#content td p { margin-top:0; width:auto;}
div#content th, div#content legend { background:#937a5b; text-align:left; color:white; font-variant:small-caps; font-weight:normal;}
div#content fieldset { background:#ece8de; border:0; margin-bottom:5px; padding:7px;}
div#content legend { padding:5px 8px;}
div#content caption { text-align:left; font-weight:bold; font-style:italic; padding-top:10px;}
div#content ul { margin-left:2em; padding-left:0;}
div#content li { list-style-image:url(img/bullet.gif); margin:0; padding:0 10px 10px 5px;}
div#content p {
	line-height:1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #300;
	font-style: italic;
}
div#content .newsdate { font:10px Arial, Helvetica, sans-serif; color:#666;}
div#content .cutline {line-height:1.3em; float:left; clear:right; width:180px; margin:5px 15px 5px 0; padding:5px; font-size:1.2em; font-style:italic; border:1px solid #c3c4a6; border-right-width:0; border-left-width:0;}
div#content hr { height:1px; border:1px solid #e0d6c1; clear:both; color:white; margin-left:0;}
html>body div#content hr { height:3px;}

img.left { float:left; border:2px solid #e0d6c1; margin:0 15px 10px 0; clear:left;}
img.right { float:right; border:2px solid #e0d6c1; margin:0 0 10px 15px; clear:right;}

/* sidebar */
div#sidebar { float:right; margin:0; margin-top:10px; padding:10px 15px 5px 5px; width:180px;}
div#sidebar h1 {margin:0; padding:0; font:italic normal 1.2em Arial, Helvetica, sans-serif; color:#292210; text-align:center;}
div#sidebar h2 { margin-bottom:-10px; padding:0;font:bold 1.2em Arial, Helvetica, sans-serif; color:#7bc452;}


/* links */
a { color:#548638;}
a:hover, div#footer a:hover { color:#4982d0;}
div#nav ul.level1 a { text-decoration:none; color:white;}
div#nav ul.level1 li:hover { background:#84b768;}
div#nav ul.level2 li:hover { background:#d2f9bb;}
div#nav ul.level2 a { text-decoration:none; color:#292210;}
div#footer a {color:white;}

/* footer */
div#copyright { clear:both; height:66px; margin:0; padding:0; } /* prevent overlap on long pages desired height + footer height */
div#footer { clear:both; margin:0; padding:5px 20px; background-color:#292210; font:normal 11px Arial, Helvetica, sans-serif; color:white; width:710px; height:44px; border-top:1px solid #999; margin-left:auto; margin-right:auto;}
