body {
	margin: 0;
	padding: 0;
	background: #f7f7f7;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A554E;
}

h1, h2, h3, h4 {
	margin: 0;
}

h1, h2 {
	font-weight: normal;
}

h1 {
	font-size: 32px;
	margin-bottom: 10px;
}

.post h2 {
	text-transform:uppercase;
}

.post h3{
	margin-bottom: 10px;
	margin-top: 10px;
}

h3 {
	font-size: 14px;
}

.post h3 {
	font-size: 14px;
	color: #00e4ff;
}

p, ol, ul, dl {
	margin-top: 0;
	text-align: justify;
}

ul {
	margin-left: 0;
	padding-left: 17px;
	list-style:none;
}

.post ul {
	list-style:square;
}

.post .strong {
	color: #555;
	font-weight:bold;
}

.post a {
	text-decoration:underline;
}

a {
	color: #888;
	text-decoration: none;
	font-weight:bold;
}

a:hover, #thirds a:hover {
	color:#00e4ff;
}

a img {
	border: 0;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	margin: 0 auto;
}

img.alignleft {
	margin: 0 10px 0 0;
}

img.alignright {
	margin: 0 0 0 10px;
}

img.border {
	border: 1px solid #E9E4D8;
}

/* Wrapper */

#wrapper {
	background: #f7f7f7;
}

.container {
	width: 1000px;
	margin: 0 auto;
}

.clearfix {
	clear: both;
}

/* Header */

#header {
	height: 181px;
	background: url(images/bg042.jpg);
}

#fadeshow1 {margin-left: 22px; width:937px; height:273px; background:url(images/slide1.jpg)}

#item {
	width:177px;
	height:250px;
	display:block;
	float:left;
	margin-right: 24px;
	}
	
#item p{
	text-align:center;
	}
/* Logo */

#logo {
	float: left;
	width: 308px;
	height: 90px;
	padding: 43px 0 0 34px;
}

#logo h1, #logo p {
	text-transform: lowercase;
	line-height: 1;
}

#logo h1 {
	padding: 137px 0 0 50px;
	letter-spacing: -2px;
	font-size: 34px;
	color: #FFFFFF;
}

#logo h1 sup {
	font-size: 18px;
	font-weight: normal;
}

#logo p {
	padding: 0 0 0 50px;
	font-size: 13px;
	color: #F8AB80;
}

#logo a {
	text-decoration: none;
}

#logo a:hover {
	text-decoration: underline;
}

#logo h1 a {
	color: #FFFFFF;
}

#logo p a {
	color: #F8AB80;
}

/* Banner */

#banner {
	float: left;
	height: 118px;
}

/* Menu */

#menu {
	float:left;
	height: 32px;
}

#menu ul {
	margin: 0 25px;
	padding: 0 0 0 0;
	list-style: none;
	line-height: 1
}

#menu li {
	float: left;
	height: 25px;
	padding: 17px 20px 0 20px;
	border-right: 1px solid #f1f1f1;
}

#menu li:hover {
	background-color:#f7f7f7;
	
}

#menu a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight:100;
	font-size: 12px;
	color: #8d8d8d;

}

#menu a:hover {
	color:#00e4ff;
}

#donateButton {
	float:left;
	margin: 5px 0 0 6px;
}

/* Index Elements */

#thirds {
	width: 972px;
	height: 240px;
	padding-left: 28px;
	margin-top: 10px;
}

#thirds a, #thirds p  {
	line-height: 14px;
	font-size: 11px;
	width: 202px;
	font-family: Verdana, Geneva, sans-serif;
	text-align:left;
	color:#444;
	text-decoration:none;
}

#one {
	width: 290px;
	height: 176px;
	background: url(images/fastFacts.jpg) no-repeat;
	padding: 60px 0 0 22px;
	float: left;
}

#two {
	width: 285px;
	height: 176px;
	background: url(images/orgDonation.jpg) no-repeat;
	padding: 60px 0 0 27px;
	float: left;
}



#three {
	width: 310px;
	height: 236px;
	background: url(images/supportIndex.jpg) no-repeat;
	float: left;
}

#three li {
	margin: 0 0 24px 90px;
}

#three ul {
	margin-top: 22px;
}

#three a:hover {
	color:#00d2ea;
}

#stagesBanner {
	height: 143px;
	margin-left: 27px;
	margin-top: 10px;
}

#stagesBanner li { float:left; margin:0;}

/* Page */

#page {
	background: url(images/bg03.jpg) repeat-y;
}

/* Content */

#content {
	float: right;
	width: 660px;
	padding: 0 60px 0 0;
}

/* Post */

.post {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.post .title, .post .date {
	padding: 0 25px;
}

.post .title {
	font-family:arial, Geneva, sans-serif;
	padding-top: 50px;
	margin-bottom: 6px;
	font-size: 18px;
	color: #2adbef;
	font-weight:bold;
	text-transform: uppercase;
}

.heading {
	color:#	ACAAA1;
	font-weight:bold;
	text-align:center;
	}

.post .title a {
	text-decoration: none;
	color: #5A5544;
}


.post .entry {
	margin: 0 25px;
	padding: 20px 0;
	border-top: 1px solid #E5E1D8;
}

.post .meta {
	height: 53px;
	background: #f7f7f7;
	border-bottom: 1px solid #f1f1f1;
}

.post p {
	line-height: 1.9;
}

.post .meta .back {
	float: left;
	margin: 18px 0 0 15px;
	padding-left: 17px;
	background: url(images/img05.gif) no-repeat left;
}

.post .meta .links {
	float: right;
	padding: 20px 25px 0 0;
}


.post .meta .more {
	padding-left: 17px;
	background: url(images/img05.gif) no-repeat 0 50%;
}


#sidepanel {
	background: #32E2E2;
	width: 200px;
	float: right;
	padding: 10px 0 10px 10px;
	color: #fff;
	}
	
	#sidepanel p {line-height:20px}
	

/* Sidebar */

#sidebar {
	float: left;
	width: 256px;
	padding: 24px 0 0 24px;
}

#sidebar ul {
	margin: 0;
	padding: 0 0 0 18px;
	list-style: none;
	line-height: normal;
	border-right: 1px solid #E5E1D8;
}

#sidebar li {
}

#sidebar li ul {
	padding: 0;
	line-height: 3.5;
	border: none;
}


#sidebar h2 {
	margin: 0 0 20px 0;
	padding: 20px 0 5px 0;
	border-bottom: 1px solid #E5E1D8;
}

/* 2 Columns */


.two-cols .col1 {
	float: left;
	width: 455px;
	margin-left: 20px;
	text-transform:uppercase
}

.two-cols .col2 {
	float: right;
	width: 310px;
	padding: 2px 0 0 0;
	font-size: 10px;
}


.two-cols a {
	color: #777;
	font-size: 11px;
}

#fadeshow1 {z-index:1; margin-left:32px;}

/* Footer */

#footer {
	padding: 25px 0 0 100px;
	width: 900px;
	font-size: 11px;
	line-height: 2.2;
}


#footer a {
	color: #999;
	text-decoration:none;
	font-weight:100;
}

#footer .bold {
	color:#777;
	font-size:12px;
	font-weight:bold;
}

#footer a:hover {
	color:#00e4ff;
}

#footer-bar {
	height: 26px;
	background: url(images/bg06.jpg) no-repeat;
	padding-top: 20px;
}

#footer-bar ul {
	padding: 0 0 0 10px;
	list-style: none;
	line-height: 1
}

#footer-bar li {
	float: left;
	height: 11px;
	padding: 2px 12px 2px 12px;
	border-right: 2px solid #a2a2a2;
	font-size: 11px;
	font-weight:bold;
	color: #888;
}


#footer-bar a:hover {
	color:#00e4ff;
}

.contactlist li {
margin-bottom: 10px;
border-top: 1px solid #E6E6E6;
padding: 4px 4px 4px;
}

/* Dropdown Menu CSS */

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
}


/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom-width: 0;
font: normal 11px Verdana;
line-height: 2.2;
z-index: 200; /* zIndex should be greater than that of shadow's below */

width: 200px; /* default width for menu */
}

.anylinkcss ul{
border: 1px solid #EFEFEF;
background: #f7f7f7;
margin: 12px 0 0 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #e3e3e3;
padding: 1px 0;
text-decoration: none;
font-weight:100;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/

}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 11px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #DEFFCA;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}


/*Bullet list Side Menu */

.arrowlistmenu{
width: 240px; /*width of menu*/
}

.arrowlistmenu .headerbar{
color: #555;
background: #f5f5f5;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin-bottom: 28px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
height: 30px;
}

.arrowlistmenu ul li a{
color: #888;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
font-weight: 100;
border-bottom: 1px solid #f4f4f4;
padding: 6px 0 6px 20px;
}

.arrowlistmenu ul li a:visited{
	color: #888;

}

.arrowlistmenu ul li a:hover, .arrowlistmenu ul li a.current { /*hover state CSS*/
background-color: #f7f7f7;
color: #00e4ff;
}

#newsfeed {
	width: 228px;
	margin-left: 12px;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #e8e8e8;

}

#newsfeed a {
	font-size: 10px;
	font-weight: 100;
}


#newsfeed p{
	text-align:left;
	font-size: 9px;
}


#story {
	padding: 10px 20px 10px 0px;
	height: 170px;
	border: 1px solid #e5e5e5;
}

#story p {line-height: 19px;}

fieldset {   
width: 360px;
border:none;
font-size: 11px;
}

fieldset, select {font-size: 11px;}

legend {    
font-weight: bold;
font-size: 14px;
color: #76FAF7;
margin-bottom: 12px;
}
fieldset ol {  
list-style: none;
}
fieldset li {  
padding-bottom: 2em;
}
fieldset.submit {  
border-style: none;
}

input {
border:1px solid #ccc;
height: 20px;
padding-top: 4px;
width: 180px;
}

label {  
float: left;  
width: 7em;  
margin-right: 1em;  
text-align: right;
}

input.longtext {height: 100px;}

input.submit {width: 120px; height: 25px; font-weight:bold; background-color: #76FAF7; color:white; padding-bottom: 4px; margin-left:150px;}
	
select {border:1px solid #ccc}

.tableA table
{border-collapse:collapse;}

.tableA td {border:1px solid #ddd}

.tableA table
{width:100%;}

.tableA th
{height:50px;} 

.tableA td
{padding:5px;}

.tableA table
{border:none}

.second td {background-color: #e6e5e5;}

.heading td {background-color: #6deaf4; text-align:center;}

#close {position:absolute;top:0}

/* Div Lightbox */

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 250%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: absolute;
	top: 5%;
	left: 25%;
	width: 50%;
	height: 80%;
	padding: 15px;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

#storyContent {position:relative;height:85%;overflow: auto; padding: 10px; border: 1px solid #d1d1d1;}
#storyContent p {width:auto}

#close {position:absolute; right:0px;}