html, body {
  height: 100%;
}

body {
  background-image: url('../assets/images/Background6.bmp');
  background-repeat: repeat-y
  background-position:top;
  background-color: #efefef;
  font-family: Verdana, sans-serif;
  font-size: 62.5%;
  position: relative;
}

#shadow {
  height: 850px;
  margin: 0 auto;
  width: 700px;
  padding-right: 7px;
  background-image: url('../assets/shadow.png');
  background-repeat: repeat-y;
  background-position: right top;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #87888A;
}
#printshadow {
  height: 900px;
  margin: 0 auto;
  width: 700px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #87888A;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #87888A;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #87888A;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #87888A;
}

#page {
  min-height: 100%;
  position: relative;
  background-image: url('../assets/grey.gif');
  background-repeat: repeat-y;
  background-color: #FFFFFF;
  background-position: left top;
}

/* HEADER ******************************/
#logoholder {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 166px;
	height: 120px;
  background-color: #FFFFFF;
}

#logoholder h3 {
	font-size: 300%;
	position: absolute;
	top: 65px;
	left: 14px;
	width: 20px;
	height: 80px;
}

#logo {
  height: 120px;
  position: relative;
  z-index: 0;
}

#logo h1 {
	font-size: 300%;
	position: absolute;
	top: 3px;
	left: 13px;
	width: 100px;
	height: 80px;
}

#logo h2 {
	font-size: 300%;
	position: absolute;
	top: 71px;
	left: 14px;
	width: 100px;
	height: 19px;
}


#fheologo {
	position: absolute;
	top: 450px;
	left: 0px;
	width: 160px;
	height: 50px;
}
#fheologo h2 {
	font-size: 300%;
	position: absolute;
	top: 280px;
	left: 60px;
	width: 40px;
	height: 38px;
}

#Logincontent .loginboxheader {
	background-image:url(../Assets/Images/personal-h2-bg-hereA.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#fff;	
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	border-right-color: #0C1F7D;
	border-left-color: #0C1F7D;
	border-bottom-color: #0C1F7D;
	border-top-color: #0C1F7D;
	margin:0;
	padding-bottom:4px;
	padding-top:4px;
	height:28px;
}
#Logincontent .loginbox {
	background-image:url(../assets/images/customersignon-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#fff;	
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	border-right-color: #0C1F7D;
	border-left-color: #0C1F7D;
	border-bottom-color: #0C1F7D;
	border-top-color: #0C1F7D;
	padding-bottom:4px;
	padding-top:4px;
	height:300px;
}
/* NAVIGATION *************************/
#navigation {
  background-color: #FFFFFF;
  width: 100%;
  height: 4.2em;
  overflow: hidden;
}
#navigation ul {
  float: right;
  padding-right: 1em;
}
#navigation li {
  float: left;
  height: 4.2em;
}
#navigation a {
  font-size: 120%;
  display: block;
  border-left: 1px solid #0a72a6;
  line-height: 1.17;
  margin: 1.17em 0;
  padding: 0 1em;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}
#navigation .first a {
  border-left: none;
}
#navigation a:hover {
  color: #0092c8;
}
/* BANNER ******************************/
#banner {
  height: 5px;
  background-color: #FFFFFF;
  color: #FFFFFF;
  text-align: right;
  font-size: 160%;
  font-weight: normal;
  font-style: italic;
  line-height: 1.25em;
  padding-right: 2em;
  border-bottom: 5px solid #87888A;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
#banner p {
  padding: 1em 0 0;
}


/* MAIN *******************************/
#main {
  float: left;
  width: 100%;
  line-height: 1.33;
}

h2 {
  font-size: 200%;
  font-weight: bold;
  margin: 1em 0 0.5em;
}

h3 {
  font-size: 150%;
  font-weight: bold;
  margin: 1em 0 0.5em;
}

h4 {
  font-size: 125%;
  font-weight: bold;
  margin: 1em 0 0.5em;
}

h5 {
  font-size: 110%;
  font-weight: bold;
  margin: 1em 0 0.5em;
}

h5 {
  font-size: 100%;
  font-weight: bold;
  margin: 1em 0 0.5em;
}

#main p {
  margin: 1em 0;
}

/* SIDEBAR ***************************/
#sidebar {
  float: left;
  width: 165px;
  font-size: 120%;
  padding-top: 0px;
}

#sidebar .menu {
  margin: 1.5em;
  text-align: right;
  text-transform: uppercase;
}

#sidebar .menu a {
  color: #213f7d;
  text-decoration: none;
  font-weight: bold;
  display: block;
  margin: 1em 0;
}

#sidebar .menu a:hover, #sidebar .menu .active a {
  color: #0a72a6;
}

/* CONTENT ***************************/
#Logincontent {
	position: absolute;
	top: 300px;
	left: 260px;
	width: 160px;
	height: 50px;
}
#Printcontent {
  position:relative;
  top: 10px;
  padding: 1px 2.5%;
  background-color: #FFFFFF;
  font-size: 70%;
}
#content {
  margin-left: 166px;
  padding: 1px 2.5%;
  background-color: #FFFFFF;
  font-size: 120%;
}
#content a {
	text-decoration: none;
	color: #0C1F7D;
}
#content a:hover {
	text-decoration: underline;
	color : #990000;
}
#content h2 {
	font-size: 70%;
	position: absolute;
	top: 810px;
	left: 250px;
}
#content h3 {
	font-size: 300%;
	position: absolute;
	top: 575px;
	left: 250px;
 	border-width: 5px;
	border-color:#000000;
	width: 366px;
	height: 210px;
}
#content h4 {
	font-size: 70%;
	position: absolute;
	top: 800px;
	left: 180px;
}
#content .page {
  margin-top: 1.5em;
  margin-bottom: 1em;
}

#content ul, #content ol, #content dd {
  margin: 1em 0 1em 2em;
}
#content dt {
  font-weight: bold;
}
#content ul {
  list-style-type: disc;
}
#content ol {
  list-style-type: decimal;
}

#content td {
  padding: 0em 1.5em 0em 0;
}

/* MENU ***************************/

.mainmenu{
	background-color:#cccccc;	
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #87888A;
}
A, A:LINK {
	font-weight : bold;
	color : #990000
}
A.leftmenuitem, A.leftmenuitem:VISITED {
	text-decoration : none;
	color : #ffffff;
}
A.ACTIVE {
	text-decoration : none;
	color : #990000;
}
A.leftmenuitem:HOVER {
	text-decoration : none;
	color : #990000;
}
A.leftcontactusitem, A.leftcontactusitem:ACTIVE, A.leftcontactusitem:VISITED {
	text-decoration : none;
	color : #990000;
}
A.leftcontactusitem:HOVER {
	text-decoration : none;
	color : #990000;
}
A.leftmenusubhead, A.leftmenusubhead:ACTIVE, A.leftmenusubhead:VISITED {
	text-decoration : none;
	color : #990000;
}
A.leftmenusubhead:HOVER {
	text-decoration : none;
	color : #990000;
}
A.leftmenuparent, A.leftmenuparent:VISITED, A.leftmenuparent:ACTIVE {
	text-decoration : none;
	color : #016766;
	font-weight : bold;
}
A.leftmenuparent:HOVER {
	text-decoration : none;
	color : #ffffff;
	font-weight : bold;
}
A.leftmenuhead, A.leftmenuhead:ACTIVE, A.leftmenuhead:VISITED {
	text-decoration : none;
	color : #016766	;
}
A.leftmenuhead:HOVER {
	text-decoration : none;
	color : #ffffff;
}

.closed #ouragencyd,
.closed #rentalunitsd,
.closed #onlinesystemsd, 
.closed #contactusd {
	display:none;
}

.open #ouragencyd,
.open #rentalunitsd,
.open #onlinesystemsd,
.open #contactusd {
	display:block;
}
#ouragency {
	background-color:#cccccc; 
}
#ouragency.open {
	background-color:#cccccc; 
}
#ouragency h2 {
	background-color:#cccccc;
	background-image:url(../assets/images/comm-pointerA.gif); 
	background-position:1px center; 
	background-repeat:no-repeat; 
	font-family:Arial, Helvetica, sans-serif;
	font:10pt;
	font-weight:bold;
	min-height:10px;				/* min-height fix for IE6 */
  height:auto !important;	/* min-height fix for IE6 */
  height:10px;						/* min-height fix for IE6 */
/* 20070620
	padding:5px 5px 0;
*/
	margin:0;				/* min-height fix for IE6 */
}
#ouragency.open h2 {
	background-image:url(../assets/images/comm-pointer-hereA.gif); 
}
#ouragency h2 a {
	color:#fff;
	text-decoration:none;
}
#ouragency h2 a:hover,
#ouragency h2 a:active,
#ouragency h2 a:focus {
	text-decoration:underline;
}

#rentalunits { 
	background-color:#fff; 
}
#rentalunits h2 {
	background-color:#cccccc;
	background-image:url(../assets/images/comm-pointerA.gif); 
	background-position:1px center; 
	background-repeat:no-repeat; 	
	font-family:Arial, Helvetica, sans-serif;
	font:10pt;
	font-weight:bold;
	color:#000;
	min-height:10px;				/* min-height fix for IE6 */
  height:auto !important;	/* min-height fix for IE6 */
  height:10px;						/* min-height fix for IE6 */
/* 20070620
	padding:5px 5px 0;
*/
	margin:0;
}
#rentalunits.open h2 {
	background-image:url(../assets/images/comm-pointer-hereA.gif); 
}
#rentalunits h2 a {
	color:#000;
	text-decoration:none;
}
#rentalunits h2 a:hover,
#rentalunits h2 a:active,
#rentalunits h2 a:focus
 {
	text-decoration:underline;
}
#business .customersignon h3 {
	color:#000;
}
#business .customersignon {
	background-image:url(../assets/images/smallbusiness-signon-bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#7DAA7A;
}
#rentalunits .firsttimeuser {
	background-color:#5E875E;
}
#rentalunits .signon-other {
	background-color:#cddecc;
	color:#000;
}

#onlinesystems { 
	background-color:#cccccc;
}
#onlinesystems h2 {
	background-color:#cccccc;
	background-image:url(../assets/images/comm-pointerA.gif); 
	background-position:1px center; 
	background-repeat:no-repeat; 
	font-family:Arial, Helvetica, sans-serif;
	font:10pt;
	font-weight:bold;
	min-height:10px;				/* min-height fix for IE6 */
  height:auto !important;	/* min-height fix for IE6 */
  height:10px;						/* min-height fix for IE6 */
/* 20070620
	padding:5px 5px 0;
*/
	margin:0;
}
#onlinesystems.open h2 {
	background-image:url(../assets/images/comm-pointer-hereA.gif);
}
#onlinesystems h2 a {
	color:#000;
	text-decoration:none;
}
#onlinesystems h2 a:hover,
#onlinesystems h2 a:active,
#onlinesystems h2 a:focus
 {
	text-decoration:underline;
}
#onlinesystems #services {
	background-image:url(../assets/images/commercial-services-bg.jpg );
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#B6B697;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-color: #0C1F7D;
	border-left-color: #0C1F7D;
	border-bottom-color: #0C1F7D;
	padding:5px;
}

#contactus { 
	background-color:#cccccc;
}
#contactus h2 {
	background-color:#cccccc;
	background-image:url(../assets/images/comm-pointerA.gif); 
	background-position:1px center; 
	background-repeat:no-repeat; 
	font-family:Arial, Helvetica, sans-serif;
	font:10pt;
	font-weight:bold;
	min-height:10px;				/* min-height fix for IE6 */
  height:auto !important;	/* min-height fix for IE6 */
  height:10px;						/* min-height fix for IE6 */
/* 20070620
	padding:5px 5px 0;
*/
	margin:0;
}
#contactus.open h2 {
	background-image:url(../assets/images/comm-pointer-hereA.gif);
}
#contactus h2 a {
	color:#000;
	text-decoration:none;
}
#contactus h2 a:hover,
#contactus h2 a:active,
#contactus h2 a:focus
 {
	text-decoration:underline;
}
#contactus #services {
	background-image:url(../assets/images/commercial-services-bg.jpg );
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#B6B697;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-color: #0C1F7D;
	border-left-color: #0C1F7D;
	border-bottom-color: #0C1F7D;
	padding:5px;
}

/* FOOTER *****************************/
#footer {
  clear: both;
}
s