@charset "utf-8";

body, html {margin: 0; background: #BFBFBF url(../img/bg_main.png) top center repeat-x; text-align: center; font-size: 0px; font-family: Arial;}
img {border: none;}
h1 {font-size: 22px; color: white; margin: 0; font-weight: bold;}
h2 {font-size: 18px; color: white; margin: 0 0 5px; font-weight: normal;}
h3 {font-size: 16px; color: white; margin: 0 0 8px; font-weight: normal;}
p {font-size: 13px; margin: 0 0 10px;}
ul {margin: 0; padding: 0 0 0 16px; list-style-position: outside;}
li {font-size: 13px; margin: 0 0 7px; color: white; font-weight: bold;}

/* containers */
#top {height: 83px;}
#bottom {}
#container {width: 1017px; margin: 0 auto; text-align: left;position: relative;}
#container_left {float: left; width: 297px; background: url(../img/lf_mid.gif) top left repeat-y;}
#container_left .left_top {width: 297px; height: 26px; background: url(../img/lf_top.png) top left no-repeat;}
#container_left .logo {width: 297px; height: 277px;}
#container_left .nav {width: 263px; height: 261px; float: right;}
#container_left .left_bottom {width: 297px; height: 45px; background: url(../img/lf_btm.png) bottom left no-repeat; margin-top: 46px;}
#container_right {float: left; width: 720px;}
.container {height: 655px;position: absolute;top:0px;left:296px;}
.center {float: left; width: 46px; height: 655px;}
.right {float: left; width: 674px; height: 655px;}
.right_top {width: 674px; height: 26px;}
.right_mid {width: 674px; height: 584px;}
.right_bottom {width: 674px; height: 45px;}
.climb_aboard {width: 500px; float: right; padding-right: 62px; text-align: right; height: 119px; }
.lf {float: left; width: 301px;}
.rt {float: left; width: 373px;}
.smallerText li {font-size:12px;}
.smallerText li li {font-weight: normal;}
.key {display:block;padding:5px 5px 5px 20px;position:absolute;right:33px;bottom:100px;border:1px solid white;width:290px;}
.key li {margin:0;padding:0;width:120px;}
.key li li {margin-top:-14px;margin-left:100px;}


#white {z-index: 400;}
#white .center {background: url(../img/ctr_wht.png) top left no-repeat;}
#white .right {background-color: #FFFFFF;}
#white .right .right_top {background: url(../img/rt_top_wht.png) top left no-repeat;}
#white .right .right_bottom {background: url(../img/rt_btm_wht.png) bottom left no-repeat;}

#red {z-index: 300;}
#red .center {background: url(../img/ctr_red.png) top left no-repeat;}
#red .right {background-color: #BB0101;}
#red .right .right_top {background: url(../img/rt_top_red.png) top left no-repeat;}
#red .right .right_bottom {background: url(../img/rt_btm_red.png) bottom left no-repeat;}
#red_map {height: 370px; background-color: #BB0101;}

#brown1 {z-index: 200;}
#brown1 .center {background: url(../img/ctr_brn.png) top left no-repeat;}
#brown1 .right {background-color: #603812;}
#brown1 .right .right_top {background: url(../img/rt_top_brn.png) top left no-repeat;}
#brown1 .right .right_bottom {background: url(../img/rt_btm_brn.png) bottom left no-repeat;}
#brown1_map {height: 458px; background-color: #603812;}

#brown2 {z-index: 200;}
#brown2 .center {background: url(../img/ctr_brn.png) top left no-repeat;}
#brown2 .right {background-color: #603812;}
#brown2 .right .right_top {background: url(../img/rt_top_brn.png) top left no-repeat;}
#brown2 .right .right_bottom {background: url(../img/rt_btm_brn.png) bottom left no-repeat;}
#brown2_map {height: 458px; background-color: #603812;}

#green {z-index: 100;}
#green .center {background: url(../img/ctr_grn.png) top left no-repeat;}
#green .right {background-color: #718132;}
#green .right .right_top {background: url(../img/rt_top_grn.png) top left no-repeat;}
#green .right .right_bottom {background: url(../img/rt_btm_grn.png) bottom left no-repeat;}
#green_map {height: 370px; background-color: #718132;}

#footer {
  margin: 0px auto;
  text-align: left;
  width: 995px;
  padding-left:20px;
  padding-top:15px;
  float:left;
}
#footer, #footer a {
	font: 10px sans-serif;
	color: #5e5e5e;
}

/* misc */
.clr {clear: both;}
.cln {display: none;}
.ul_col {float: left; width: 212px; padding: 0;}
.v_sp_10 {height: 10px;}
.v_sp_15 {height: 15px;}
.v_sp_20 {height: 20px;}
.v_sp_30 {height: 30px;}
.v_sp_40 {height: 40px;}
.txt_time {color: white; font-weight: bold;}
.txt_big_gray {font-size: 20px; color: #4F4F4F; line-height: 30px;}
.txt_small_gray {color: #393939; font-size: 14px;}
.txt_red {color: #BB0102;}
.txt_gray {color: #393939;}
a.a_red {font-weight: bold; color: #BB0102;}
a.a_brn {font-weight: bold; color: #633911;}
a.a_grn {font-weight: bold; color: #728031;}
.t_key {width: 275px;}
.t_key td {vertical-align: middle; text-align: left; font-size: 11px; font-weight: bold; color: white;}
.t_key td.c1 {width: 20px;}
.home_ul {margin: 0; padding: 0 0 0 16px; list-style-position: outside; list-style-image: url(../img/bullet.png);}
.home_li {font-size: 14px; margin: 0 0 10px; color: #393939; font-weight: normal;} 
.brochure {
  position:absolute;
  margin-left:200px;
  margin-top:100px;
}
.survey {
  position:absolute;
  margin-left:90px;
  margin-top:100px;
}

/* Reusable general-purpose position helpers */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}