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

body {
   /*background: url('images/body-bg.png') repeat-x #F1F2F3;*/
   font-size: 11px;
   background-image: url('images/body-bg1.jpg');   
   background-position: bottom center !important;
   background-repeat: repeat-x;
   background-color: white;/*#EBEBED;*/
}

#global_container {
   background-image: url('images/body-bg1.jpg');   
   background-position: bottom center;
   background-repeat: repeat-x;
   background-color: white;/*#EBEBED;*/
}

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; 
}

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 #F1F2F3;
   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: 35px;
}

.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;
   padding-top: 30px;
   border: 1px solid #E0E0E0;
   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 20px 300px;
      border: 1px solid #F1F2F3;
      border-bottom: 1px solid #E9EAEC;
      background-color: white;
   }

   .footer2 {
      width: 100%;
      padding: 5px 0px 5px 0px;
      border: 1px solid #F1F2F3;
      border-left: 0;
      border-right: 0;
      border-bottom: 1px solid #E9EAEC;
      background: white;
      text-align: center;
      margin-top: 40px;
   }
   
	.content .footer {
      width: 920px;
      padding: 20px 20px 20px 20px;
      border: 1px solid #F1F2F3;
      border-bottom: 1px solid #E9EAEC;
      background: white;
   }

   .content .footer p ,
   .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;
}

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

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

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

	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #707173;
	font-weight: normal;
   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: 505px;
   position: absolute;
   bottom: 0px;
   left: 0px;
   background-repeat: no-repeat;
   background-position: bottom right;
   min-height: 500px;  
  	border: solid 1px red; 
}
/*
.sidebar {
   width: 512px;
   height: 650px;
   position: absolute;
   top: 120px;
   left: 50%;
   margin-left: -680px;
   background: right top no-repeat;
}
*/
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: 200px;
   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;
}

.subnav ul a:hover {
   background: url('../../images/bullet_3_active.gif') 12px 8px no-repeat #ebebeb;
   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 #ebebeb;
}

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;
   color: #FFFFFF;
}

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

hr {
   color: #dfdfdf;
   background-color: #dfdfdf;
   border: 1px solid #dfdfdf;
   border: none;
   margin-bottom: 8px;
   margin-top: 8px;
}
.inner2 {
      width: 922px;
      padding: 20px 20px 20px 20px;
      border: 1px solid #F1F2F3;
      border-bottom: 1px solid #E9EAEC;
      background: white;
      margin-left: -32px;
   }   
   
   
   .afbSide {
   	position: relative;
   	left: 50%;
   	margin-left: -578px;
   	margin-top: -570px;
   	margin-bottom: 33px;
   }