body, html {
  margin:0;
  padding:0;
  background:#fff url(images/html_bg.png) left center repeat;
  color:#333;
  font: normal normal 15px Verdana, Arial, Sans-Serif;
  height: auto;
}

#header {background: url(images/header.png) top center no-repeat; width: 760px; height: 285px; margin: 0 auto; margin-top: 15px;}
#content {background: url(images/body_mid.png) top center repeat-y; width: 760px; height: 100%; margin: 0 auto; padding-top: 10px;}
.hilite_h3 {font-size: 22px; width: 700px; line-height: 1.2em; margin: 0 auto; text-align: center;}
.hilite_h4 {font-size: 18px; line-height: 1.2em; margin: 0 auto; text-align: center;}

#footer {
  background: url(images/footer.png) top center no-repeat; 
  width: 760px;
  height: 76px;
  margin: 0 auto;
  font-size: 10px;
  color: #222;
}

#footer a, #footer a:visited, #footer a:hover {color: #007; text-decoration: none;}
#footerleft {float: left; margin: 25px 0 0 45px; _margin-left: 22px; width: 350px; }
#footerright {float: right; text-align: right; margin: 25px 45px 0 0; _margin-right: 22px; width: 300px;}

br {line-height: 1.3em;}
h1 {font: normal bold 26px Verdana, Sans-Serif; text-align: center; color: #fff; margin: 0 auto; }
h2 {font: normal normal 26px Verdana, Sans-Serif; text-align: center; color: #7f007f; width: 650px; line-height: 1.2em; margin: 0 auto;}
h3 {font: normal bold 25px Verdana, Sans-Serif; color: #333; width: 650px; margin: 0 auto; line-height: 1.2em; padding-bottom: 25px;}
h4 {font: normal bold 18px Verdana, Sans-Serif; color: #333; width: 650px; margin: 0 auto; line-height: 1.2em; text-align: center;}
p {width: 650px; margin: 0 auto; line-height: 1.3em; text-align: left;}
ul, ol {list-style-image: url(images/bullet.png); width: 475px; margin-left: 30px; line-height: 1.2em; padding-left: 40px;}
hr {width: 850px;}

.heading {font: normal bold 20px 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; width: 800px; line-height: 1.2em; margin: 0 auto;}
.subheading {font: normal bold 18px 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; width: 800px; line-height: 1.2em; margin: 0 auto;}
.check {list-style-image: url(images/bullet_01.png) !important;}

.quotes {
   background: #fff url(images/quote_mid.png) top center repeat-y; 
   width: 650px;
   height: auto;
   color: #e6d0e6; /* #008b98; */
   margin: 0 auto;
}

.quotes .topbtm {margin: 0 auto; padding: 0;}
.quotes p {width: 600px; color: #222; margin-left: 35px; font-size: 14px; line-height: 1.5em;}
.quotes h2 {width: 600px; font-size: 30px; font-weight: bold; color: #4b334d; text-align: center; margin: 0 auto;}
.quotes h3 {width: 600px; font-size: 17px; color: #4b334d; text-align: center; margin: 0 auto; padding: 5px 0 5px 0;}
.quotes #qnotes {text-align: center; font-size: 11px; font-weight: bold;}

.alert {
   background: #fff url(images/alert_mid.png) top center repeat-y; 
   width: 724px;
   height: auto;
   color: #355d86; /* #008b98; */
   margin: 0 auto;
}

.alert #alert_top, .alert #alert_btm {margin: 0 auto; padding: 0;}
.alert p, .alert ul, .alert ol {width: 605px; color: #111; margin-left: 0; text-align: left !important;}
.alert h3, .alert h4 {margin: 0;}

.blue {color: #2445a4 !important;}
.pink {color: #ec068d !important;}
.green {color: #050 !important;}
.gray {color: gray;}
.floatleft {float: left; padding: 0 15px 10px 0;}
.floatright {float: right; padding: 5px 0 0 10px;}
.f18 {font-size: 18px !important;}
.f22 {font-size: 22px !important; line-height: 1.5em;}
.center {text-align: center !important; margin: 0 auto !important;}

#leftcontainer {float: left; display: block; width: 170px; height: 100%; margin: 0 0 0 20px; _margin-left: 10px;}
#rightcontainer {width: 550px; display: block; height: 100%; margin: 0 0 0 190px; _margin-left: 185px;} 

#leftcontainer p {font: normal normal 11px verdana; width: 150px; margin-left: 10px; text-align: center;}
#rightcontainer p {font: normal normal 13px verdana; width: 530px; margin-left: 10px; }

.menu {
	width: 163px; height: 30px;
	margin: 0 0 0 3px;
	background: url(images/menu_background.png) 0 -30px no-repeat;
	}
.menu a {
	display: block;
	margin: 0; padding: 0;
	width:100%; height:100%;
	overflow:hidden;
	font: normal 12px/1.5 sans-serif, verdana;
	color: navy;
	text-decoration: none;
    text-align: left;
    text-indent: -13px;
	background: url(images/menu_background.png) top left no-repeat;
	}
.menu span {
	display: block;
	margin:0; padding: 5px 0 0 30px;
	}
.menu a:hover {
	background-image: none;
	color: aqua;
	}
.menu a:active {
	color: #999;
	}
.menu_selected {
	width: 166px; height: 30px;
	margin: 0 0; 
	background: url( 'images/menu_highlight.png' ) 0 0 no-repeat;
    font: normal 14px/1.5 Arial, Arial;
    color: white;
    text-decoration: none;
    text-align: left;
}
    
.menu_selected span {
	display: block;
	margin:0; padding: 5px 0 0 10px;
	}