html,
body{
   margin:0;
   padding:0;
   height:100%;
}
body{
	font-family: Arial,Helvetica,Verdana,Sans-Serif;
	font-size: 9pt;
	color: #000;
	width: 100%;
	background-color: #898c90;
    background-image: url("images/bkg.gif");
	background-repeat: repeat-y;
    background-position: center;
}
img{
   border: 0px;
}
textarea{
   overflow: auto;
}
td, th, span{
	font-family: Arial,Helvetica,Verdana,Sans-Serif;
	font-size: 9pt;
	color: #444444;
	text-align: left;
}
li{
	font-family: Arial,Helvetica,Verdana,Sans-Serif;
	font-size: 9pt;
	color: #444444;
	margin-bottom: 4px;
}
a, a:link, a:visited{
	font-family: Arial,Helvetica,Verdana,Sans-Serif;
	font-weight: normal;
	color: #a31a1a;
	font-size: 9pt;
	text-decoration: underline;
}
a:active, a:hover{
	color: red;
	text-decoration: underline;
}
#container{
   min-height: 100%;
   position: relative;
}
#container .main{
   background-color: #FFF;
   height: 100%;
   width: 770px;
   margin: auto;
   text-align: left;
}
#container div.header{
   margin-top: 5px;
   text-align: center;
}
#container div.header div.left{
	float: left;
	padding: 25px 0px 11px 0px;
}
#container div.header div.right{
	float: right;
    text-align: right;
    padding: 0px 0px 0px 0px;
}
/*-- TOPNAV --*/
#container div.header div.band{
   width: 760px;
   height: 31px;
   display: inline-block;
   background-image: url('images/topnav_bkg.gif');
   background-repeat: repeat-x;
   border-top:1px solid #FFFFFF;
   border-bottom:1px solid #FFFFFF;
}
#container div.header div.topnav{
   margin: auto;
   display: inline-block;
   clear: both;
}
#container div.header div.topnav a{
   margin: 0px;
   padding: 0px;
}
div.divider{
	height: 1px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px dotted #CCC;
}
#container div.content{
	text-align: left;
	padding: 0px 20px 70px 20px; /* Height of the footer */
}
#gradient{
	height: 100%;
}
#container div.content p.wide{
	width: 600px;
}
.clear{
	clear: both;
}
.copy{
	width: 450px;
}

.controls img{
	float: left;
	margin-right: 4px;
	cursor: hand;
	cursor: pointer;
}
.controls div{
	float: left;
	margin-left: 4px;
	margin-top: 3px;
}

/*-- HOMPAGE: Slideshow --*/
#container div.homepage{
	background-color: #CCCCCC;
	height: 300px;	
}
#container div.homepage div.slideshow{
	display: none;
}
#container div.homepage div.slideshow div{
	color: #FFFFFF ! important;
	text-align: left;
	width: 955px;
	height: 300px;
	overflow: hidden;
}
#container div.homepage div.slideshow a:link,
#container div.homepage div.slideshow a:visited{
	color: #FFFFFF ! important;
	text-decoration: underline;
}
#container div.homepage div.slideshow a:hover,
#container div.homepage div.slideshow a:active{
	color: #CC6666 ! important;
	text-decoration: underline;
}

/*-- FOOTER --*/
#footer{
   width: 100%;
   height: 26px; /* Height of the footer */	
   position: absolute;
   bottom: 0;
   font-size: 8pt ! important;
   color: #4d4d4d ! important;
   text-align: center;
   padding: 0px;
}
#footer .links{
   margin: auto;
   height: 26px;
   padding-top: 7px;
   width: 760px;
   border-top: 0px solid #000;
   background-image: url("images/footer.gif");
   background-repeat: repeat-x;
   background-color: #FFF;
}
#footer ul, #footer ol{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#footer ul li, #footer ol li{
	padding: 0px 5px 0px 5px;
	border-left: 1px solid #444;
	font-size: 8pt ! important;
	color: #4d4d4d;
	float: left;
}
#footer ul li:first-child,#footer ol li:first-child {
	border-left: 0px solid #4d4d4d;
}
#footer ul li a, #footer ol li a{
	font-family: Arial,Helvetica,Verdana,Sans-Serif;
	font-weight: normal;
	color: #4d4d4d;
	font-size: 8pt;
}
#footer ul li a:link, #footer ul li a:visited, #footer ol li a:link, #footer ol li a:visited{
	color: #4d4d4d;
	text-decoration: none;
}
#footer ul li a:active, #footer ul li a:hover, #footer ol li a:active, #footer ol li a:hover{
	color: #4d4d4d;
	text-decoration: underline;
}

.menu{
	position: absolute;
	visibility: hidden;
	background-color: #003466;
	width: 125px;
	padding: 5px;
	z-index: 11;
	border: 1px solid #004681;
	text-align: left;
}
.menuLinks{
	color: #feb43b;
	font-weight: bold;
	font-family: Arial,Helvetica,Verdana,Sans-Serif;
	font-size: 9pt;
	border-bottom: 0px solid #FFFFFF;
	background: transparent;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	cursor: hand;
}
.menuLinksOver{
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial,Helvetica,Verdana,Sans-Serif;
	font-size: 9pt;
	border-bottom: 0px solid #FFFFFF;
	background: #004681;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	cursor: hand;
}

/*-- FORMS --*/
.formAttr{
	white-space: nowrap;
	color: #444;
	font-weight: bold;
	font-family: Arial,Helvetica,Verdana,Sans-Serif;
	font-size: 8pt;
}
.formRequired{
	white-space: nowrap;
	color: #a31a1a;
	font-family: Arial,Helvetica,Verdana,Sans-Serif;
	font-size: 8pt;
}
.formField{
	color: #444;
	padding: 2px;
	font-size: 8pt;
	background: #EEEEEE;
	width: 98%;
	border: 1px solid #808080;
}
.formButton{
	font-family: Arial,Helvetica,Verdana,Sans-Serif;
	font-size: 9pt;
	cursor: hand;
	cursor: pointer;
}
textarea{
	padding: 2px;
	font-size: 8pt;
	font-family: Arial,Helvetica,Verdana,Sans-Serif;
	color: #444;
	background: #EEEEEE;
	width: 99%;
	border: 1px solid #808080;
}
select{
	font-family: Arial,Helvetica,Verdana,Sans-Serif;
	font-size: 9pt;
	cursor: hand;
	cursor: pointer;
}
.red {color:#ff0000;}
.icon_warning {background:transparent url("images/exclamation.png") left no-repeat;padding:4px;padding-left:20px;}
form#form_paypal input {padding:3px;border:1px solid #ddd;background:#fefefe;}
form#form_paypal input#input_amount {width:50px;}
form#form_paypal .submit {cursor:pointer;border-style:outset;}
#form{
   margin: 0px;
   padding: 0px;
}
#form p{
   clear: left;
   margin: 0px;
   padding: 0px;
}
#form input,
#form label,
#form textarea{
   float: left;
   width: 130px;
   margin-bottom: 10px;
}
#form label{
   font-weight: bold;
   color: #444;
   padding-right: 10px;
}
#form input{
   width: 300px;
}
#form select{
   float: left;
   margin-bottom: 10px;
}
#form textarea{
   height: 200px;
   width: 450px;
}
#form .radioOpt,
#form .checkOpt{
   float: left;
}
#form .checkOpt{
   width: 500px;
   padding-left: 5px;
}
#form .radioOpt{
   padding-right: 5px;
   padding-left: 10px;
   width:  auto;
}
#form input.radioOpt{
   width: auto;
}
#form input.submit{
   width: auto;
   float: none;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   text-align: center;
}
#form br{
   clear: left;
}
#form .address{
   width: 295px;
}
#form .city{
   width: 160px;
}
#form .state{
   width: 40px;
   margin-left: 10px;
}
#form .zip{
   width: 60px;
   margin-left: 10px;
}
.required{
  color: red;
}
.boxes{
   float: right;
}
.box{
   background-image: url("../images/box_middle.gif");
   background-repeat: repeat-y;
}
.box .pad{
   padding: 0px 15px 0px 15px;
}
.box h1{
   display: block;
   width: 230px;
   height: 50px;
   padding: 15px 15px 0px 15px;
   color: #FFF;
   background-repeat: no-repeat;
}
.newsletter h1{
   background-image: url("../images/box_top_newsletter.gif");
}
.news h1{
   background-image: url("../images/box_top_news.gif");
}
.gallery h1{
   background-image: url("../images/box_top_gallery.gif");
}
.newsletter ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.newsletter ul li{
    padding-bottom: 5px;
}
.newsletter ul li label{
    diplay: block;
    float: left;
    width: 70px;
}
.newsletter ul li input.form-field{
    width: 150px;
}

/*-- SUPPORTERS --*/
div.supporters{
   text-align: center;
   width: 390px;
}
.box div.supporters ol{
   margin: 0px;
   padding: 0px;
   list-style: none;
}
.box div.supporters ol li{
   clear: both;
   text-align: left;
   border-bottom: 1px dotted #CCC;
}
.box div.supporters ol li:first-child{
   border-top: 1px dotted #CCC;
}
.box div.supporters ol li .name{
   padding-top: 7px;
   padding-bottom: 5px;
   width: 180px;
   display: block;
   float: left;
   border: 0px solid red;
}
.box div.supporters ol li .number{
   padding-top: 7px;
   padding-bottom: 5px;
   width: 20px;
   display: block;
   float: left;
   border: 0px solid red;
}
.box div.supporters ol li .date{
   padding-top: 7px;
   padding-bottom: 5px;
   width: 70px;
   text-align: left;
   display: block;
   float: right;
   border: 0px solid red;
   white-space: nowrap;
}

/*-- SUPPORT --*/
ol.supporters{
   width: 500px;
   margin: 0px;
   padding: 0px;
   list-style: none;
   border: 0px solid red;
   float: left;
}
ol.supporters li{
   clear: both;
   text-align: left;
   border-bottom: 1px dotted #CCC;
}
ol.supporters li:first-child{
   xborder-top: 1px dotted #CCC;
}
ol.supporters li .name{
   padding-top: 7px;
   padding-bottom: 5px;
   width: 180px;
   display: block;
   float: left;
   border: 0px solid red;
}
ol.supporters li .number{
   padding-top: 7px;
   padding-bottom: 5px;
   width: 20px;
   display: block;
   float: left;
   border: 0px solid red;
}
ol.supporters li .date{
   padding-top: 7px;
   padding-bottom: 5px;
   width: 70px;
   text-align: left;
   display: block;
   float: right;
   border: 0px solid red;
   white-space: nowrap;
}

/*-- NEWS --*/
.news{
   text-align: center;
   width: 260px;
}
.news .pad{
   padding: 0px 20px 0px 20px;
   text-align: center;
   height: 150px;
   overflow: auto;
}
.news .articles{
   display: none;
}
.news .article{
   text-align: left;
   padding: 0px 0px 7px 0px;
}
.news .more{
   margin-top: 7px;
   text-align: left;
}
.news .navigation{
   padding: 5px 10px 5px 10px;
}
.news .navigation a{
   margin: 0px 2px 0px 2px;
}
.news .navigation a,
.news .navigation a:link,
.news .navigation a:visited,
.news .navigation a:active,
.news .navigation a:hover{
   color: #425285;
   text-decoration: none;
}
.newsOn,
a.newsOn,
a.newsOn:link,
a.newsOn:visited,
a.newsOn:hover,
a.newsOn:active{
   font-weight: bold;
   text-decoration: underline ! important;
}

/*-- GALLERY --*/
.gallery{
   text-align: center;
   width: 260px;
}
.gallery .pad{
   padding: 0px 20px 0px 20px;
}
.gallery .photos{
   display: none;
   height: 225px;
}
.gallery .photo{
   text-align: center;
   padding: 0px 0px 7px 0px;
}
.gallery .navigation{
   padding: 5px 10px 5px 10px;
}
.gallery .navigation a{
   margin: 0px 2px 0px 2px;
}
.gallery .navigation a,
.gallery .navigation a:link,
.gallery .navigation a:visited,
.gallery .navigation a:active,
.gallery .navigation a:hover{
   color: #425285;
   text-decoration: none;
}
.galleryOn,
a.galleryOn,
a.galleryOn:link,
a.galleryOn:visited,
a.galleryOn:hover,
a.galleryOn:active{
   font-weight: bold;
   text-decoration: underline ! important;
}
.home{
   padding-left: 0px ! important;
   padding-right: 0px ! important;
   padding-top: 0px ! important;
   background-image: url("../images/home_bkg.jpg");
   background-repeat: repeat-x;
}
.home .pad{
   text-align: left;
   padding: 20px 20px 0px 20px;
}
.topnav img{
    margin: 0px;
    padding: 0px;
    display: block;
    float: left;
}