*, td span {
   font-family: Verdana;
   color: #8e8e8e;
}

body {
   background: url('images/body-bg.png') repeat-x #F1F2F3;
   font-size: 11px;
   height: 100%;
}

a {
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

a.active {
   /*color: black;*/
   color: #313131;
}

.navbutton a {
   color: white;
}

.navbutton a:hover {
   color: white;
}

div.inner { 
	width: 970px; 
	margin: 0 auto; 
	height: auto !important;
	min-height: 500px;
	height: 500px;
}
div#hapro-home {
   float: left;
   width: 100px;
   margin-left: 30px;
   margin-top: 0px !important;
   margin-top: 12px;
}
div.left { float: left; }
div.right { float: right; }

.hd_top {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
   height: 35px;
   background: white;
   line-height: 35px;
   border-bottom: 1px solid #F0F0F0;
   color: #82afd9;
}

.hd_mid {
   height: 58px;
   background: white;
   line-height: 58px;
   border-bottom: 1px solid #F1F2F3;
}

.hd_mid ul {
   list-style-type: none;
   margin: 0 0 0 -150px;
   
   margin-right: 33px;
}

.hd_mid ul li {
   float: left;
   margin: 0 0 0 60px;
}

.hd_mid a {
   font-family: Verdana, Geneva, sans-serif;
   font-weight: normal;
	font-style: normal;
   text-decoration: none;
   padding: 0 0 15px 10px;
   background: url('../../images/bullet_1_idle.gif') left 9px no-repeat;
   display: block;
   height: 24px;
   line-height: 24px;
   margin-top: 20px;
   position: relative;
   top: 0;
   left: 0;
   z-index: 999;
   float: left;
	font-size: 11px;
	color: #9f9f9f;
}

.hd_mid a.active {
   background: url('../../images/bullet_1_active.gif') left 9px no-repeat;
   text-decoration: none;
   color: #313131;
}

.hd_mid a.active,
.hd_mid a:hover {
   background: url('../../images/bullet_1_active.gif') left 9px no-repeat;
   color: #7c7c7c;
}

.dropDown {
   position: absolute;
   background: url('../../images/popup_bg.png');
   padding: 0;
   margin-top: 40px;
   border: 1px solid #F0F0F0;
   border-top: 0;
   z-index: 998;
   display: none;
}

.dropDown ul {
   list-style-type: none;
}

.dropDown ul li { }

.dropDown ul li a {

	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #7c7c7c;

   padding-left: 25px;
   padding-right: 20px;
   display:block;
   line-height: 22px;
   background: url('../../images/bullet_2_idle.gif') 10px center no-repeat;
}

.dropDown ul li a:hover {
   background: url('../../images/bullet_3_active.gif') 10px center no-repeat #ebebeb;
   text-decoration: none;
   color: #313131;
}

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #767676;

   padding: 30px 0 30px 0;
}

   .content p {
      line-height: 140%;
   }

   .content .inner {
      width: 640px;
      padding: 20px 20px 0px 305px;
      border: 1px solid #F1F2F3;
      border-bottom: 1px solid #E9EAEC;
      background: white;
   }
   
   .inner2 {
      width: 927px;
      padding: 20px 20px 20px 20px;
      border: 1px solid #F1F2F3;
      border-bottom: 1px solid #E9EAEC;
      background: white;
      text-align: left;
   }   
   
   .content .inner p {
      line-height: 140%;
   }

.footer {
	font-family: Verdana, Geneva, sans-serif;
   height: 24px;
   line-height: 24px;
   background: white;
   border-top: 1px solid #F1F2F3;
   border-bottom: 1px solid #F1F2F3;
   font-size: 10px;
   margin: 0 auto;
   color: #959595;
   text-align: center;
   margin-top: 20px;
}

.footer_shadow {
   height: 40px;
   background: url('images/footer-shadow.png') top left repeat-x;
}

h1, h1 sub, h1 b, h1 i, h1 strong, h1 em {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #484b4e;
	line-height: 24px;
   font-weight: normal;
   margin-bottom: 6px;
}
h1 b, h1 strong {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #484b4e;
	line-height: 24px;
   font-weight: bold;
   margin-bottom: 6px;
}

h2, h2 sub, h2 i, h2 em {
   /*font-size: 18px;
   font-weight: normal;
   color: #333333;*/

	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #707173;
	margin: 0 0 6px 0;
	font-weight: normal !important;
}
h2 b, h2 strong {
   /*font-size: 18px;
   font-weight: normal;
   color: #333333;*/

	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #707173;
	font-weight: bold !important;
   margin: 0 0 6px 0;
}

input ,
select {
   border: 1px solid #E0E0E0;
   background: #F8F8F8;
}

option {
   background: #F8F8F8;
   border: 0;
}

input,
select,
option {
   font-size: 11px;
}

button {
   height: 20px;
   font-size: 11px;
   color: #444444;
}

.sidebar {
   width: 512px;
   height: 500px;
   position: absolute;
   top: 130px;
   left: 50%;
   margin-left: -690px;
}

label {
   display: block;
   width: 150px;
   float: left;
   clear: both;
   margin-top: 4px;
}

#frmContact input ,
#frmContact textarea {
   border: 1px solid #E0E0E0;
   background: #F8F8F8;
   margin-top: 4px;
   width: 400px;
   font-size: 11px;
}

#frmContact textarea {
   height: 60px;
}

#frmContact .navbutton {
   background: url('../../images/bttn_bg.gif') center center;
   margin-left: 150px;
}

.subnav {
   border: 1px solid #F0F0F0;
   background: url('../../images/subnav_bg.gif') left bottom repeat-x;
   padding: 6px 0;
   width: 180px;
   text-align: left;
}

.subnav ul {
   margin: 0px;
   list-style-type: none;
}

.subnav ul a {
   display: block;
   width: auto;
   padding: 2px 16px 2px 26px;
   text-decoration: none;
   background: url('../../images/bullet_2_idle.gif') 12px 8px no-repeat;
   color: #929292;
   line-height: 22px;
}

.subnav ul a:hover {
   background: url('../../images/bullet_3_active.gif') 12px 8px no-repeat #f0f0f0;
   text-decoration: none;
}

.subnav ul ul a {
   font-size: 11px;
   padding: 2px 16px 2px 42px;
   background: url('../../images/bullet_2_idle.gif') 28px 7px no-repeat;
}

.subnav ul ul a:hover {
   background: url('../../images/bullet_3_active.gif') 28px 7px no-repeat #f0f0f0;
}

input,
select,
option {
   font-size: 11px;
}

.hapro_button {
   cursor: pointer;
   background: url('../../images/bttn_bg.gif') center center;
   border: 1px solid #CCCCCC;
   padding: 0 5px;
   font-size: 11px;
   font-weight: bold;
   color: white;
   line-height: 15px;
   outline: 0;
}

.navbutton {
   cursor: pointer;
   background: url('../../images/bttn_bg.gif') center center;
   border: 1px solid #999999;
   border-top: 1px solid #E0E0E0;
   border-left: 1px solid #E0E0E0;
   padding: 0 5px;
   font-size: 11px;
   font-weight: bold;
   color: white;
   line-height: 15px;
   outline: 0;
}

a.navbutton {
   padding: 3px 5px;
}

.navbutton:hover {
   text-decoration: none;
}

hr {
   color: #dfdfdf;
   background-color: #dfdfdf;
   border: 1px solid #dfdfdf;
   border: none;
   margin-bottom: 8px;
   margin-top: 8px;
}
b, strong {
	font-weight: bold;
}