/* Start of CMSMS style sheet 'rhw_new_css' */
@charset "utf-8";
body  {
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.twoColFixLtHdr #container {
	width: 780px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	background-color: #000000;
} 
.twoColFixLtHdr #header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-color: #000000;
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 229px;
	background-color: #000000;
	padding: 0px;
}
.twoColFixLtHdr #mainContent {
	background-image: url(images/lead-index-logo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 230px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
} 
#mainContent #maintop {
	height: 100px;
}
#mainContent #topimg {
	height: 40px;
}

.twoColFixLtHdr #footer {
	padding: 0;
	background-color: #000000;
	background-image: url(images/bg/grad_redblack.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 38px;
} 
#footer #bottomfooter {
	background-image: url(images/bg/grad_blackred.jpg);
	height: 56px;
}

.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #FFFFFF;
	font-size: 11px;
	text-align: center;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}






/******************** MENU *********************/
#menu_vert {
	margin: 0;
	padding: 0;
}
#menu_vert ul {
/* remove any bullets */
	list-style: none;
/* margin/padding set in li */
	margin: 0px;
	padding: 0px;
}
#menu_vert ul ul {
	margin: 0;
	/* replaces bottom of li.menuactive menuparent, looks like li below it, set in 5px more, is sitting on top of it */
	background-image: url(images/menubag1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-indent: 10px;
}
#menu_vert ul ul a {
	background-image: url(images/menubag1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#menu_vert li {
/* remove any bullets */
	list-style: none;
/* negative bottom margin pulls them together, images look like one border between */
	margin: 0px 0px -1px;
/* bottom padding pushes "a" up enough to show our image */
	padding: 0px 0px 4px 0px;
/* you can set your own image here */
	background-image: url(images/menubag.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#menu_vert li.currentpage {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 20px;
}
#menu_vert li.menuactive {
	margin: 0;
	padding: 0px;
/* replaced by image in ul ul */
	background: none;
}
#menu_vert li.menuactive ul {
	margin: 0;
}
#menu_vert li.activeparent {
	margin: 0;
	padding: 0px;
}
/* fix stupid IE6 bug with display:block; */
* html #menu_vert li {
	height: 1%;
}
* html #menu_vert li a {
	height: 1%;
}
* html #menu_vert li hr {
	height: 1%;
}
/** end fix **/
/* first level links */
div#menu_vert a {
	/* IE6 has problems with this, fixed above */
	display: block;
	/* this will be link color for all levels */
	color: #FFFFFF;
	/* Fixes IE7 whitespace bug */
	min-height: 1em;
	/* no underline for links */
	text-decoration: none;
	/* you can set your own image here this is tall enough to cover text heavy links */
	background-image: url(images/menubag.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 0.8em;
	padding-bottom: 0.5em;
	padding-left: 40px;
}
/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
	font-size: 90%;
	padding-top: 0.8em;
	padding-bottom: 8px;
	padding-left: 40px;
}
/* third level links, more padding */
div#menu_vert ul ul ul a {
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 40px;
}
/* hover state for all links */
div#menu_vert a:hover {
	background-color: transparent;
	color: #FFFFFF;
	text-decoration: underline;
}
div#menu_vert a.activeparent:hover {
	color: #FFFFFF;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_vert li.activeparent {
/* you can set your own image here */
	background-image: url(images/menubag.jpg);
	background-repeat: no-repeat;
	background-position: right top;
/* white to contrast with background image */
	color: #FFFFFF;
}
div#menu_vert li.activeparent a.activeparent {
/* you can set your own image here */
	background-image: url(images/menubag.jpg);
	background-repeat: no-repeat;
	background-position: right top;
/* to contrast with background image */
	color: #FFFFFF;
}
div#menu_vert li a.parent {
/* takes left padding out so span image has room on left */
	padding-left: 0em;
}
div#menu_vert ul ul li a.parent {
/* increased padding on left offsets it from one above */
	padding-left: 0.9em;
}
div#menu_vert li a.parent span {
	display: block;
	margin: 0;
/* adds left padding taken out of "a.parent" */
	padding-left: 40px;
/* arrow on left for pages with children, points down, you can set your own image here */

}
div#menu_vert li a.parent:hover {
/* removes underline hover effect */
	text-decoration: none;
}
div#menu_vert li a.parent:hover span {
	display: block;
	margin: 0;
	padding-left: 40px;
/* arrow on left for pages with children, points right for hover, you can set your own image here */
}
div#menu_vert li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
	padding-left: 40px;
}
div#menu_vert ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
	padding-left: 40px;
}
div#menu_vert li a.menuactive.menuparent span {
	display: block;
	margin: 0;
/* to contrast with non active pages */
	font-weight: bold;
	padding-left: 0px;
	
/* arrow on left for active pages with children, points right, you can set your own image here */

}
div#menu_vert li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: #FFFFFF;
}
div#menu_vert ul ul li a.activeparent {
	color: #FFFFFF;
}
/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert ul h3 {
	display: block;
/* some air for it */
	padding: 0.8em 0.5em 0.5em 1.5em;
/* this will be link color for all levels */
	color: #FFFFFF;
/* instead of the normal font size for <h3> */
	font-size: 1em;
/* as <h3> normally has some margin by default */
	margin: 0;
/* you can set your own image here, same as "a" */
	background-image: url(images/menubag.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert ul ul h3 {
	font-size: 11px;
	padding: 0.8em 0.5em 0.5em 2.8em;
/* you can set your own image here, same as "a" */
	color: #FFFFFF;
}
/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
	padding: 0.6em 0.5em 0.2em 3em;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert li.sectionheader {
	border-right: none;
	padding: 0.8em 0.5em 0.5em 1.5em;
	background-image: url(images/menubag.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 1em;
	margin: 0;
        color: #FFFFFF;
        cursor:text;
}
/* separator */
div#menu_vert .separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	-padding: 2px 0 2px 0;
	background-color: #000;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;
/* for ie */
}
div#menu_vert li.separator hr {
	display: none;
/* this is for accessibility */
}









#header #homehead {
	background-image: url(images/tophead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	background-color: #010101;
}
.twoColFixLtHdr #mainContent1 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 230px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 20;
	padding-left: 20px;
	color: #000000;
	background-color: #FFFFFF;
} 
#topimg {
	font-family: "Trebuchet MS", Arial, "Arial Narrow";
	font-size: 18px;
	font-weight: normal;
}
#topimg span {
font-family: "Trebuchet MS", Arial, "Arial Narrow";
	font-size: 18px;
	font-weight: normal;
}
#topimg a {
font-family: "Trebuchet MS", Arial, "Arial Narrow";
	font-size: 18px;
	font-weight: normal;
}
/* End of 'rhw_new_css' */