@charset "utf-8";
/* CSS Document */

html {height: 100%;}
body {font-family: arial, helvetica, sans-serif; height: 100%; width: 100%;
		background: #fff; margin: 0px; padding: 0px; color: #000;}
.bg {background: url(_i/bg.jpg) repeat-y center;}
p, ul {line-height: 22px; font-size: 13px;}
p.intro {margin: 5px 10px 5px 0px; width: 500px;}
ul.sections {padding: 0px; margin: 5px 0px 0px 40px;}
li {list-style-type:square;}
h1 { background: url(_i/logo_icon.png) no-repeat; font-size: 20px; font-weight: 600; padding-left: 30px; margin: 5px; line-height: 26px;}
h2 {font-size: 20px; font-weight: bold;}
input { font-size: 11px;}

a {color: #729338;}
a:hover {color: #2f4f78;}
	
.wpg {background: url(_i/bg_grad.jpg) repeat-x; width: 889px;}
.wpad {padding: 0px;}


.h_section {position:relative; background: url(_i/h_section.jpg) no-repeat; width: 889px; height: 330px;}
.h_section_contact {position:relative; background: url(_i/h_section_contact.jpg) no-repeat; width: 889px; height: 330px;}
.h_section_handson {position:relative; background: url(_i/h_section_handson.jpg) no-repeat; width: 889px; height: 330px;}
.h_section_handsonII {position:relative; background: url(_i/h_section_handson2.jpg) no-repeat; width: 889px; height: 330px;}
.h_section_services {position:relative; background: url(_i/h_section_services.jpg) no-repeat; width: 889px; height: 330px;}
.h_section_seminars {position:relative; background: url(_i/h_section_seminars.jpg) no-repeat; width: 889px; height: 330px;}
.tagline {position: absolute; top: 3px; left: 420px; font-weight: bold; color: #ffff01; font-style: italic; font-size: 20px;}
.taglineII {position: relative; font-size:13px; color:#333; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; margin: 0px;}
.callout {font-weight: bold; color:#CC0000; font-style:italic;}
.topics_box {background-color: #ffff01;}
.nav_line {position: absolute; top: 303px; left: 0px; width: 100%;}
.ph_no {color: #fff; font-weight: bold; font-size: 18px; float: left; width: 240px; padding-left: 10px; font-family:Georgia, "Times New Roman", Times, serif;}
.tbody {background: url(_i/v_bg.jpg) repeat-x; border: 1px solid #fff; width: 888; position:relative; min-height: 300px;}
.tpad {background: url(_i/footprints.png) no-repeat; padding: 20px 30px;}

.sub_section {width: 257px; margin: 0px 5px; float: left;}
.hsub {background: url(_i/hsub_section.png) no-repeat; height: 30px; text-align: center; font-size: 18px; padding-top: 10px; margin: 0px;}
.sub_body {background: #fff url(_i/sub_section_grad.jpg) repeat-x; width: 227px; font-size:12px; border-top: 3px solid #fff; border-left: 5px solid #fff; border-right: 5px solid #fff; margin: 0px; padding: 10px; min-height: 100px;}
.fsub {background: url(_i/bsub_section.png) no-repeat center bottom; height: 10px;}

.bl_box {background: url(_i/box_sm.png) no-repeat; width: 266px; height: 175px; color: #FFFFFF; font-size: 20px; font-weight: bold; padding: 0px 5px; float:left; margin: 0px 10px 10px 0px;}

.formlist {padding: 10px 0px 5px 30px; font-size:11px; font-weight: normal;}
.req {color: #FF0000}
.quoteform {font-size: 12px;}

.bt_nav {text-align:center;  float: left; }
a.bt_nav {display:block; color: #fff; font-size: 12px; height: 17px; text-decoration: none; padding: 5px 15px;}
a:hover.bt_nav {background: #ffff01; color:#000; display:block; padding: 5px 15px;}

.bt_navon {text-align:center;  float: left; }
a.bt_navon {background: #999; display:block; color: #fff; font-size: 12px; height: 17px; text-decoration: none; padding: 5px 15px;}
a:hover.bt_navon {background: #ffff01; color:#000; display:block; padding: 5px 15px;}


.bt_navII { text-align:center;  float: left; }
a.bt_navII {display:block; color: #fff; font-size: 12px; height: 17px; text-decoration: none; padding:5px 15px;}
a:hover.bt_navII {background: #ffff01; color:#000; display:block; padding: 5px 15px;}

.bt_quote {background: url(_i/bt_quote.png) repeat-x; width: 146px; height: 39px;}
a.bt_quote { display:block; width: 146px; height: 39px; text-decoration: none;}
a:hover.bt_quote {background: url(_i/bt_quoteII.png) no-repeat; display:block; width: 146px; height: 39px; }

.bt_buy {background: url(_i/bt_buy.png) repeat-x; width: 146px; height: 39px;}
a.bt_buy { display:block; width: 112px; height: 39px; text-decoration: none;}
a:hover.bt_buy {background: url(_i/bt_buyII.png) no-repeat; display:block; width: 112px; height: 39px; }

.bt_upgrade {background: url(_i/bt_upgrade.png) repeat-x; width: 146px; height: 39px;}
a.bt_upgrade { display:block; width: 112px; height: 39px; text-decoration: none;}
a:hover.bt_upgrade {background: url(_i/bt_upgradeII.png) no-repeat; display:block; width: 112px; height: 39px; }

a.fnav {text-decoration:none;}
a:hover.fnav {text-decoration:underline;}
a.wh_nav {color:#FFFF00; font-size:16px; }
a:hover.wh_nav {color:#fff; font-size:16px; text-decoration:none;}

.footer {color: #729338; text-align: center; font-size: 12px;}
.address {text-align: center; font-size:12px; color: #333; margin-top: 10px;}
small, sup {font-size: 11px;}

/* schedule */

.hdate, .htype, .hlocation, .hday   {float: left; border-bottom: 1px solid #333; font-weight: bold; width: 150px; text-transform:uppercase; font-size: 14px;}
.hregister, .hprice{text-transform:uppercase; float: left; font-size: 14px; border-bottom: 1px solid #333; font-weight: bold; width: 100px;}
.ldate, .ltype { clear:left;}

.ldate, .ltype, .lday,  .llocation, .lregister {float: left;  width: 150px; border-bottom: 1px solid #ccc; margin-top: 5px;}
.lprice, .lregister {float: left;  width: 100px; border-bottom: 1px solid #ccc; margin-top: 5px;}

.lregister {visibility:hidden;}
.lregisterI, .hregister {visibility: visible;}