<!--

* {
 outline: none;
}

a {
 color: #CE0A58;
 text-decoration: none;
 outline: none;
}

a:hover {
 text-decoration: underline;
}

html {

}

body {
 background-color: #A59D95;
 color: #333;
 font-family: arial, sans-serif;
 margin: 0;
}

body.cms {
 background-color: #F8EBDF;
 font-size: 12px;
 padding: 3px;
}

form {
 margin: 0;
 padding: 0;
}

img {
 border: 0;
}

.clear { clear: both; }

input, select, textarea {
 font-size: 11px;
 font-family: tahoma, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
 margin: 0 0 2px 0;
}

p {
 margin: 0 0 12px 0;
}

/* ----- Main ----- */
div#page_container {
 position: relative;
 margin: 20px auto;
 width: 960px;
 background-color: #F8EBDF;
 color: #333;
 border: 1px solid #B5B6BA;
}

/* ----- Navigation ----- */
ul#navigation {
 margin: 0;
 padding: 0 0 0 16px;
 display: block;
 width: 944px;
 height: 27px;
 background-color: #000;
 color: #FFF;
 list-style: none;
 font-size: 12px;
}

ul#navigation a {
 font-weight: bold;
 color: #FFF;
}

ul#navigation li {
 display: block;
 float: left;
 padding: 6px 21px 0 0;
}

ul#navigation li.sel a {
 color: #CE0A58;
}

ul#navigation li.right {
 float: right;
 padding-right: 19px;
}

ul#navigation li.right a {
 font-weight: normal;
}

/* ----- Content ----- */
div#page_content {
 display: block;
 padding: 21px 33px 10px 27px;
 font-size: 12px;
}

div.donate_content {
 background: url('../graphics/bg_donate.jpg') no-repeat top left;
}

/* ----- Content - Home ----- */
div.home_content {
 padding: 0 !important;
 width: 960px !important;
 height: 686px;
 background: url('../graphics/bg_main.jpg') no-repeat top left;
}

div.home_content h1 {
 display: block;
 text-align: right;
 font-size: 22.69px;
 width: 360px;
 margin: 226px 48px 0 0;
 float: right;
}

div.home_content h1 em {
 color: #CE0A58;
}

div.home_content h1 strong {
 font-size: 18px !important;
}

div.home_content h1 a {
 color: #CE0A58;
 text-decoration: none;
}

div.home_content img {
 position: absolute;
}

img#home01 {
 margin: 59px 0 0 813px;
}

img#home02 {
 margin: 158px 0 0 369px;
}

img#home03 {
 margin: 402px 0 0 369px;
}

img#home04 {
 margin: 151px 0 0 541px;
}

/* ----- Content - Page ----- */
div#page_content {
 width: 900px;
}

div#page_content h1.title {
 display: block;
 width: 900px;
 padding: 150px 0 0 0;
 margin: 0 0 3px 0;
#margin: 0 0 8px 0;
 font-size: 17px;
 background: url('../graphics/bg_head.jpg') no-repeat top left;
}

div#page_content h1.title em,
div#page_content h2.title em {
 color: #CE0A58;
}

div#page_content h1.title strong,
div#page_content h2.title strong {
 color: #CE0A58;
}

div#page_content h1.title a,
div#page_content h2.title a {
 color: #CE0A58;
 text-decoration: none;
}

div#page_content h1.page {
 display: block;
 width: 770px;
 height: 77px;
 text-align: right;
 margin: 0 0 30px 0;
 padding: 0 0 0 130px;
 font-size: 34px;
 background: url('../graphics/logo.gif') no-repeat top left;
}

div#page_content h2.title {
 display: block;
 font-weight: normal;
 margin: 0 0 3px 0;
#margin: 0 0 8px 0;
 font-size: 16px;
 width: 570px;
}

div#page_content a.total {
 display: block;
 font-weight: bold;
 width: 414px;
 height: 85px;
 padding: 31px 0 0 180px;
 color: #CE0A58;
 margin: 0 0 10px 0;
 font-size: 16px;
 background: url('../graphics/campaign_barometer.gif') no-repeat top left;
}

div#page_content a.total:hover {
 text-decoration: none;
}

div#pagecopy {
 display: block;
 width: 320px;
 float: left;
}

div.page_panel {
 display: block;
 float: left;
}

div.page_panel h3 {
 margin: 4px 2px 12px 2px;
 font-size: 11px;
 color: #666;
 font-weight: normal;
}

div.page_panel h3 span {
 font-size: 90%;
}

div#panel1 {
 width: 257px;
 margin: 3px 20px 0 0;
}

div#panel2 {
 float: right;
 width: 273px;
 margin: 3px 0 0 0;
}

ul.statement {
 margin: 0 0 12px 0;
 padding: 0;
 list-style: none;
 font-size: 90%;
 text-align: left;
 width: 273px;
}

ul.statement li.title {
 border: 1px solid #000;
 background-color: #000;
 color: #FFF;
 padding: 3px 4px 2px 4px;
 font-weight: bold;
 font-size: 14px;
}


ul.statement li.text {
 border: 1px solid #000;
 background-color: #FFF;
 border-top: 0;
 padding: 8px 8px 0 8px;
}

div.donate {
 display: block;
 float: left;
 width: 590px;
}

div.ceiling {
 display: block;
 position: relative;
 width: 880px;
 height: 960px;
 margin: -40px 0 20px 0;
 text-align: center;
 padding-top: 49px;
 background: url('../graphics/bg_flash.jpg') no-repeat 50% center;
 
}

div.ceilf {
 display: block;
 position: absolute;
#left: 0;
 margin: 0 0 0 0;
 width: 256px;
 height: 357px;
 background-color: #FFF;
}

div#ceiling01 {
 height: 343px;
}

div#ceiling02 {
 height: 167px;
 margin: 363px 0 0 0;
}

div#ceiling03 {
 height: 377px;
 margin: 557px 0 0 0;
}

div#ceiling04 {
 margin: 0 0 0 622px;
}

div#ceiling05 {
 height: 252px;
 margin: 370px 0 0 622px;
}

div#ceiling06 {
 margin: 637px 0 0 622px;
}

/* ----- Footer ----- */
ul#footer {
 clear: both;
 display: block;
 width: 915px;
 height: 30px;
 margin: 0;
 padding: 15px 0 0 0;
 list-style: none;
 font-size: 13px;
}

ul.footer_home {
 position: absolute;
 top: 667px;
 width: 915px;
 padding: 15px 0 0 10px !important;
 margin: 0 0 0 6px;
}

ul#footer a {
 color: #CE0A58;
}

ul#footer li {
 display: block;
 float: left;
 padding: 6px 21px 0 0;
}

ul#footer li.sel a {
 text-decoration: underline;
}

ul#footer li.staf {
 float: right;
 padding-right: 16px;
 font-weight: bold;
}

ul#footer li.staf a {
 padding: 0 28px 0 0;
 background: url('../graphics/staf.gif') no-repeat top right;
}


#bank, #card {
  display: none;
}

div.form {
 background-color: #FFF;
 color: #333333;
 border: 1px solid #B9B9B9;
 padding: 8px;
}

div.form p.error {
 font-weight: bold;
 color: #CE0A58;
 background-color: inherit;
}

div.form label {
 padding-left: 5px;
}

div.form .compulsory {
 background: url(../graphics/compulsory.gif) no-repeat top left;
}

div.form input.field {
 border: 1px solid #D9D9D9; 
 font-size: 100%;
 width: 90%;
 font-weight: bold;
 padding: 3px;
}

div.form select {
 font-size: 100%;
 width: 94%;
 border: 1px solid #D9D9D9;
}




//-->