﻿div.container {

	width: 760px; height: 521px;

	border: solid 1px #000000;

	padding: 0px; margin: 10px auto 0px auto;

	background-color: rgb(164,198,232);

	position: relative; z-index: 1;

	overflow: visible; }

	

div.header{ width: 760px; height: 445px;

	position: relative; top: 0px;

	float:left; z-index: 2;

	padding: 0px; margin: 0px;

	border: 0px; }

	

img#logo {

	position: relative; top: 15px; left: 15px;

	float: left; 

	width: 396px; height: 168px; }



ul#topnav {

	list-style: none;

	position: relative; top: 0px; right: 0px;

	float: right; z-index: 3;

	margin: 0px; border: 0px; padding: 0px 0px 20px 0px;

	width: 44%; height: 446px;

	background-color:#000000; color: #FFFFFF; }



ul#topnav li {

	display: inline; float: left;

	margin: 20px 10px 0px 15px; padding: 0px;

	width: 84px; height: 122px;

	overflow: hidden; }

	

ul#topnav li a {

	display: block; float:left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: medium; color:#FFFFFF;

	position:relative;

	width: 84px; height: 122px;

	overflow: hidden; }



ul#topnav li a span#about {

	background: url(../images/aboutoff.gif) no-repeat;

	position:absolute; 

	width: 84px; height: 122px;

	overflow: hidden; }



ul#topnav li a:hover span#about {

	background:url(../images/abouton.gif) no-repeat;

	position:absolute;

	overflow:hidden;

	width: 84px; height: 122px; }



ul#topnav li a span#prog {

	background:url(../images/progoff.gif) no-repeat;

	position:absolute; 

	overflow:hidden;

	width:84px; height:122px; }



ul#topnav li a:hover span#prog{

	background:url(../images/progon.gif) no-repeat;

	position:absolute;

	overflow: hidden;

	width:84px; height:122px; }



ul#topnav li a span#stars{

	background:url(../images/starsoff.gif) no-repeat;

	width:84px; height:122px;

	position:absolute;

	overflow: hidden; }



ul#topnav li a:hover span#stars {

	background:url(../images/starson.gif) no-repeat;

	width:84px; height:122px;

	position:absolute;

	overflow: hidden; }

	

ul#topnav li a span#news{

	background:url(../images/newsoff.gif) no-repeat;

	width:84px; height:122px;

	position:absolute;

	overflow: hidden; }



ul#topnav li a:hover span#news {

	background:url(../images/newson.gif) no-repeat;

	position: absolute;

	width:84px;	height:122px;

	overflow: hidden; }



ul#topnav li a span#supporters{

	background:url(../images/supportersoff.gif) no-repeat;

	width:84px; height:122px;

	position:absolute;

	overflow: hidden; }



ul#topnav li a:hover span#supporters {

	background:url(../images/supporterson.gif) no-repeat;

	position: absolute;

	width:84px; height:122px;

	overflow: hidden; }

	

ul#topnav li a span#contacts {

	background:url(../images/contactsoff.gif) no-repeat;

	width:84px; height:122px;

	position:absolute; }



ul#topnav li a:hover span#contacts {

	background:url(../images/contactson.gif) no-repeat;

	position: absolute;

	width:84px; height:122px; }

	

ul#topnav li a span#getinvolved{

	background:url(../images/getinvolvedoff.gif) no-repeat;

	width:84px; height:122px;

	position:absolute; }



ul#topnav li a:hover span#getinvolved {

	background:url(../images/getinvolvedon.gif) no-repeat;

	position: absolute;

	width:84px; height:122px; }



#movie {

	float:left; width: 349px; height: 237px;

	position: relative; top: 8px; left:25px;

	margin: 0px; padding: 0px; border: 0px; z-index: 4; }
	
	
#movie2 {

	float:left; width: 349px; height: 32px;

	position: relative; top: 6px; left:25px;

	margin: 0px; padding: 0px; border: 0px; z-index: 4; }



div.leftside {

	width: 275px; height: 190px;

	position: absolute; top: 305px; right: -76px;

	float:right; clear: none; 

	display: block; z-index: 100;

	padding: 0px; margin: 0px; }



#donation {

	width: 109px; height: 47px;

	margin: 50px 0px 0px 0px; padding: 0px; 

	float: left; border: 0px; }

	

form {

	float: left;

	width: 100px; height:165px;

	margin: 0px 0px 0px 30px;

	background-color: rgb(164,198,232);

	border: solid 2px #CCCCCC;

	padding: 10px; }



p.form { margin: 8px 5px 8px 5px; }



input.signup {

	margin: 2px 0px 5px 0px; 

	border: 1px solid #999999; }

	

input.submit {

	background-color: rgb(67,110,146);

	color: #FFFFFF;

	margin: 3px 0px 2px 8px;

	border-color: rgb(161,182,200);

	font: 11px Verdana, Arial, Helvetica, sans-serif}



body {

	width: 100%;

	font-family: Arial, Helvetica, sans-serif;

	font-size: x-small;

	margin: 0px;

	background-color: #336699; }



table#footer{

	position:relative; float: left;

	clear:both; z-index: 5; 

	margin: 0px; padding: 0px;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	width: 760px; height: 76px;

	background-color: #336699; }

			

td#address {

	font-size:10px;

	padding: 10px;

	text-align: left;

	width: 30%; }

	

td#fmain {

	visibility: visible;

	font-size:14px;

	text-align:left;

	vertical-align: middle;

	width:70%;}



#findent {

	margin:0px 0px 0px 110px 

}

	

#hidden{ display:none; }



a:link {color:#FFFFFF;}

a:visited {color:#CCCCCC;}

a:hover {font-weight:500;}

a:active {color: #CCCCCC;}

