html, body {
  height:100%; 
  max-height:100%; 
  padding:0;
  margin:0; 
  border:0; 
  margin: 0 auto;
  font: normal normal 14px arial, sans-serif;
  background: #925718 url("images/html_bg.png") top center repeat;
}

#header, #header_sp, #header_l3 {
  position: relative;
  background: url("images/header.png") top center no-repeat; width: 856px; height: 55px; 
  margin: 0 auto; padding: 0; margin-top: 30px;
}
#header_sp {background: url("images/header_sp.png") top center no-repeat !important;}
#header_l3 {background: url("images/header_l3.png") top center no-repeat !important; height: 215px; margin-top: 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, #content_sp {
  position: relative;
  background: #969696 url("images/content.png") top center repeat-y; width: 856px; height: auto; 
  margin: 0 auto; padding: 0; 
}
#content_sp {
  background: #969696 url("images/content_sp.png") top center repeat-y !important;
}

#leftpanel {display: block; width: 350px; height: auto; margin: 0 0 0 15px; padding: 0; border-right: 1px solid #ddd;}
#rightpanel {/* background: #ecd1eb; */ display: inline; float: right; position: relative; width: 475px; height: auto; margin-right: 10px; padding: 0;}

#leftpanel h2 {
  font: normal normal 16px verdana; color: #fff;
  width: 200px; 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 h2 {font: normal normal 28px verdana, serif; width: 300px; padding: 5px 0 5px 0; margin: 0 auto;}
#leftpanel h3 {font: normal normal 20px verdana, serif; width: 300px; padding: 5px 0 5px 0; margin: 0 auto;}
#leftpanel h4 {font: normal normal 16px verdana, serif; width: 300px; padding: 0; margin: 0 auto;}
#leftpanel p {font-size: 13px; text-align: left; width: 300px; margin: 0 0 0 15px; padding: 5px 0 0 0;}
#leftpanel ul {list-style-image: url(images/ul_star.png); width: 280px; margin-left: 15px; padding-left: 15px; }
#leftpanel ul li {padding-bottom: 8px; font-size: 13px; }
#leftpanel ol {width: 280px; margin-left: 15px; padding-left: 20px; _padding-left: 25px; font-size: 13px; }
#leftpanel blockquote {width: 500px;}
#leftpanel a, #leftpanel a:visited, #leftpanel a:hover {color: #fb4e42; text-decoration: none; font-weight: bold;}

#rightpanel h2 {font: normal normal 28px verdana, serif; width: 450px; padding: 5px 0 5px 0; margin: 0 auto;}
#rightpanel h3 {font: normal normal 20px verdana, serif; width: 450px; padding: 5px 0 5px 0; margin: 0 auto;}
#rightpanel h4 {font: normal normal 16px verdana, serif; width: 450px; padding: 0; margin: 0 auto;}
#rightpanel p {text-align: left; width: 400px; margin: 0 0 0 25px; padding: 5px 0 0 0;}
#rightpanel ul {list-style-image: url(images/ul_star.png); width: 400px; margin-left: 25px; padding-left: 15px; _padding-left: 25px;}
#rightpanel ul li {padding-bottom: 5px; }
#rightpanel ol {margin-left: 25px; padding-left: 15px; _padding-left: 25px; width: 400px; }
#rightpanel blockquote {width: 500px;}
#rightpanel a, #rightpanel a:visited, #rightpanel a:hover {color: #fb4e42; text-decoration: none; font-weight: bold;}

#content_sp #leftpanel {margin: 0 auto !important; width: 800px; border: 0; }
#content_sp #leftpanel h2, #content_sp #leftpanel h3, #content_sp #leftpanel h4  {width: 650px; padding: 5px 0 5px 0;}
#content_sp #leftpanel p {text-align: left; width: 650px; margin: 0 auto; padding: 5px 0 0 0;}
#content_sp #leftpanel ul {width: 630px; margin: 0 auto; padding-left: 15px; }
#content_sp #leftpanel ul li {padding-bottom: 8px; }
#content_sp #leftpanel ol {width: 630px; margin: 0 auto; padding-left: 20px; _padding-left: 25px;}
#content_sp #leftpanel blockquote {width: 500px;}
#content_sp #leftpanel a, #content_sp #leftpanel a:visited, #content_sp #leftpanel a:hover {color: #fb4e42; 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, #footer_sp {
  position: relative;
  background: #fff url("images/footer.png") top center no-repeat; width: 856px; height: 55px; 
  margin: 0 auto; padding: 0;
  font: normal normal 12px verdana;
  text-align: center;
}
#footer_sp {background: #fff url("images/footer_sp.png") top center no-repeat !important;}

#footer p#footer_left, #footer_sp p#footer_left {float: left; width: 400px; margin: 0 0 0 20px; _margin-left: 10px; padding-top: 13px; color: #ffffff; text-align: left;}
#footer p#footer_right, #footer_sp p#footer_right {float: right; width: 350px; margin: 0 20px 0 0; _margin-right: 10px; padding-top: 13px; color: #ffffff; text-align: right;}
#footer a, #footer a:hover, #footer_sp a, #footer_sp a:hover {text-decoration: none; font-weight: bold; color: #ffd500;}

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

.blue {color: #248088;}
.red {color: #990040;}
.black {color: #000;}
.brown {color: #915311;}
.orange {color: #ec5c00;}
.white {color: #ffffff;}
.purple {color: #92278f;}
.pink {color: #d92b6b;} /* #fa4d8d; */
.floatleft {float: left !important; padding: 4px 20px 5px 0;}
.floatright {float: right !important; padding: 5px 0 5px 20px;}
.pad_er {margin-bottom: 5px;}
.f11 {font-size: 11px !important;}
.f14 {font-size: 14px !important;}
.f15 {font-size: 15px !important;}
.f16 {font-size: 16px !important;}
.f18 {font-size: 18px !important;}
.f20 {font-size: 20px !important;}
.f22 {font-size: 22px !important;}
.f24 {font-size: 24px !important;}
.f26 {font-size: 26px !important;}
.serif {font-family: times new roman, serif !important;}
.center {text-align: center !important; margin: 0 auto !important;}
.left {text-align: left !important;}
.right {text-align: right !important;}
.m100 {margin-left: 100px !important;}
.twitter {float: right !important; padding: 5px 0 5px 10px;}

.panel {
   display: block;
   background: url(images/box_mid.png) top center repeat-y;
   width: 400px;
   height: auto;
   margin: 0 auto;
}
   
.panel .topbtm  {display: block; margin: 0 auto; padding: 0; width: 500spx; height: 15px;}
.panel p {width: 350px !important; color: #fff; font-size: 13px; line-height: 1.5em; margin: 0; padding: 0;}
.panel h2 {width: 350px !important; font-size: 22px !important; font-weight: normal !important; text-align: center; margin: 0 auto;}
.panel h3 {width: 350px !important; font-size: 18px !important; font-weight: normal !important; color: #333; text-align: center; margin: 0 auto; padding: 0;}
.panel table td {font-size: 13px;}

.panel_gray {
   display: block;
   background: url(images/box_mid_gray.png) top center repeat-y;
   width: 400px;
   height: auto;
   margin: 0 auto;
}
   
.panel_gray .topbtm  {display: block; margin: 0 auto; padding: 0; width: 500spx; height: 15px;}
.panel_gray p {width: 350px !important; color: #000; font-size: 13px; line-height: 1.5em; margin: 0; padding: 0;}
.panel_gray h2 {width: 350px !important; font-size: 22px !important; font-weight: normal !important; text-align: center; margin: 0 auto;}
.panel_gray h3 {width: 350px !important; font-size: 18px !important; font-weight: normal !important; color: #000; text-align: center; margin: 0 auto; padding: 0;}
.panel_gray table td {font-size: 13px;}

.panel_signup {
   display: block;
   background: url(images/panel_signup.png) top center no-repeat;
   width: 582px;
   height: 255px;
   color: #000; /* #008b98; */
   margin: 0 auto;
}

.sb_panel {
   display: block;
   background: url(images/sidebar_panel.png) top center repeat-y;
   width: 200px;
   height: auto;
   color: #000; /* #008b98; */
   margin: 0 auto;
}


#contactform  {display: block; width: 430px; height: 550px; background-color: #fff; margin: 0 auto;}

div.numenu {
	width: 200px; height: 28px;
	margin: 0 auto;
    margin-bottom: 1px;
	background: url( 'images/menu_nav.png' ) 0 -28px no-repeat;
	}
div.numenu a {
	display: block;
	margin: 0; padding: 0;
	width:100%; height:100%;
	overflow:hidden;
	font: normal normal 14px verdana, sans-serif !important;
	color: #000 !important;
	text-decoration: none;
    text-align: left;
    text-indent: -15px;
	background: url( 'images/menu_nav.png' ) top left no-repeat;
	}
div.numenu span {
	display: block;
	margin:0; padding: 5px 0 0 28px;
	}
div.numenu a:hover {
	background-image: none;
    font-weight: normal;
	color: #000 !important;
	}
div.numenu a:active {
	color: #000 !important;
	}
div.numenu_selected {
	width: 200px; height: 28px;
	margin: 0 auto;
    margin-bottom: 1px;
	background: url( 'images/menu_nav.png' ) 0 -56px no-repeat;
    font: normal normal 14px verdana, sans-serif !important;
    text-align: left;
    text-indent: -15px;
}
div.numenu_selected a {color: #ffffff !important; text-decoration: none; font-weight: normal !important;}    
div.numenu_selected span {
	display: block;
	margin:0; padding: 5px 0 0 28px;
	}
div#numenu_line {display: block; width: 200px; height: 5px; _height: 1px; padding: 0 0 0 0; margin: 0 auto; _margin-top: -12px; border: 1px solid #ddd; border-width: 0 0 1px 0;}