* {margin:0; padding:0;}

BODY {background: #004040; color: #000000; text-align:center; font-family:Verdana, Arial, sans-serif; font-size:12pt;}
H1 {font-size:24px; font-family:Verdana, Arial, sans serif; line-height:1; margin-top:15px;}
H2 {font-size:22px; font-family:Verdana, Arial, sans serif; line-height:1; margin-top:15px;}
H3 {font-size:18px; font-family:Verdana, Arial, sans serif; line-height:1; margin-top:15px;}
H4 {margin-top:15px;}
P, UL {margin-top:15px;}
LI {margin-left:25px;}
P.clear {clear:both;}
P.center {text-align:center;}
A, A:link, A:visited, A:hover, A:active {color: #000000; text-decoration: underline;}
TABLE {border-collapse:collapse; font-size:12pt; }
TD.leftfield {text-align:left;}
.attractionsleft {width:400px; float:left;}

DIV#leftbox {float:left; width:50%; border-right: thick solid #004040; }
DIV#rightbox {float:right; width:45%; }

IMG.left {float:left; margin:10px; border:thick solid #004040;}
IMG.right {float:right; margin:10px; border:thick solid #004040;}
IMG.center {display:block; margin-left:auto; margin-top:10px; margin-bottom:10px; margin-right:auto; border:thick solid #004040;}
IMG.noleft {float:left; margin:10px; border:0;}
IMG.noright {float:right; margin:10px; border:0;}
IMG.nocenter {display:block; margin-left:auto; margin-top:10px; margin-bottom:10px; margin-right:auto; border:0;}
IMG.none {border:0 !important;}
IMG#heading {clear:both; display:block;}
IMG.pete {border:thick solid #004040;}
IMG#verif, IMG#secure {vertical-align:bottom;}

DIV#container {width:900px; background:#ffffff; margin-left:auto; margin-right:auto; text-align:left; border-bottom:thick solid #004040;  }
DIV#header {background:#ffffff; height:130px; }
DIV#main {background:#ffffff; padding:10px; }
DIV#footer {clear:both; text-align:center; background:#ffffff; font-size:8pt; color:#000000; padding:10px; }

DIV#petegarich {float:right; text-align:center; margin:5px; font-weight:bold; }

/* Navigation menu code follows; see also JavaScript for IE. */

SPAN.menu {display:none;}
UL#navmenu-h IMG {border:0;}
IMG.transparentnav {}
LI#about {width:95px; background:url(images/about_off.jpg) no-repeat !important; }
LI#about:hover {width:95px; background:url(images/about_on.jpg) no-repeat !important; border:0;}
LI#apply {width:126px; background:url(images/apply_off.jpg) no-repeat !important; }
LI#apply:hover {width:126px; background:url(images/apply_on.jpg) no-repeat !important; border:0;}
LI#loantypes {width:133px; background:url(images/loantypes_off.jpg) no-repeat !important; }
LI#loantypes:hover {width:133px; background:url(images/loantypes_on.jpg) no-repeat !important; border:0;}
LI#area {width:91px; background:url(images/area_off.jpg) no-repeat !important; }
LI#area:hover {width:91px; background:url(images/area_on.jpg) no-repeat !important; border:0;}
LI#mortgage {width:185px; background:url(images/mortgage_off.jpg) no-repeat !important; }
LI#mortgage:hover {width:185px; background:url(images/mortgage_on.jpg) no-repeat !important; border:0;}
LI#glossary {width:84px; background:url(images/glossary_off.jpg) no-repeat !important; }
LI#glossary:hover {width:84px; background:url(images/glossary_on.jpg) no-repeat !important; border:0;}
LI#contact {width:118px; background:url(images/contact_off.jpg) no-repeat !important; }
LI#contact:hover {width:118px; background:url(images/contact_on.jpg) no-repeat !important; border:0;}
LI#home {width:68px; background:url(images/home_off.jpg) no-repeat !important; }
LI#home:hover {width:68px; background:url(images/home_on.jpg) no-repeat !important; border:0;}

ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 900px /*For KHTML*/
  list-style: none;
/* Commenting out height so navbar images will load properly */  
/*  height: 25px; */
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
/* Commenting out height so navbar images will load properly */  
/*  height: 25px; */
  background:#004040;

}

ul#navmenu-h ul {
  margin: 0;
  border: thin solid #004040;
  padding: 0;
  width: 175px;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 175px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
  border: 0 none;  
  padding: 0 5px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: none;
  color: white;
  font: bold 12px/20px Verdana, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: none;
  color: #ffffff;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #004040;
  color: white;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #ffffff;
  color: #000000;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #004040;
  color: white;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #ffffff;
  color: #000000;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #004040;
  color: white;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #ffffff;
  color: #000000;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}

/* End navigation menu. */