/*************************************
	Home Base Styles
*************************************/


body,p,ul,h1,h2,li,div,span,address {margin: 0; padding: 0; list-style-position:inside;}
body {font-family:Trebuchet MS, Tahoma, Verdana; padding:0 0 0 0; margin:0; background: url(images/bg.gif) repeat-x #134172; text-align:center;}
#container {width:980px; height:auto; margin:0; text-align:center; background: url(images/hm_flash_placeholder.jpg) top no-repeat;}


#hm_top {float: left; width:980px; height:435px; padding:0; margin:0;}
#hm_top .logo {float: left; width:375px;  margin: 10px 0 0 0;}


#hm_nav {float: right; text-align:right; width:auto; height:auto; margin: 25px 0 0 60px; padding:0 0 0 0;}
.but a {float:left; color:#818181; font-size:14px; text-decoration:none; font-weight:bold; padding:0px 15px 5px 15px; margin: 0;}
.but a:hover {color:#f56812;}

#hm_main {text-align: left; width:980px; height:auto; padding:0; margin:0;}

#hm_main #main_a {float:left; padding:0; margin:0 0 0 10px; width:313px; height:225px; background: url(images/hm_module_bg.gif) no-repeat;}
#hm_main #main_a  h1 {color: #f56812; text-decoration:uppercase; font-weight:bold; font-size:24px; padding:0; margin:20px 0 0 15px;}
#hm_main #main_a  p {line-height: 18px; color: #a1b5c9; font-weight: normal; font-size:12px; padding:25px 15px 0px 15px; margin:0; width:280px;}
#hm_main #main_a  a {display:block; float:left; width:124px; height:27px; background: url(images/hm_learn_a.gif) no-repeat; padding: 0; margin:30px 0 0 15px;}
#hm_main #main_a  a:hover {background: url(images/hm_learn_b.gif) no-repeat;}

#hm_main #main_b {float:left; padding:0; margin:0 0 0 10px; width:313px; height:225px; background: url(images/hm_module_bg.gif) no-repeat;}
#hm_main #main_b  h1 {color: #f56812; text-decoration:uppercase; font-weight:bold; font-size:24px; padding:0; margin:20px 0 0 15px;}
#hm_main #main_b  p {line-height: 18px; color: #a1b5c9; font-weight: normal; font-size:12px; padding:25px 15px 0px 15px; margin:0; width:280px;}
#hm_main #main_b  a {display:block; float:left; width:124px; height:27px; background: url(images/hm_sale_a.gif) no-repeat; padding: 0; margin:30px 0 0 15px;}
#hm_main #main_b  a:hover {background: url(images/hm_sale_b.gif) no-repeat;}

#hm_main #main_c {float:left; padding:0; margin:0 0 0 10px; width:313px; height:225px; background: url(images/hm_module_bg.gif) no-repeat;}
#hm_main #main_c  h1 {color: #f56812; text-decoration:uppercase; font-weight:bold; font-size:24px; padding:0; margin:20px 0 0 15px;}
#hm_main #main_c  h2 {color: #ffffff; text-decoration:uppercase; font-weight:bold; font-size:14px; padding:0; margin:10px 0 0 15px;}
#hm_main #main_c  p {line-height: 18px; color: #a1b5c9; font-weight: normal; font-size:12px; padding:25px 15px 0px 15px; margin:0; width:280px;}
#hm_main #main_c  a {display:block; float:left; width:124px; height:27px; background: url(images/hm_email_a.gif) no-repeat; padding: 0; margin:20px 0 0 15px;}
#hm_main #main_c  a:hover {background: url(images/hm_email_b.gif) no-repeat;}


#hm_footer {float:left; padding:0; margin:0 0 0 0; width:980px; height:77px; background: url(images/hm_footer_bg.jpg) no-repeat fixed; text-align:left; }
#hm_footer  h1 {float:left; width:500px; color: #0c69cd; text-decoration:none; font-weight:none; font-size:12px; padding: 20px 0 0 25px; margin:0; }
#hm_footer  h2 {text-align:right; color: #0c69cd; text-decoration:none; font-weight:none; font-size:12px; padding: 20px 25px 0 0px; margin:0; }
#hm_footer a {color: #0c69cd; text-decoration:none; font-weight:none; margin:0;}
#hm_footer  a:hover {color: #ffffff;}


/*************************************
	Sub Base Styles
*************************************/

.subbody {font-family:Trebuchet MS, Tahoma, Verdana; padding:0 0 30px 0; margin:0; background: url(images/sub_bg.gif) repeat-x #000000; text-align:center;}
#sub_container {width:980px; height:auto; margin:0; text-align:center;}

#sub_top {float: left; width:980px; height:100px; background: url(images/sub_top_bg.jpg) top no-repeat; padding:0; margin:0;}
#sub_top .logo {float: left; width:300px; height:82px; margin: 10px 0 0 0;}

#sub_nav {float: right; text-align:right; width:auto; height:auto; margin: 25px 0 0 0; padding:0 0 0 0;}
.but a {float:left; color:#818181; font-size:14px; text-decoration:none; font-weight:bold; padding:0px 15px 5px 15px; margin: 0;}
.but a:hover {color:#f56812;}

#sub_main {float:left; text-align: left; width:980px; padding:0; margin:0; background: url(images/sub_fish_bg.jpg) no-repeat;}
#sub_main  h1 {width:auto; color: #b4d8ff; text-decoration:none; font-weight:none; font-size:30px; padding: 0; margin:30px 0 0 0;}
#sub_main  h2 {width:auto; color: #ffffff; text-decoration:none; font-weight:none; font-size:14px; padding: 5px 0px 50px 0px; margin:0; }
#sub_main  p {text-align:justify; color: #9ab8d8; font-weight:none; line-height:18px; font-size:14px; margin:0; padding:0 0 20px 0;}
#sub_main   b {color: #f56812; font-size:18px; font-weight:bold;}
.phone {float:left; color:#0c69cd; font-size:18px; font-weight:bold; margin: -5px 0 0 0;}

#aboutsection {float:left; width:980px; padding:0 0 0 0; margin:50px 0 0 0; }
#aboutsection .left {float:left; width:590px;  padding:0 0 0 0; margin:0;}
#aboutsection .right {float:left; width:350px; padding:0; margin:40px 0 0 40px; }
#aboutsection  p {text-align:justify; color: #9ab8d8; font-weight:none; line-height:18px; font-size:14px; margin:0; padding:0 0 20px 0;}
#aboutsection  b {color: #f56812; font-size:18px; font-weight:bold;}
#aboutsection .right span {float:left; color:#0c69cd; text-decoration:none; font-size:24px; font-weight:bold; margin:20px 0 0 10px;}
#aboutsection .right span b {font-size:24px; color:#ffffff; font-weight:bold;}
#aboutsection .right a {color:#555555; line-height:24px; text-decoration:underline; font-size:14px; font-weight:bold;}
#aboutsection .right a:hover {color:#777777;}
#aboutsection  ul {color: #f56812; font-size:14px; margin:0 0 0 30px; font-weight:bold; list-style-type: none;}
#aboutsection  li {background: url(images/check.gif) left no-repeat; line-height:24px; padding: 0 0 0 30px; color: #ffffff;}

#locationsection {float:left; width:980px; padding:0 0 50px 0; margin:0; }
#locationsection .left {float:left; width:600px; padding:0 30px 0 0; margin:0;}
#locationsection .right {float:left; width:350px;  padding:0; margin:0; }
#locationsection p {text-align:justify; color: #9ab8d8; font-weight:none; line-height:18px; font-size:14px; margin:0; padding:0 0 20px 0;}
#locationsection b {color: #f56812; font-size:18px; font-weight:bold;}
#locationsection .right span {float:left; color:#0c69cd; text-decoration:none; font-size:24px; font-weight:bold; margin:20px 0 0 10px;}
#locationsection .right span b {font-size:24px; color:#ffffff; font-weight:bold;}
#locationsection .right a {color:#555555; line-height:24px; text-decoration:underline; font-size:14px; font-weight:bold;}
#locationsection .right a:hover {color:#777777;}

#locationsection .address {color:#9ab8d8; text-decoration:none; font-size:14px; line-height:21px; font-weight:none; padding:10px 0 30px 30px;}
#locationsection .address b {color:#ffffff; font-size:16px; font-weight:bold;}
#locationsection .address h1 {color:#0c69cd; font-size:14px; font-weight:bold; padding:0; margin:0;}
#locationsection .address a {color:#555555; line-height:24px; text-decoration:underline; font-size:12px; font-weight:bold;}
#locationsection .address a:hover {color:#777777;}
#locationsection .direction {text-align:justify; color: #9ab8d8; font-weight:none; line-height:18px; font-size:12px; margin:0; padding:0 0 20px 30px;}
#locationsection .direction b {color: #ffffff; font-weight:bold; font-size:12px;}

#contactsection {float:left; width:980px; padding:0 0 50px 0; margin:0;}
#contactsection .left {float:left; width:600px; padding:0 30px 0 0px;}
#contactsection .right {float:left; width:350px;  padding:0; margin:0; }
#contactsection p {text-align:justify; color: #9ab8d8; font-weight:none; line-height:18px; font-size:12px; margin:0; padding:0 0 20px 0;}
#contactsection b {color: #f56812; font-size:18px; font-weight:bold;}

#contactsection .address {color:#9ab8d8; margin-top:150px; text-decoration:none; font-size:14px; line-height:21px; font-weight:none; padding:20px;}
#contactsection .address b {color:#ffffff; font-size:21px; font-weight:bold;}
#contactsection .address h1 {color:#0c69cd; font-size:18px; font-weight:bold; padding:0; margin:0;}
#contactsection .address a {color:#555555; line-height:24px; text-decoration:underline; font-size:12px; font-weight:bold;}
#contactsection .address a:hover {color:#777777;}
#contactsection .direction {text-align:justify; color: #9ab8d8; font-weight:none; line-height:18px; font-size:12px; margin:0; padding:0 0 20px 0;}
#contactsection .direction b {color: #ffffff; font-weight:bold; font-size:12px;}

.form {float:left; color:#9ab8d8; text-decoration:none; font-size:14px; font-weight:none; width:475px; margin:0 0 0 50px;}
.label {text-align:right; vertical-align:top; font-weight:bold;}

.divide {float:left; width:980px; height:20px; background-color:#113b68; border:none;  margin:25px 0 25px 0; border:0;}

#koisection {float:left; width:980px; padding:0; margin:0;}
#koisection b {color: #f56812; font-size:18px; font-weight:bold;}
#koisection img {border:solid #666666 1px; }

#koisection #itema {float:left; width:440px; padding:0 30px 10px 0; margin:0;}
#koisection #itema .left {float:left; width:220px; padding:0 15px 0 0;}
#koisection #itema .right {float:left; width:200px; padding:0; margin:0;}
#koisection #itema p {text-align:justify; color: #9ab8d8; font-weight:none; line-height:18px; font-size:12px; margin:0; padding:0 0 20px 0; border-bottom: solid #666666 1px;}
#koisection #itema .detail {float:left; text-align:right; line-height:24px; font-size:14px; color:#9ab8da; width:80px; height:auto; padding:20px 15px 0 0;}
#koisection #itema .detail2 {float:left; width:auto; height:auto; line-height:24px; font-size:14px; color:#ffffff; font-weight:bold; padding:20px 0 0 0;}

#koisection #itemb {float:right; width:440px; padding:0 0 30px 10px; margin:0;}
#koisection #itemb .left {float:left; width:220px; padding:0 15px 0 0;}
#koisection #itemb .right {float:left; width:200px;  padding:0; margin:0;}
#koisection #itemb p {text-align:justify; color: #9ab8d8; font-weight:none; line-height:18px; font-size:12px; margin:0; padding:0 0 20px 0; border-bottom: solid #666666 1px;}
#koisection #itemb .detail {float:left; text-align:right; line-height:24px; font-size:14px; color:#9ab8da; width:80px; height:auto; padding:20px 15px 0 0;}
#koisection #itemb .detail2 {float:left; width:auto; height:auto; line-height:24px; font-size:14px; color:#ffffff; font-weight:bold; padding:20px 0 0 0;}


#sub_footer {float:left; padding:0; margin:40px 0 0 0; width:980px; height:45px; text-align:left; border-top: solid #333333 1px; border-bottom: solid #333333 1px;}
#sub_footer  h1 {float:left; width:500px; color: #0c69cd; text-decoration:none; font-weight:none; font-size:12px; padding: 15px 0 0 0px; margin:0; }
#sub_footer  h2 {text-align:right; color: #0c69cd; text-decoration:none; font-weight:none; font-size:12px; padding: 15px 0px 0 0px; margin:0; }
#sub_footer a {color: #0c69cd; text-decoration:none; font-weight:none; margin:0;}
#sub_footer  a:hover {color: #ffffff;}

.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
table {font-size:12px;}
* html .cf {height: 12;}
.textbox {font-size:12px;}


.listbox {border-width: 1px; border-color:#CCCCCC;}
.textbox {border:#cccccc 1px solid;}
.submitbutton {padding:3px; cursor:pointer; color:#000000; background:#f2f2f2; border:#cccccc 1px solid; font-weight:bold; text-align:center;}
.submitbuttonhighlighted {padding:3px; cursor:pointer; color:#ffffff; background:black; border:white 1px solid; font-weight:bold; text-align:center;}