/* CSS Document */
	
/************* BODY TEXT STYLES **************/
/******************************************/
	
	body{
		font-family: Arial,sans-serif;
		color: #000000;
		line-height: 1.3em;	
		margin: 0px;
		padding: 0px;
	}
	
	.body{
		font-size: 80%;
		line-height: 1.3em;
	}
	
	#dotted_greyline{
	border-bottom: 1px dotted #666666;	
	}
	
/************* LIST TEXT STYLE - BLUE CIRCLES **************/
/**********************************************************/
	
	ul {
		list-style-type: circle;
		color: #005FA9;
	}
	
	.small{
		text-align: left;
		font-size: 60%;
		color: #666666;
	}
	
	.white{
		font-size: 65%;
		color: #FFFFFF;
	}
	
/************* HEADER STYLES **************/
/******************************************/
	
	h1 {
		font: Verdana, Arial, Helvetica, sans-serif;
		font-size: 110%;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}
	
	h2 {
		font: Verdana, Arial, Helvetica, sans-serif;
		font-size: 160%;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}
	
/************* OUTSIDE CONTAINER **************/
/**********************************************/
	
	#wrapper{
		position: relative;
		top: 10px;
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		background-repeat: repeat-y;
	}
	
	#masthead {
		position: center;
		top: 2em;
		left: 1em;
		width: 800px;
		height: 115px;
		background-color: #FFFFFF;
		background-repeat:no-repeat;
	}
	
	#content {
		position:relative;
		margin: 0px 0px 0px 0px;
		padding:5px 0px 10px 0px;
		background-color: #fff;
		height: auto;
	}
	
	#content2 {
		position:relative;
		margin: 0px 0px 0px 0px;
		padding:10px 0px 10px 0px;
		background-color: #fff;
		height: auto;
	}
	
	
	#leftimagehomepage {
	
		float: left;
		height: 398px;
		width: 255px; 
		margin-right:0px;
		margin-bottom:0px;
		text-align: left;
	
	}
	
	#rightsliderhome  {
	
		float: right;
		text-align: center;
		height: 380px;
		width: 530px; 
		padding: 0px 0px 0px 0px;
		margin-left: 0px;
		margin-bottom:0px;
		
		}
	

	#floatright{
	border-bottom-width: 20px;
	background-color:#eeeeee;
	padding: 0px 0px 0px 0px;
	width: 530px;
	height: 370px;
	float:right;
	}
	
	
		#floatleft{
	border-bottom-width: 20px;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	width: 255px;
	height: 398px;
	float:left;
	}
	

	
/************* SPACER ABOVE FOOTER STYLE ***************/
/******************************************/
	
	#spacer {
		clear: both;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		height: 5px;
		background-color: #FFFFFF;
		text-align: center;
	}
	
	#copyright {
		clear: both;
		padding: 5px;
		margin: 0px 0px 0px 0px;
		height: 15px;
		background-color: #FFFFFF;
		text-align: left;
	}
	
/************* FOOTER STYLE ***************/
/******************************************/
	
	#footer {
		clear: both;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		background-image: url(/images/footer_background1.gif);
		height: 27px;		
		text-align: left;
	}
	
	#fnl {
		float: left;
		top: 0px;
		left:0px;
	}
	
	#fnr {
		float: right;
		top: 0px;
		right:0px;
	}
	
	.footer {
		colour: FFFFFF;
	}
	
	#footer a {
		color: #FFFFFF;
		background-color: transparent;
	}
	
	#footer a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}
	
/************* BREADCRUMB LINK STYLES GREY ***************/
/*********************************************************/
	
	#breadCrumb{
		padding: 5px 0px 5px 220px;
		font: Verdana,sans-serif;
		font-size: 70%;
		color: #AAAAAA;
	}
	
	#breadCrumb a{
		color: #AAAAAA;
	}
	
	#breadCrumb a:hover{
		color: #AAAAAA;
		text-decoration: underline;
	}
	
/************* TEXT LINK STYLES BLUE ***************/
/***************************************************/
	.whitelink{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	font-style: normal;
	line-height: normal;
	}
	
	.whitelink:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	font-style: normal;
	}
	
	
	a:link, a:visited{
		color: #005FA9;
		text-decoration: none;
	}
	
	a:hover{
		text-decoration: underline;
	}
	
/************* IMAGE JUSTIFICATION ***************/
/*************************************************/

	.image-left {
		float:left;
		margin-right:12px;
		border: 1px solid #000;
	}
	
	.image-right {
		float:right;
		margin-left:12px;
		border: 1px solid #000;
	}

/************* IMAGE LANDSCAPE WITH CAPTION  ***************/
	
	#image_holder{
		float:none;
		width: 180px;
		height: auto; 
		margin-right:10px;
		margin-bottom:5px;
		background-color: #F0F0F0;
		border: 1px solid #CCC;
	}
	
	#caption {
		text-align: left;
		width: 180px;
		padding: 3px 5px 5px 5px;
	}
	
	.image_text {
	font-family: Arial,sans-serif;
	text-align: left;
	line-height: 1.3em;
	font-weight: normal;
	font-size: 75%;
	color: #333333;
	}	
	
	.image_header {
	font-family: Arial,sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: 85%;
	color: #333333;
	}
	
	
	
/***************** Component Divs **********************/
/****************************************************/
	
	#siteName{
		margin: 0px;
		padding: 16px 0px 8px 0px;
		color: #000000;
		font-weight: normal;
		background-image: url(/images/top_banner.gif);
		background-repeat:no-repeat;
	}
	
/************* Main Link Styles ****************/
	
	#globalNav{
		position: relative;
		width: 800px;
		min-width: 760px;
		height: 32px;
		padding: 0px;
		margin: 0px;
		background-image: url(/images/glbnav_background1.gif);
	}
.donation {
	position: relative;
	height: auto;
	width: auto;
	top: -3px;
	left: 15px;
}
	
	#globalNav img{
		margin-bottom: -10px;
	}
	
	#gnl {
		position: absolute;
		top: 0px;
		left:0px;
	}
	
	#gnr {
		position: absolute;
		top: 0px;
		right:0px;
	}
	
	#globalLink{
		position: absolute;
		top: 10px;
		height: 22px;
		min-width: 1200px;
		padding: 0px;
		margin: 0px;
		left: 10px;
		z-index: 100;
		width: 1200px;
	}
	
	a.glink, a.glink:visited{
		font-size: 69%;
		color: #FFFFFF;
		font-weight: bold;
		margin: 0px;
		padding: 2px 5px 4px 5px;
		border-right: 1px solid #FFFFFF;
	}
	
	a.glink:hover{
		text-decoration: none;
	}
	
	.skipLinks {display: none;}
	
	a.redlink, a.redlink:visited{
		font-size: 69%;
		color: #CC0000;
		font-weight: bold;
		margin: 0px;
		padding: 2px 5px 4px 5px;
	}
	a.redlink:hover{
		text-decoration: none;
	}
	
/************ Bottom Link Styles **************/
	
	.subglobalNav{
		position: absolute;
		top: 84px;
		left: 0px;
		/*width: 100%;*/
		min-width: 1200px;
		height: 20px;
		padding: 0px 0px 0px 10px;
		visibility: hidden;
		color: #333333;
	}
	
	.subglobalNav a:link, .subglobalNav a:visited {
		font-size: 70%;
		color: #333333;
	}
	
	.subglobalNav a:hover{
		color: #333333;
	}
	
	body{
		font-family: Arial,sans-serif;
		color: #333333;
		line-height: 1.166;	
		margin: 0px;
		padding: 0px;
		}
	
	#storyholder{
		float: left;
		height: 220px;
		width: 190px; 
		margin-right:0px;
		margin-bottom:0px;
		background-image: url(/images/story_bkgrnd.gif);
		}
	#storyholder2{
		float: left;
		height: 220px;
		width: 190px; 
		margin-left: 13px;
		margin-bottom:0px;
		background-image: url(/images/story_bkgrnd.gif);
		}
	#storyholder3{
		float: left;
		height: 220px;
		width: 190px; 
		margin-left: 13px;
		margin-bottom:0px;
		background-image: url(/images/story_bkgrnd.gif);
		}
	#storyholder4{
		float: right;
		text-align: center;
		height: 220px;
		width: 190px; 
		background-image: url(/images/story_bkgrnd.gif);
		padding: 0px 0px 0px 0px;
		margin-left: 0px;
		margin-bottom:0px;
		}
		
	.contentslide{
	border:10px solid #eeeeee;
	border-bottom-width: 20px;
	background-color:#eeeeee;
	padding: 0px 0px 0px 0px;
	width: 510px;
	height: 327px;
	font-family: Arial,sans-serif; 
	font-size: 12px;
	line-height: 1.5em;
	}
	
	.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
	width: 100%;
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	
	}
	
	.contentslide .contentdiv{
	display: none;
	}
	
	.pagination{
	width: 314px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
	font-family: Arial,sans-serif; 
	font-size: 12px;
	text-align: right;
	background-color:#999999;
	border: 0px solid #999999;
	border-width: 1px 1px; /*Left/ right border width of pagination DIV.*/
	padding: 2px 4px 2px 0px;
	}
	
	* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
	width: 400px; /*IE5 width*/
	w\idth: 416px; /*IE6 width*/
	}
	
	.pagination a{
	padding: 0 10px;
	text-decoration: none; 
	color: #000000;
	background-color: #eeeeee;
	}
	
	.pagination a:hover, .pagination a.selected{
	color: #000;
	background-color: #eeeeee;
	border: 1px solid #000000;
	}
.background {background-image:url(/images/background.jpg)}