/* CSS */
html{ overflow: auto; }
* { padding: 0; margin: 0; } .separator{ clear: both; } .none{ display: none; } .hide{ visibility: hidden; }
a{color: blue; text-decoration: none;} a:hover{color: red; text-decoration: underline;} p {line-height: 1.3em;} img, fieldset { border: 0; }
h1, h2, h3, h4, h5 {color: #FFF; font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;}
body{ background: #FFF url("../img/bg-body.jpg") top left repeat-x; color: #000; font-family: Verdana, Arial, sans-serif; font-size: 11px; text-align: left; }

#wrapper{ width: 968px; margin: auto; background-color: #FFF; }
#header{ width: 968px; height: 133px; background: #FFF url("../img/bg-header.png") top left no-repeat; position: relative; }
#header h1{ position: absolute; width: 117px; height: 115px; top: 11px; left: 28px; }
#header h1 a{ display: block; width: 117px; height: 115px; }
#content{ width: 968px; background: #FFF url("../img/bg-content2.jpg") top left repeat-y; }
#content_top { width: 935px; padding-top: 20px; padding-left: 12px; padding-right: 15px;  background: transparent url("../img/bg-content.jpg") top left no-repeat; }
#content_bottom { width: 968px; height: 40px; background: transparent url("../img/bg-content3.jpg") top left no-repeat; }
#copyright{ font-size: 9px; text-align: center; }
#copyright a{ color: #000; }

#top_nav{ display: block; height: 31px; width: 900px; }
#top_nav ul{ padding-left: 10px; }
#top_nav ul li{ display: block; float: left; margin-right: 10px; color: #FFF; }
#top_nav ul li a{ display: block; height: 31px; line-height: 31px; vertical-align: middle; float: left; color: #FFF; padding-left: 8px; padding-right: 8px; font-weight: bold; }
#top_nav ul li a:hover{ text-decoration: none; background: transparent url("../img/bg-tab.jpg") top left repeat-x; color: #7D0098; font-weight: bold; }
#top_nav ul li.on a{ text-decoration: none; background: transparent url("../img/bg-tab.jpg") top left repeat-x; color: #7D0098; font-weight: bold; }

#main{ background-color: #FFF; padding-bottom: 15px; }
#column1{ width: 570px; float: left; padding-left: 10px; }
#column1 #sub_column1 { width: 340px; float: left; padding-top: 8px; }
#column1 #sub_column1 h2{ margin-bottom: 10px; color: #006291; padding-top: 8px; font-size: 15px; font-family: Tahoma, Arial, sans-serif; border-bottom: 1px dotted #006291; }
#column1 #sub_column1 p{ margin-bottom: 10px; }
#column1 #sub_column1 ul{ margin-bottom: 10px; margin-left: 20px; }
#column1 #sub_column1 ul li{ margin-bottom: 2px; }

#column1 #sub_column2 img#welcome_img{ margin-bottom: 25px; padding-top: 30px; }
#column1 #sub_column2 { width: 200px; float: left; margin-left: 8px; padding-top: 8px; }
#column1 #sub_column2 #testimonial_box { font-size: 10px; }
#column1 #sub_column2 #testimonial_box p{ margin-bottom: 5px;  }
#column1 #sub_column2 #testimonial_box p.name{ font-weight: bold; }
#column1 #sub_column2 #testimonial_box h4{ margin-bottom: 5px; color: #006291; font-size: 13px; font-family: Tahoma, Arial, sans-serif; border-bottom: 1px dotted #006291;  }

#column2{ margin-top: 3px; padding-top: 10px; padding-bottom: 10px; width: 340px; float: left; background: transparent url("../img/bg-col2.jpg") top left repeat-y; text-align: center; }
#column2 a{ display: block; float: right; margin-bottom: 10px; margin-right: 2px; }

#column1 #text_column{ padding-top: 8px; }
#column1 #text_column p{ margin-bottom: 10px; }
#column1 #text_column h2{ margin-bottom: 10px; color: #006291; padding-top: 8px; font-size: 15px; font-family: Tahoma, Arial, sans-serif; border-bottom: 1px dotted #006291; }
#column1 #text_column ul{ margin-bottom: 10px; margin-left: 20px; }
#column1 #text_column ul li{ margin-bottom: 2px; }

#column1 #text_column .q_box{ width: 540px; border: 1px dotted #ccc; padding: 10px; margin-bottom: 15px;  background: transparent url("../img/bg-qa.jpg") bottom left repeat-x; }
#column1 #text_column .q_box p{ margin-bottom: 5px; }
#column1 #text_column .q_box p.mq{ font-weight: bold; } 
#column1 #text_column .q_box span.red{ color: red; font-weight: normal; }
#column1 #text_column .q_box label{ display: block; float: left; width: 250px;  }
#column1 #text_column .q_box input.txt{ width: 400px; }
#column1 #text_column .q_box input.txt2{ width: 200px; }
#column1 #text_column .q_box textarea.txta{ width: 400px; height: 60px; }

#column1 #text_column .errors{ width: 540px; border: 1px dotted #ccc; padding: 10px; margin-bottom: 15px;  background-color: #FFFFCC; }
#column1 #text_column .errors p{ margin-bottom: 5px; color: red; }
#column1 #text_column .errors p.alert{ font-weight: bold; margin-bottom: 5px; color: #000; }

#column1 #text_column .tst1{ width: 540px; border: 1px dotted #EBCCFF; padding: 10px; margin-bottom: 15px;  background: transparent url("../img/bg-tst.jpg") top left repeat-x; }
#column1 #text_column .tst2{ width: 540px; border: 1px dotted #E6F0F9; padding: 10px; margin-bottom: 15px;  background: transparent url("../img/bg-tst2.jpg") top left repeat-x; }
#column1 #text_column .tst1 p, #column1 #text_column .tst2 p{ margin-bottom: 5px; }
#column1 #text_column .tst1 p.sname, #column1 #text_column .tst2 p.sname{ font-weight: bold; }