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

#header_bg {
  background: url("images/header_bg.jpg") top center repeat-x; width: 100%; height: 290px; 
  margin: 0 auto; padding: 0; 
}
#header, #header_sp {
  position: relative;
  background: url("images/header.jpg") top center no-repeat; width: 870px; height: 290px; 
  margin: 0 auto; padding: 0; 
}
#header_sp {background: url("images/header_sp.jpg") top center no-repeat !important;}
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.jpg") top center repeat-y; width: 870px; height: auto; 
  margin: 0 auto; padding: 0; 
}
#content_sp {
  background: #969696 url("images/content_sp.jpg") top center repeat-y !important;
}

#leftpanel {display: block; float: left; width: 215px; height: auto; margin: 0 0 0 8px; _margin-left: 4px; padding: 0; }
#rightpanel {display: block; position: relative; width: 600px; height: auto; margin: 0 0 0 243px; _margin-left: 240px; padding: 0; }

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

#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 h4 {font: normal bold 16px verdana; width: 180px; padding: 0; margin: 0 auto;}
#leftpanel p {text-align: left; width: 180px; margin: 0 auto;}

#rightpanel h2 {font: normal normal 28px verdana, serif; width: 570px; padding: 5px 0 5px 0; margin: 0 auto;}
#rightpanel h3 {font: normal normal 20px verdana, serif; width: 570px; padding: 5px 0 5px 0; margin: 0 auto;}
#rightpanel h4 {font: normal normal 16px verdana, serif; width: 570px; padding: 0; margin: 0 auto;}
#rightpanel p {text-align: left; width: 540px; margin: 0; padding: 5px 0 0 25px;}
#rightpanel ul {list-style: square; width: 500px; margin-left: 25px; padding-left: 25px; }
#rightpanel ul li {padding-bottom: 5px; }
#rightpanel ol {margin-left: 70px; padding-left: 15px; width: 500px; }
#rightpanel blockquote {width: 420px;}
#rightpanel a, #rightpanel a:visited, #rightpanel a:hover {
	color: #0033FF;
	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: 115px; 
  margin: 0 auto; padding: 0;
}

#footer, #footer_sp {
  position: relative;
  background: #fff url("images/footer.jpg") top center no-repeat; width: 870px; height: 115px; 
  margin: 0 auto; padding: 0;
  font: normal normal 12px verdana;
  text-align: center;
}
#footer_sp {background: #fff url("images/footer_sp.jpg") 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: 30px; 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: 30px; color: #ffffff; text-align: right;}
#footer a, #footer a:hover, #footer_sp a, #footer_sp a:hover {text-decoration: none; font-weight: bold; color: #ffffff;}

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

.blue {color: #248088;}
.red {color: #990040;}
.black {color: #000;}
.white {color: #ffffff !important;}
.purple {color: #92278f;}
.pink {color: #d92b6b;} /* #fa4d8d; */
.floatleft {float: left !important; padding: 4px 20px 5px 0;}
.floatright {float: right !important; display: inline; padding: 5px 0 5px 20px;}
.pad_er {margin-bottom: 5px;}
.h_11 {font-size: 11px !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, 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;}

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

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

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

#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;} 
#incelev {border-collapse: collapse; margin: 0 auto; margin-top: 25px;}
#incelev  td {border: 1px solid #ddd; vertical-align: top;}
#incelev td p {padding: 0 5px 0 10px; font-size: 13px; width: 200px;}
#incelev td ul  {margin-left: 0px; font-size: 13px; width: 180px;}
#incelev td ul li {padding: 0 0 2px 5px;}
#media {margin: 0 auto;}
#media td {vertical-align: top;}