html, body {
  height:100%; 
  max-height:100%; 
  padding:0;
  margin:0; 
  border:0; 
  margin: 0 auto;
  font: normal normal 14px verdana, arial, sans-serif;
  background: #e5e5e5;
}

#header_bg {
  background: url("images/header_bg.jpg") top center repeat-x; width: 100%; height: 255px; 
  margin: 0 auto; padding: 0; 
}
#header {
  position: relative;
  background: url("images/header.jpg") top center no-repeat; width: 855px; height: 255px; 
  margin: 0 auto; padding: 0; 
}
#header_sp {
  position: relative;
  background: url("images/header_sp.jpg") top center no-repeat; width: 855px; height: 255px; 
  margin: 0 auto; padding: 0; 
}

h1 {margin: 0 auto; font: normal bold 24px arial; padding: 0; text-align: center;}
#bg_header {position: absolute; top: 0px; height: 315px; width: 100%;}
#bg_body {position: absolute; top: 315px;  width: 100%; height: 100%;}


#header h1 {display: inline; margin-left: 40px; font: normal bold 40px georgia; color: #fff;}
#header h2 {display: inline; margin-left: 40px; font: normal bold 26px georgia; color: #d92b6b;}
#header h3 {display: inline; margin-left: 40px; font: normal bold 22px georgia; }


#content {
  position: relative;
  background: #ffffff url("images/content.jpg") top center repeat-y; width: 855px; height: auto; 
  margin: 0 auto; padding: 0; 
}

#content_sp {
  position: relative;
  background: #ffffff url("images/content_sp.jpg") top center repeat-y; width: 855px; height: auto; 
  margin: 0 auto; padding: 0; 
}

#leftpanel {display: block; float: left; width: 195px; height: auto; margin: 0 0 0 25px; _margin-left: 13px; padding: 0;}
#rightpanel {display: block; position: relative; width: 620px; height: auto; margin: 0 0 0 230px; _margin-left: 226px; padding: 0;}

#content_sp #rightpanel {margin: 0 auto !important;}

#leftpanel h2 {
  font: normal normal 16px verdana; color: #fff;
  width: 190px; height: 34px; 
  background: url('images/sidebar_header.png') top center no-repeat; 
  padding: 9px 0 0 0; margin: 15px 0 0 0; text-indent: 10px;
}
#leftpanel h4 {font: normal bold 16px verdana; width: 190px; padding: 0; margin: 0 auto;}
#leftpanel p {text-align: left; width: 190px; margin: 0 auto;}

#rightpanel h2 {font: normal normal 24px "times new roman", georgia, serif; width: 570px; padding: 5px 0 5px 0; margin: 0 auto;}
#rightpanel h3 {font: normal normal 20px "times new roman", georgia, serif; width: 570px; padding: 5px 0 5px 0; margin: 0 auto;}
#rightpanel h4 {font: normal normal 16px "times new roman", georgia, serif; width: 570px; padding: 0; margin: 0 auto;}
#rightpanel p {text-align: left; width: 540px; margin: 0; padding: 5px 0 0 30px; text-indent: 0;}
#rightpanel ul {list-style: square; width: 500px; margin-left: 25px; padding-left: 25px; }
#rightpanel ul li, #rightpanel ol li {padding-bottom: 10px; }
#rightpanel ol {margin-left: 40px; padding-left: 15px; width: 500px; }
#rightpanel blockquote {width: 420px;}
#rightpanel a, #rightpanel a:visited, #rightpanel a:hover {color: #248088; text-decoration: none; font-weight: bold;}

#signup_bg {float: right; width: 211px; height: 220px; margin: 78px 34px 0 0; _margin-right: 17px;}
#signup_bg p {width: 190px;}
#signup {padding-top: 150px;}

#footer_bg{
  position: relative;
  background: #fff url("images/footer_bg.jpg") top center repeat-x; width: 100%; height: 165px; 
  margin: 0 auto; padding: 0;
}

#footer {
  position: relative;
  background: #fff url("images/footer.jpg") top center no-repeat; width: 855px; height: 165px; 
  margin: 0 auto; padding: 0;
  font: normal normal 12px verdana;
  text-align: center;
}
#footer_sp {
  position: relative;
  background: #fff url("images/footer_sp.jpg") top center no-repeat; width: 855px; height: 165px; 
  margin: 0 auto; padding: 0;
  font: normal normal 12px verdana;
  text-align: center;
}

#footer p, #footer_sp p {margin: 0 auto; padding-top: 55px; color: #fff;}
#footer a, #footer a:hover, #footer_sp a, #footer_sp a:hover {text-decoration: none; font-weight: bold; color: #ff80fe;}

#spacing {display: inline; height: 50px;}

.blue {color: #248088;} 
.red {color: #990040;}
.black {color: #000;}
.purple {color: #af00af;}
.pink {color: #d92b6b;} /* #fa4d8d; */
.floatleft {float: left !important; padding: 0 20px 5px 0;}
.floatright {float: right !important; padding: 5px 0 5px 20px;}
.pad_er {margin-bottom: 5px;}
.h_11 {font-size: 11px !important;}
.h_12 {font-size: 12px !important;}
.h_14 {font-size: 14px !important;}
.h_15 {font-size: 15px !important;}
.h_16 {font-size: 16px !important;}
.h_18 {font-size: 18px !important;}
.h_20 {font-size: 20px !important;}
.h_22 {font-size: 22px !important;}
.h_24 {font-size: 24px !important;}
.h_26 {font-size: 26px !important;}
.serif {font-family: "times new roman", georgia, serif !important;}
.center {text-align: center !important; margin: 0 auto !important; padding: 0 !important; text-indent: 0 !important;}
.left {text-align: left !important;}
.right {text-align: right !important;}
.m100 {margin-left: 100px !important;}
a.backtotop {float: right; font-size: 11px; color: #ff8200; font-weight: bold; padding-right: 20px;}

.panel {
   display: block;
   background: url(images/box_mid.png) top center repeat-y;
   width: 570px;
   height: auto;
   color: #000; /* #008b98; */
   margin: 0 auto;
}
   
.panel .topbtm  {display: block; margin: 0 auto; padding: 0; width: 570px; height: 8px;}
.panel p {width: 500px !important;; color: #222; font-size: 13px; line-height: 1.5em;}
.panel h2 {width: 500px !important; font-size: 22px !important; font-weight: normal !important; text-align: center; margin: 0 auto;}
.panel h3 {width: 500px !important; font-size: 18px !important; font-weight: normal !important; color: #333; text-align: center; margin: 0 auto; padding: 0;}

#contactform  {display: block; width: 430px; height: 590px; background-color: #fff; margin-left: 90px;}
#surveyform  {display: block; width: 600px; height: 850px; background-color: #fff; margin-left: 0;}

div.numenu {
	width: 186px; height: 33px;
	margin: 1px 0 0 4px;
	background: url( 'images/menu_nav.png' ) 0 -33px no-repeat;
	}
div.numenu a {
	display: block;
	margin: 0; padding: 0;
	width:100%; height:100%;
	overflow:hidden;
	font: normal normal 14px "times new roman", georgia, serif !important;
	color: #000 !important;
	text-decoration: none;
    text-align: left;
    text-indent: -22px;
	background: url( 'images/menu_nav.png' ) top left no-repeat;
    border-bottom: 1px solid #ddd;
	}
div.numenu span {
	display: block;
	margin:0; padding: 8px 0 0 33px;
	}
div.numenu a:hover {
	background-image: none;
    font-weight: normal;
	color: #fff !important;
	}
div.numenu a:active {
	color: #fff !important;
	}
div.numenu_selected {
	width: 186px; height: 33px;
	margin: 0 0 0 4px;
	background: url( 'images/menu_nav.png' ) 0 -66px no-repeat;
    font: normal normal 14px "times new roman", georgia, serif !important;
    text-align: left;
    text-indent: -22px;
    border-bottom: 1px solid #ddd;
}
div.numenu_selected a {color: #000 !important; text-decoration: none; font-weight: normal !important;}    
div.numenu_selected span {
	display: block;
	margin:0; padding: 8px 0 0 33px;
	}
div#numenu_line {display: block; width: 186px; height: 5px; _height: 1px; padding: 0; margin: 0 0 1px 4px; _margin-top: -12px; border: 1px solid #ddd; border-width: 0 0 1px 0;}