/*<![CDATA[*/ 
 
html, body, #wrapper {min-height: 100%; width: 100%; height: 100%; margin: 0px; padding: 0px; background: #486e95 url(images/bg_base.gif) center repeat-y; border: none;}
#wrapper {} 
html>body, html>body #wrapper {height: auto;  border: none;}
body {margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; border: none;} 
#wrapper {position: absolute; top: 0px; left: 0px;} 
img {border: none; outline: none;}
strong {font-size: 18px;}
a {text-decoration: underline; outline: none; cursor: pointer; color: #000000;}
a:hover {text-decoration: none; outline: none; cursor: pointer; color: #CC3300;} 

#loading {position: absolute; display: block; width:46px; height: 11px; z-index: 999; padding: 0px; margin: 10px 0px 0px 10px; background: url(images/loading.gif) no-repeat;}

#main {margin-bottom: 0px; width: 100%; height: auto; padding: 0px; text-align: center;} 
#content {width: 760px; margin: 0px auto 0px auto; padding: 0px;}
#footer {position: absolute; bottom: 0px; width: 100%; text-align: center;}
#bottom {width: 760px; margin: 0px auto 0px auto; padding: 0px; height: 47px; background: url(images/bottom_navbar.gif) bottom center no-repeat; font-size: 11px; color: #999; text-align: right;} 
#bottom span {margin: 0px; padding: 15px 20px 0px 0px; display: block;}
#bottom a {font-size: 11px; color: #000;}

#menu {display: block; width: 208px; float: left; text-align: left;}
#menu span {display: block; width: 208px; height: 0px; margin: 0px; padding: 0px; text-align: left; position: absolute;}
#menu span img {position: relative; display: block; width: 208px; height: 32px; margin: 0px; padding: 0px; z-index: 2;}
#menu a {margin: 0px; padding: 0px; display: block;}

.home {width: 208px; height: 32px;}
.aboutus {width: 208px; height: 32px;}
.charity {width: 208px; height: 32px;}
.recruitment {width: 208px; height: 32px;}
.service {width: 208px; height: 32px;}
.contactus {width: 208px; height: 32px;}
.ourclients {width: 208px; height: 32px;}

a.home img {background: url(images/menu_home.gif); width: 208px; height: 32px;}
a.home:hover img {background: url(images/menu_home_on.gif);}
a.aboutus img {background: url(images/menu_aboutus.gif); width: 208px; height: 32px;}
a.aboutus:hover img {background: url(images/menu_aboutus_on.gif);}
a.charity img {background: url(images/menu_charity.gif); width: 208px; height: 32px;}
a.charity:hover img {background: url(images/menu_charity_on.gif);}
a.recruitment img {background: url(images/menu_recruitment.gif); width: 208px; height: 32px;}
a.recruitment:hover img {background: url(images/menu_recruitment_on.gif);}
a.service img {background: url(images/menu_services.gif); width: 208px; height: 32px;}
a.service:hover img {background: url(images/menu_services_on.gif);}
a.contactus img {background: url(images/menu_contactus.gif); width: 208px; height: 32px;}
a.contactus:hover img {background: url(images/menu_contactus_on.gif);}
a.ourclients img {background: url(images/menu_ourclients.gif); width: 208px; height: 32px;}
a.ourclients:hover img {background: url(images/menu_ourclients_on.gif);}

#center {display: block; width: 552px; float: left;}
#top_banner {width: 552px; height: 158px; display: block; margin: 0px; padding: 0px; background: url(images/top_navbar.gif) bottom center no-repeat;}
#top_banner span {height: 30px; display: table; padding: 0px; margin: 0px; float: right;}
#top_banner a {outline: none; cursor: pointer; padding: 0px; margin: 0px; display: table-cell; height: 30px; width: 48px;}
#top_banner a:hover {background: url(images/top_navbar_on.gif) top center no-repeat;}
#top_banner a img {height: 30px; width: 48px;}
#top_banner h1 {font-size: 16px; font-weight: bold; width: 420px; text-align: right; color: #9f9f9f; display: block; position: absolute; top: 133px; z-index: 3; padding: 0px; margin: 0px;}

#text {width: auto; padding: 30px 50px 90px 30px; margin: 0px; font-size: 12px; color: #333; text-align: left; line-height: 18px;}
a.link_bold { font-weight: bold; font-size: 13px; display: block;}
a.link_bold1 { font-weight: bold; font-size: 18px; display: block;}
.red {color:#990000; font-size: 14px; font-weight: normal;}
.black{color:#000; font-size: 13px; font-weight: bold;}
.bonuses{color:#990000; font-size: 14px; font-weight: bold;}
.green_header{color:#006600; font-size: 14px; font-weight: bold;}
.supp_title{color:#000099; font-size:16px; font-weight:bold;}
.supp_title strong{color:#990000; font-size:16px; font-weight:bold;}
.link{color:#0000FF; font-size:14px; font-weight:normal; text-decoration:underline;}
.link:hover{color:#0000FF; font-size:14px; font-weight:normal; text-decoration:underline;}

.table1 {padding: 20px; margin: 15px; font-size: 12px; color: #000; text-align: left; border: solid 1px #999; background: url(images/table1_bg.gif) repeat-x bottom #f0f4f8; display: block; clear: both; font-weight: bold;}
.table1 span {font-weight: normal;}
.table1 ul { padding: 0px; margin: 0px;}
.table1 li {padding: 0px; margin: 0px 0px 0px 20px; list-style: url(images/arrow1.gif); line-height: 22px; font-size: 11px; font-weight: normal;}
.table1 textarea {background: #FFF; padding: 10px; margin: 0px; border: solid 1px #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; display: block;}
.table1 select {background: #FFF; padding: 2px; margin: 0px; border: solid 1px #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; display: block;}
.button {border: none; padding: 2px 10px 2px 10px; margin: 10px 0px 0px 0px;; display: block; background: #FF9900; cursor: pointer; border: solid 1px #000; text-align: center; font-weight: bold; font-size: 14px; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

.table_logos img {display: inline; margin: 5px; padding: 0px;}
.table2 {float: right; display: block; padding: 0px 0px 10px 10px; margin: 0px;}
.table2 img {display: block; padding: 0px 0px 0px 5px; margin: 0px;}


.ul1 {padding: 20px; margin: 15px; font-size: 12px; color: #000; text-align: left; display: block; clear: both; font-weight: bold;}
.ul1 ul {padding: 0px; margin: 0px;}
.ul1 li {padding: 0px; margin: 0px 0px 0px 20px; list-style: url(images/arrow1.gif); line-height: 22px; font-size: 11px; font-weight: normal;}

.ul2 {padding: 10px; margin: 0px 0px 25px 0px; font-size: 12px; color: #000; text-align: left; display: block; clear: both; font-weight: bold;}
.ul2 ul {padding: 0px; margin: 0px;}
.ul2 li {padding: 0px; margin: 0px 0px 0px 20px; list-style: url(images/arrow1.gif); line-height: 22px; font-size: 11px; font-weight: normal;}

.line_dot {clear: both; display: block; width: 100%; height: 1px; margin: 20px 0px 20px 0px; padding: 0px; background: url(images/line_dot.gif) top repeat-x;}

#soula {cursor: pointer; display: block; float: left; margin: 0px 0px 0px 20px; padding: 0px; position: relative; top: -3px;}