html {height:100%;}
img {border: 0;}
body {background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; height: 100%; margin: 0;}
#main { margin:0;}
/** --------------------------------- Logo -------------------------------------------- **/
.content {width:968px; margin:0; clear:both;}
#logo {float:left; margin: 20px 0 10px 0;}
/** ------------------------------------ Navigation ----------------------------------- **/
.navigation {float:right; vertical-align:baseline; border-bottom: 1px solid #FFFFFF;}
div.navigation div.menu ul{ overflow:hidden; padding:0; margin: 40px 0 0 0;}
div.navigation div.menu ul li{ float:left; width:107px; text-align:center; font-size:12px; line-height:18px; padding:0 ; margin:0;}
div.navigation div.menu ul li a{ float:left; display:block; width:107px; background:url(img/tab.png) no-repeat 0 0; padding:7px 0 5px 0; position:relative; cursor:pointer; color:#FFFFFF;}
div.navigation div.menu ul li a{text-decoration:none; text-transform:uppercase;}
div.navigation div.menu ul li.active{width:110px; height:18px; margin:0;}
div.navigation div.menu ul li.active a{ background:url(img/tab_act.png) no-repeat 0 0; width:110px; height:18px; color:#FFFFFF; padding-top:8px;}
div.navigation div.menu ul li.active a:hover{ background:url(img/tab_act.png) no-repeat 0 0 !important; width:110px;}
div.navigation div.menu ul li a:hover{ background:url(img/tab_act_hover.png) no-repeat 0 0; width:107px;}
#here { background:url(img/tab_act_hover.png) no-repeat 0 0; width:107px;}
/** --------------------------------- Blue banner with text ----------------------------- **/
#middle {clear:both; width:968px; margin:0; height:402px; background-image:url(img/blue.gif);}
#middle3L {width:55%; float:left; vertical-align:middle;}
#welcome {font-size: 24px; font-weight:normal; margin:35px 30px 25px 30px; color:#FFFFFF; line-height:40px;}
#t {font-size: 14px; font-weight:normal; margin:30px; color:#FFFFFF; line-height:20px; clear:both;}
#t a { color:#FFFFFF;}
#buttons img{margin: 20px 30px;}
#middle3R {width:45%; float:right; vertical-align:middle;}
#map {margin:23px; margin-top: 50px; color: white; font-size: 14px;}
#map a { color:#FFFFFF;}
/** --------------------------------- Index page grey field ----------------------------- **/
#bottom {clear:both; width:968px; margin:0; height:283px; background-image:url(img/gradient.png); background-repeat: repeat-x; background-color:#5e5d5d;}
.text {float: left; width: 480px; text-align:left; font-weight:normal; color:#cccccc; font-size: 16px; vertical-align: top; padding: 10px 0 0 15px; }
.newsletter {float: right; width: 460px;}
.tbl {width:480px; margin: 10px; padding:0; border:0; }
.tbl th {width:auto; text-transform:uppercase; color:#cccccc; text-align:left; font-weight:normal; font-size: 16px; vertical-align: top; padding: 10px 0 0 15px; border-right: 1px solid #5e5d5d;}
.tbl td {color:#d7d7d7; font-size: 12px; line-height: 16px; vertical-align: top; padding: 5px 15px;text-align:justify; border-right: 1px solid #5e5d5d;}
.white {font-weight: bold; color:#ffffff;}
.news {clear:left; margin: 20px 10px 10px 30px; font-weight:bold; color:#f7941d; text-align:left;}
.news_text {clear:left; margin: 0 10px 10px 30px; font-weight:normal; color:#d7d7d7; font-size:12px; text-align:left;}
/** --------------------------------- Copyrights + bottom navigation ----------------------------- **/
#cr {clear:both; width:968px; margin:0px; padding-top: 5px; border-top: 1px solid #5e5d5d; display:block}
.cr_L {float:left; font-size: 10px; text-align:left;}
.cr_L a { vertical-align:middle; text-decoration: none; text-transform:uppercase;}
#cr_R {float:right; font-size: 10px; text-align:right; color:#000000; vertical-align:middle;}
/** --------------------------------- All in pages ----------------------------- **/
#banner {clear:both; width:968px; margin:0 0 10px 0 ; height:5px; background-color:#185db5;}
p {text-align:left; font-size: 12px; text-align: justify;}
h2 { font-weight:bold; font-size: 26px; text-align:left; color:#89b512; line-height:26px;}
/** --------------------------------- QA page --------------------------------- **/
.qa_L {float:left; vertical-align:top; width: 570px;}
.qa_R {float:right; vertical-align:top; width: 360px;}
dl {text-align:left;}
dd {font-size: 12px;}
dt {font-size: 12px;}
ul {text-align:left;}
li {font-size: 12px;}
/** ------------------------------- The charts page -------------------------- **/
iframe#vp {height:620px; width:960px; border: 1px solid gray;}
.chart {margin: 0 0 10px 0; font-size: 12px; }
.chart td {text-align: left; vertical-align: middle;}
.button {height: 22px; width: 100px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; color: #FFFFFF; background-color:#2ca1df;
border-top: 1px #9bd2f0 solid; border-left: 1px #9bd2f0 solid;
border-bottom: 1px #18587a solid; border-right: 1px #18587a solid;}
a:hover { color: #89b512; }
.accent { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; line-height: 25px;
border-bottom: 1px #9bd2f0 solid; border-right: 1px #9bd2f0 solid;
border-top: 1px #18587a solid; border-left: 1px #18587a solid;}
/** --------------------------------- News page --------------------------------- **/
.news_L {float:left; vertical-align:top; width: 670px;}
.news_R {float:right; vertical-align:top; width: 268px;}
legend {font-weight: bold; background-color: #ffffff; position: absolute; top: -.5em; left: .2em;}
form {text-align: left; font-size: 12px; margin: 25px 0 15px 0;}
input {margin: 5px 0;}
fieldset {margin: 0 0 1em 0; position: relative; border:1px solid #d7d7d7; background-color: #e9f5fc; padding:10px;}
/** --------------------------------- Contact page --------------------------------- **/
.contact {float:left; vertical-align:top; width:100%; margin:0; }
/** -------------------------------- About page --------------------------------- **/
.donation {width: 670px; border-collapse: collapse; }
.donation th {padding: 0 20px; font-size: 11px; border: 1px solid #d7d7d7; margin-}
.donation td {font-size: 12px; vertical-align: middle;border: 1px solid #d7d7d7; padding: 0 15px; }