/* ################ RESET ALL MAIN VALUES ############### */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, table, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background-color: transparent;}

body {line-height: 1;}

table {border-collapse: collapse;border-spacing: 0;}

.left {float: left;}

.right {float: right;}

.center {text-align: center;}

.clear {clear: both; height: 2px; width: 100%;}

/* ############# GLOBAL VALUES ################ */

body {
font-size: 62.5%;line-height: 1.7; font-family: Arial, Helvetica, Sans-Serif;
margin: 0px;
padding:0px;
width:100%;
background: url('../images/bg.gif') #565553 repeat-x top center;
text-align: center;
}

.container {
width: 900px;
padding: 0;
margin: 0 auto;
text-align: left;
}

/* ############# HEADER ################ */

#logo {
float: left;
margin: 25px 0 0 0;
padding: 0;
}

#top-nav {
background-color: #B76EAD;
color: #fff;
padding: 4px 9px;
margin: 0;
float: right;
position: relative;
top: 0;
right: 0;
font-size: 1.2em;
}

#top-nav ul {
list-style: none;
color: #fff;
margin: 0;
padding: 0;
}

#top-nav ul li {
display: inline;
font-weight: bold;
}

#top-nav ul li a, #top-nav ul li a:link, #top-nav ul li a:visited {
color: #eee;
margin: 0 10px;
text-decoration: none;
}

#top-nav ul li a:hover {
color: #fff;
text-decoration: underline;
}

/* ##### main navigation ##### */
/*#main-nav {margin: 0; padding: 15px 0 0 0; clear: both; font-size: 1em; z-index: 30; width: 900px; font-size: 1.3em; font-weight: bold;}
#main-nav li {margin: 0; padding: 0 1px 0 0; list-style: none; white-space: nowrap; float: left;}
#main-nav a {margin: 0; padding: 0 0 0 12px; color: #333; background: url('../images/nav-bg.gif') #ccc no-repeat left top; display: block; border: none; text-decoration: none; width: auto;}
#main-nav a span {padding: 8px 10px 8px 0; background: url('../images/nav-bg.gif') #ccc no-repeat right top; display: block; white-space: nowrap; text-decoration: none;}
#main-nav a:hover {background: url('../images/nav-bg.gif') no-repeat 0 -41px; text-decoration: none; cursor: default;}
#main-nav a:hover span {background: url('../images/nav-bg.gif') no-repeat 100% -41px; text-decoration: none; color: #450F70; cursor: default;}
#main-nav a.active {background: url('../images/nav-bg.gif') no-repeat 0 -41px; color: #9454D1; cursor: default; text-decoration: none;}
#main-nav a.active span {background: url('../images/nav-bg.gif') no-repeat 100% -41px; color: #450F70; cursor: default; text-decoration: none;}

#main-nav li ul {list-style: none; width: 14em; background-color: #5A3775; color: #333; margin: 0; padding: 0; position: absolute; left: -999em;}
#main-nav li:hover ul {left: auto;}
#main-nav li:hover ul, #main-nav li.sfhover ul {left: auto;}
#main-nav li ul li a:link, #main-nav li ul li a:visited {width: 14em; margin: 0; padding: 2px 10px; text-decoration: none; background-color: #5A3775; color: #e4dcea; background-image: none;}
#main-nav li ul li a:hover, #main-nav li ul li a:visited:hover {background-color: #C4B2D6; color: #333; background-image: none;}*/

/* ##### main navigation ##### 
#main-nav {float:left; margin: 20px 0 0 0; display: inline; padding: 0; clear: both; font-size: 1em; z-index: 30; position: relative; width: 900px; font-size: 1.3em; font-weight: bold;}
#main-nav li {margin: 0; padding: 0 1px 0 0; list-style: none; white-space: nowrap; display: inline; float: left; position:relative;}
#main-nav a {margin: 0; padding: 0 0 0 12px; color: #333; background: url('../images/nav-bg.gif') #fff no-repeat left top; display: inline-block; float: left; border: none; text-decoration: none;}
#main-nav a span {padding: 8px 10px 8px 0; background: url('../images/nav-bg.gif') #fff no-repeat right top; display: block; float: left; white-space: nowrap; text-decoration: none;}
#main-nav a:hover {background: url('../images/nav-bg.gif') no-repeat 0 -41px; text-decoration: none;}
#main-nav a:hover span {background: url('../images/nav-bg.gif') no-repeat 100% -41px; text-decoration: none; color: #450F70;}
#main-nav a.active {background: url('../images/nav-bg.gif') no-repeat 0 -41px; color: #9454D1; cursor: default; text-decoration: none;}
#main-nav a.active span {background: url('../images/nav-bg.gif') no-repeat 100% -41px; color: #450F70; cursor: default; text-decoration: none;}

#main-nav li:hover ul {display: block; position: absolute; top: 37px; left: 0;}
#main-nav li ul {display: none; list-style: none; width: 200px; background-color: #5A3775; color: #333; margin: 0; padding: 0;}
#main-nav li ul li {width: 200px;}
#main-nav li ul li a:link, #main-nav li ul li a:visited {width: 200px; margin: 0; padding: 2px 10px; text-decoration: none; background-color: #5A3775; color: #e4dcea; background-image: none;}
#main-nav li ul li a:hover, #main-nav li ul li a:visited:hover {background-color: #C4B2D6; color: #333; background-image: none;}*/

/*------------------------------------------------------------------------------*/
/*	--> MIDDLE DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#content {
background: url('../images/content-bg.gif') #fff repeat-x bottom left;
clear: both;
padding: 10px 0 0 0;
}

#content-right {
width: 200px;
float: right;
margin: 0;
padding: 0;
}

#special-offer-top {
background: url('../images/special-top-bg.gif') no-repeat top left;
margin: 0 0 0 1px;
padding: 5px 10px 0 15px;
font-size: 1.8em;
font-weight: bold;
letter-spacing: .1em;
color: #e4dcea;
width: 180px;
clear: right;
}

#special-offer-body {
background: url('../images/special-body-bg.gif') repeat-y top;
margin: 0;
padding: 5px 15px;
color: #e4dcea;
font-size: 1.2em;
line-height: 1.4em;
width: 170px;
text-align: justify;
}

#special-offer-body .special-heading {
font-size: 1.4em;
margin: 5px 0;
}

#special-offer-body a img {
margin: 5px 0 0 25px;
}

#special-offer-bottom {
background: url('../images/special-bottom-bg.gif') transparent no-repeat top left;
height: 130px;
margin: 0 0 0 1px;
padding: 0;
width: 200px;
}

#special-offer-bottom p {
text-indent: -9999em;
}

#section {
width: 185px;
background: url('../images/section-bg.gif') #fff repeat-x top left;
padding: 5px;
font-size: 1.2em;
float: right;
margin: 0 0 15px 0;
}

#section .section-heading {
font-size: 1.5em;
font-weight: bold;
color: #003d79;
}

#section ul {
list-style: none;
}

#section ul li a:link, #section ul li a:visited {
color: #337aaa;
text-decoration: none;
}

#section ul li a:hover, #section ul li a:visited:hover {
background-color: #337aaa;
color: #fff;
text-decoration: none;
}

#content-left {
width: 670px;
float: left;
margin: 0;
padding: 5px 10px 5px 0;
font-family: "Eras Medium ITC", Helvetica, Arial, sans-serif;
}

h1 {
color: #0A537C;
font-size: 2em;
font-weight: bold;
letter-spacing: .03em;
margin: 0;
padding: 0;
}

h2 {
color: #5A3775;
font-size: 1.8em;
font-weight: bold;
font-style: italic;
margin: 7px 0;
padding: 0;
}

h3 {
color: #666;
font-size: 1.4em;
font-weight: bold;
margin: 5px 0;
padding: 0;
}

#content-left p {
color: #333;
font-size: 1.3em;
line-height: 1.5em;
margin: 0 0 10px 0;
padding: 0;
text-align: justify;
}

#content-left ul {
margin: 10px 0 10px 12px;
padding: 0;
color: #333;
font-size: 1.3em;
line-height: 1.5em;
text-align: justify;
}

#content-left ol {
margin: 10px 0 10px 20px;
padding: 0;
color: #333;
font-size: 1.3em;
line-height: 1.5em;
text-align: justify;
}

#content-left li {
margin: 3px 0;
padding: 0;
}

#content-left ol ol, #content-left ul ul {
font-size: 1.1em;
}

#content-left a:link, #content-left a:visited, #content-left a:active {
color: #337aaa;
background-color: transparent;
text-decoration: underline;
padding: 0;
margin: 0;
}

#content-left a:hover, #content-left a:visited:hover {
color: #fff;
text-decoration: none;
background-color: #337aaa;
padding: 0;
margin: 0;
}

#content-left table {
border: 1px #ccc solid; 
border-collapse: collapse; 
text-align: left; 
vertical-align: top; 
margin-bottom: 10px; 
background-color: #fff; 
width: 100%;
font-size: 1.3em;
}

#content-left th {
background: #f3f2e9; 
font-weight: bold; 
padding: 4px; 
border:solid 1px #999;
vertical-align: top;
}

#content-left td {
border: 1px #999 solid;
border-collapse: collapse; 
padding: 4px;
vertical-align: top;
}

#content-left td ul, #content-left td ol {
font-size: 1em;
margin: 0 0 0 12px;
padding: 0;
}

/* Forms */
/***********************************************************************/

#content input {color: #333; padding: 2px; margin: 0 0 0 0;}
#content select, #content option {color: #333; padding: 2px; margin: 0 0 0 0;}
#content textarea {color:#333; padding: 2px; margin: 0 0 0 0; font-family: Arial, Helvetica, sans-serif;}
#content form, .box_homepage form, .box form {padding: 0; margin: 0;}
#content .activeformarea {clear: both; width:99%; margin: 5px 0 10px 0; border: solid 1px #b1bdc1; background: url("../images/form-bg.gif") repeat-x #fff;}
#content fieldset {border: none;  margin: 0; padding: 0; background: url("../images/form-bg.gif") repeat-x #fff;}
#content legend {color: #044b70; margin: 0 0 0 -8px; font-size: 1.2em; font-weight: normal; padding: 5px 4px 5px 4px; background: url("../images/form-bg.gif") repeat-x #e8eff2; border-left: solid 1px #b1bdc1;}
/*#content .standardwidth {display: block; width: 100%; float: left; text-align: left;}*/
#content label {color: #333; font-weight: bold; margin: 0 0 0 0; width: 100%; display: block;}
#content form ol {list-style: none; margin: 0; padding: 5px 0 0 0; border-top: solid 3px #87a0a8;}
#content form li {margin: 0; text-indent: 0; padding: 3px 0 3px 30px; border-bottom: dotted 1px #ccc;}
#content .activeformarea span {font-style: italic;}
#content .activeformarea span.mandatory {margin: 0; font-size: .9em; font-weight: normal; font-style: normal;}
#content .submitButtons {background-color: #dce4e7; padding: 3px 0 3px 30px; margin: 0;}
#content .submitButtons input {clear: none; color: #333;}
#content .submitButtons span.standardwidth {width: 30%; float: left; display: block;}
#content .activeformarea .help {float: right; background-color: #337aaa; border: none; color: #fff; text-align: center; margin: 3px 20px 0 0; padding: 3px;}
#content .activeformarea .help a {color: #fff;}
#content form li label.radio {font-weight: normal; padding: 3px 20px 0 2px; width: auto; display: inline;}
#content table tr td label.radio {font-weight: normal; padding: 3px 20px 0 2px; width: auto; display: inline;}

#content form li input.inline, #content form li input.radio {display: inline;}
#content form li label.inline {padding: 0 8px 0 0; width: auto; display: inline;}
#content form li label.inline-second {padding: 0 8px 0 30px; width: auto; display: inline;}

#content form ol.inline li {float: none; clear: left;}
#content form ol.inline label {display: block; width: 30%; float: left; text-align: left; margin: 3px 0 0 0; clear: left;}
#content form ol.inline input, #content form ol.inline select {display: inline;}
#content form ol.inline input.noedit {color: #888; border: solid 1px #ccc; padding: 2px; margin: 0 0 0 0;}
#content form ol.inline li label.radio {font-weight: normal; padding: 3px 20px 0 2px; width: auto; display:inline; float: none;}

/*------------------------------------------------------------------------------*/
/*	--> FOOTER DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#footer-body{
background: url('../images/footer-bg.gif') #565553 repeat-x top left;
width:100%;
margin: 0;
padding: 0;
height: 27em;
}

.footer-col {
float: left;
width: 19%;
margin: 10px 0;
padding: 0 5px;
border-right: solid 1px #666;
font-size: 1.2em;
height: 16em;
}

.footer-col h2 {
font-size: 1.1em;
margin: 0;
padding: 0;
color: #CCFF00;
text-transform: uppercase;
font-style: normal;
}

.footer-col ul {
list-style: none;
margin: 0;
padding: 0;
}

#footer-col li {
color: #fff;
margin: 0;
padding: 3px 0 0 0;
}

.footer-col li a:link, .footer-col li a:visited {
color: #fff;
text-decoration: none;
margin: 0;
padding: 0;
}

.footer-col li a:hover, .footer-col li a:visited:hover {
color: #fff;
background-color: #337aaa;
text-decoration: none;
}

.footer-col-form {
float: left;
width: 17%;
margin: 10px 0;
padding: 0 5px;
}

.footer-col-form p {
color: #fff;
font-size: 1.8em;
line-height: 1.5em;
font-weight: bold;
}

.footer-col-form p a img {
margin: 1em 0 0 0;
}

.copyright {
border-top: solid 1px #666;
width: 900px;
margin: 10px 0;
padding: 0;
color: #fff;
font-size: 1.2em;
clear: both;
}

.copyright-left {
float: left;
width: 420px;
text-align: left;
}

.copyright-right {
float: right;
width: 420px;
text-align: right;
}

.copyright-right p a:link, .copyright-right p a:visited {
color: #CCFF00;
text-decoration: underline;
}

.copyright-right p a:hover, .copyright-right p a:visited:hover {
color: #fff;
background-color: #337aaa;
text-decoration: none;
}

/* ##################### SPECIAL CLASSES */

.skipto {
text-indent: -9999em;
display: none;
}

.latest-news {
width: 668px;
background: url('../images/latest-news-bg.gif') #fff repeat-y top right;
border: solid 1px #7aa2e3;
padding: 5px;
margin: 10px 0;
clear: both;
}

.latest-news h2 {
color: #0A537C;
margin: 0 0 0 70px;
padding: 0;
}

.latest-news p {
color: #000 !important;
margin: 0 0 5px 70px !important;
font-size: 1.2em !important;
padding: 0 !important;
}
.latest-news ul{
	margin-left:95px!important;
	font-style:italic!important;
}
.donation {
width: 668px;
border: dashed 1px #7aa2e3;
padding: 5px;
margin: 10px 0;
clear: both;
height: 55px;
}

.donation p {
color: #333 !important;
margin: 5px 0 0 75px !important;
font-size: 1.4em !important;
padding: 0 !important;
}

.columnWrapper {
width: 100%;
clear: both;
}

.columnWrapperLeft {
float: left;
width: 48%;
}

.columnWrapperRight {
float: right;
width: 48%;
}

.sample {
width: 320px;
margin: 0 0 10px 0;
padding: 10px 0 0 0;
height: 30px;
border: solid 1px #ccc;
text-align: center !important;
}

.sample p a {
font-size: 1.3em;
text-decoration: underline;
margin: 0 0 0 60px !important;
}

.quote-top {
background: url('../images/quote-top.gif') no-repeat top left;
margin: 10px 0 0 0;
padding: 0;
height: 17px;
}

.quote {
background: url('../images/quote-middle.gif') repeat-y top left;
padding: 0 10px;
margin: 0;
font-size: 1.3em;
font-style: italic;
}

.quote-bottom {
background: url(../images/quote-bottom.gif) no-repeat top left;
padding: 0;
margin: 0;
height: 46px;
}

#content-left p a.top:link, #content-left p a.top:visited {
text-decoration: none;
font-size: 1.3em;
clear: both;
}

.sponsor {border: solid 1px #888; padding: 5px; width: 668px; margin: 0 0 15px 0;}