* {
margin: 0;
padding: 0;
}

* body {
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
color: #565656;
background: #555555;
z-index: 0;
}

#page {
	width: 990px;	
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
}

a {
color: #9E9E9E;
}

a:hover {
color: #FF7200;
}

#contents {
	width: 920px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	margin-left: 20px;
	display: block;
	background: #ffffff;
	z-index: 0;
}

#contents h2 {
font-style: italic;
color: #6C6C6C;
margin-left: 20px;
padding-top:15px;
}

#contents p {
margin-top: 10px;
margin-left: 20px;
}

#contents dl {
margin-top: 10px;
margin-left: 20px;
}

#contents ul li {
list-style: none;
padding-left:20px;
}

#donate {
position: absolute;
margin-top: -130px;
margin-left: 420px; 
width: 340px;
height: 68px;
z-index: 5;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
}

span.red {
color: #FF0000;
}

fieldset.white2 {
padding: 10px;
height: 96%;
border:3px solid #FFFFFF;
background: #222;
}

#footer {
padding-top: 10px;
background: url(images/footer_background.png) no-repeat #E4E4E4;
padding: 15px 0px 20px 0px;
width: 990px;
height: 40px;
font-weight: bold;
z-index: 1000;
}

#footer2 {
padding: 10px 0px 20px 0px;
font-weight: bold;
color: #FFFFFF;
text-align:center;
z-index: 1001;
}

#footer a {
color: #df8d05;
}

#footerlinks
{
float: right;
}

#footerlinks a
{
color: #458715;
display: block;
padding-right: 5px;
padding-left: 5px;
/* float: left; */
border-right: 1px solid #424242;
}

#footerlinks a:hover
{
text-decoration: none;
}

#footerlinks a.lastlink
{
border: 0;
}

#logo {
background-image: url(images/logo.png);
background-repeat: no-repeat;
height: 137px;
z-index: 1;
}

#logo2 {
background-image: url("images/logo2_300.png");
background-repeat: no-repeat;
height: 300px;
width: 300px;
}

#splash1 {
background: #000000;
background-size:700px 420px;
background-repeat: no-repeat;
margin-left: -19px;
margin-right: auto;
height: 399px;
width: 959px;
padding: 0;
}

#hypergrid1 {
background: #FFFFFF;
background-size:700px 420px;
background-repeat: no-repeat;
margin-left: -19px;
margin-right: auto;
height: 1530px;
width: 959px;
padding: 0;
}

#hypergrid2
{
background: #DDD;
top: -128px;
left: 138px;
width: 528px;
height: 118px;
color: #000;
text-align: left;
position:relative;
font-family: Arial, Verdana, sans-serif;
font-size:16px;
padding: 5px;
}

#hypergridtile
{
top: 0px;
left: -275px;
width: 128px;
height: 128px;
text-align: left;
position:relative;
}

#hg1 {
top: 50px;
width: 340px;
position:relative;
color: #FFF;
font-family: Arial, Verdana, sans-serif;
font-size:12px;
font-weight:bold;
text-align: left;
}

#twitter1 {
top: -410px;
left: 705px;
width: 250px;
position: relative;
z-index: 50;
}

#sopa {
background: #000000;
background-repeat: no-repeat;
margin-left: -19px;
margin-right: auto;
height: 399px;
width: 959px;
padding: 0;
}

#hippo1 {
background-image: url("images/hippo.png");
background-repeat: no-repeat;
height: 132px;
width: 184px;
}

#kokua1 {
background-image: url("images/kokua_instructions_01.png");
background-repeat: no-repeat;
height: 516px;
width: 800px;
margin-right: auto;
margin-left: auto;
}

#kokua2 {
background-image: url("images/kokua_instructions_02.png");
background-repeat: no-repeat;
height: 514px;
width: 800px;
margin-right: auto;
margin-left: auto;
}

#kokua3 {
background-image: url("images/kokua_instructions_03.png");
background-repeat: no-repeat;
height: 514px;
width: 800px;
margin-right: auto;
margin-left: auto;
}

#imprudence3 {
background-image: url("images/imprudence_03.png");
background-repeat: no-repeat;
height: 424px;
width: 620px;
}

h1 
{
margin: 0; 
padding: 0;
position: relative;
width: 990px;
height: 137px;
overflow: hidden;
clear: both;
text-align: center;
color: #2160A1;
}

h1 span 
{
display: block;
position: absolute; 
left: 0; 
top: 0; 
z-index: 1;
width: 990px;
height: 137px;
margin: 0; 
padding: 0;
background-image: url(images/logo.png);
background-position: top left;
background-repeat: no-repeat;

}

div.stats
{
width: 975px;
height: 140px;
position:absolute; 
z-index: 2;
font-family: Arial;
font-size: 13px;
text-align: right;
color: #FFFFFF;
line-height: 1.35;
}

h1 span a 
{
display: block;
width: 990px;
height: 137px;
}

#border {
background-image: url(images/border.png);
background-repeat: repeat-y;
}

fieldset {
margin: 10px;
padding: 10px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

fieldset.purple {
margin: 10px;
padding: 10px;
border:3px solid #B124C6;
-moz-box-shadow: 5px 5px 5px #EDECEC;
-webkit-box-shadow: 5px 5px 5px #EDECEC;
box-shadow: 5px 5px 5px #EDECEC;
}

fieldset.pink {
margin: 10px;
padding: 10px;
border:3px solid #DB7093;
-moz-box-shadow: 5px 5px 5px #EDECEC;
-webkit-box-shadow: 5px 5px 5px #EDECEC;
box-shadow: 5px 5px 5px #EDECEC;
}

fieldset.orange {
margin: 10px;
padding: 10px;
border:3px solid #FE9F04;
-moz-box-shadow: 5px 5px 5px #EDECEC;
-webkit-box-shadow: 5px 5px 5px #EDECEC;
box-shadow: 5px 5px 5px #EDECEC;
}

fieldset.green {
margin: 10px;
padding: 10px;
border:3px solid #24C68F;
-moz-box-shadow: 5px 5px 5px #EDECEC;
-webkit-box-shadow: 5px 5px 5px #EDECEC;
box-shadow: 5px 5px 5px #EDECEC;
}

fieldset.red {
margin: 10px;
padding: 10px;
border:3px solid #FF0066;
-moz-box-shadow: 5px 5px 5px #EDECEC;
-webkit-box-shadow: 5px 5px 5px #EDECEC;
box-shadow: 5px 5px 5px #EDECEC;
}

fieldset.turquoise {
margin: 10px;
padding: 10px;
border:3px solid #006666;
-moz-box-shadow: 5px 5px 5px #EDECEC;
-webkit-box-shadow: 5px 5px 5px #EDECEC;
box-shadow: 5px 5px 5px #EDECEC;
}

fieldset.blue {
margin: 10px;
padding: 10px;
border:3px solid #4C9ADC;
-moz-box-shadow: 5px 5px 5px #EDECEC;
-webkit-box-shadow: 5px 5px 5px #EDECEC;
box-shadow: 5px 5px 5px #EDECEC;
}

fieldset.darkblue {
margin: 10px;
padding: 10px;
border:3px solid #236EAD;
-moz-box-shadow: 5px 5px 5px #EDECEC;
-webkit-box-shadow: 5px 5px 5px #EDECEC;
box-shadow: 5px 5px 5px #EDECEC;
}

fieldset.grey {
margin: 10px;
padding: 10px;
border:3px solid #C0C0C0;
-moz-box-shadow: 5px 5px 5px #EDECEC;
-webkit-box-shadow: 5px 5px 5px #EDECEC;
box-shadow: 5px 5px 5px #EDECEC;
}

fieldset.white {
margin: 10px;
padding: 10px;
border:3px solid #FFFFFF;
-moz-box-shadow: 5px 5px 5px #EDECEC;
-webkit-box-shadow: 5px 5px 5px #EDECEC;
box-shadow: 5px 5px 5px #EDECEC;
}

form dd {
padding-bottom: 10px;
}

table {
background-color: #ffffff;
width: 100%;
}

table.donate {
background-color: #ffffff;
width: 550px;
border: 0px solid #ffffff;
}

th {
 background-color: #f8a20d;
 color: #000000;
 font-weight: bold;
 padding: 6px;
 text-align: left;
}

td {
 background-color: #ffffff;
 border: 1px solid #efefef;
 padding: 2px;
}

td.blank {
 background-color: #ffffff;
 border: 1px solid #ffffff;
 padding: 0px;
}

.blank td{
 background-color: #ffffff;
 border: 1px solid #ffffff;
 padding: 0px;
}

.trOdd td {
 background-color: #ffffff;
}
.trEven td {
 background-color: #eeeeee;
} 

/* menu styles */

#topmenu
{
	width: 990px;
	z-index: 14999;
	margin-left: auto;
	margin-right: auto;
}

#user_menu
{
	margin-top: 40px;
	z-index: 1;
}

#admin_menu
{
	z-index: 1;
}

menubg 
{
	background: url(images/menubg.png) white;
	background-repeat: no-repeat;
	width: 990px;
	height: 27px;
	display: block;    
	text-align: center;  
	font-weight: bold;
	z-index: 14999;
}

#menu
{	
	margin: 0;
	margin-left: 16px;
	padding: 0;
	text-align: center; 
	z-index: 14999;
}

#menu li
{	
	display: block;
	margin: 0px;   
	float: left;
	list-style: none;
	font: 12px Tahoma, Arial;
	text-align:center;
	z-index: 14999;

}

#menu li a
{	
	display: block;
	background: #7d7d7d;
	padding-top:4px;
	text-decoration: none;
	border-right: 1px solid black;
	color: #FFFFFF;
	white-space: nowrap;
	text-align:center;
	width: 136px;
	height: 20px;
	z-index: 14999;
}

#menu li a:hover
{	
	background: #f8a20d;
	width: 136px;
	z-index: 14999;

}
	
#menu li ul
{	
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid black;
	width: 136px;
	z-index: 14999;

}

#menu li ul li
{	
	float: none;
	display: inline;
	z-index: 14999;

}
		
#menu li ul li a
{	
	width: auto;
	background: #bcbcbc;
	color: #24313C;
	z-index: 14999;

}
			
#menu li ul li a:hover
{	
	background: #f8a20d;
	z-index: 14999;

}

#pagination {
   align: center;
   text-align: center;
}

#pagination a, #pagination strong {
   align: center;
   text-align: center;
   background: #e3e3e3;
   padding: 4px 7px;
   text-decoration: none;
   border: 1px solid #cac9c9;
   color: #292929;
   font-size: 13px;
}

#pagination strong, #pagination a:hover {
   align: center;
   text-align: center;
   font-weight: normal;
   background: #cac9c9;
}

#regionlist1 {
 align: center;
 background-color: #555555;
 width: 100%;	
 padding: 0px;
 margin: 0px;
 margin-left: auto;
 margin-right: auto;
}

div.regionlist a {
color: #FF9933;
}