
/* GENERAL */
  
   
	body  {
margin : 0;
text-align : left;
font-family : Helvetica, Arial, Sans Serif;
font-size : 76%;
line-height : 1.35em;
background-color : #333;
font-weight : 300;
background-image : url("../images/bg.gif");
background-repeat : repeat;
}
	
	
	p {
		border:0px solid black;
		padding: 5px;
		font-size: 1em;
		margin: 0 0 0 0;
		line-height: 1em;
	}
	
	p.donate {
		border:1px solid #036;
		font-family: Gill Sans, Gillsans, Arial, Sans Serif;
		font-size: 13px;
	    letter-spacing: 0em;
		font-weight: 100;
		color: #fff;
		padding: 5px;
		margin: 6em 8em 3em 0;
		line-height: 1em;
	}


   
	td.content_padding {padding: 1cm 1cm}

	td.mission_padding {padding: .25cm .1cm}
	
	td.story_padding {padding: 0cm .25cm}
	
	td.donate_padding {padding: 0.15cm .5cm}
	
	td.donate_paddingSm {padding: 0.05cm .5cm}
	
	td.mailing_padding {padding-top: .35cm}
	
	.whitebold {
		color: #FFF;
		margin: 0;
		line-height: 1.25em;
		text-decoration: none;
		font-size: 98%;
		font-weight: 100;
	}
	
	.yellowbold {
		color: #FC6;
		margin: 0;
		line-height: 1em;
		text-decoration: none;
		font-size: .9em;
		font-weight: bold;
	}
	
	.redbold {
		color: #C30;
		font-size: 11px;
		font-weight: bold;
		display: block;
		background-color: #CCC;
		width: 15em;
		padding: .5em .3em;
		text-decoration: none;
	}
	
	.graybold  {
		color: #666;
		font-size: 12px;
		margin: 13px;
		line-height: 250%;
		text-decoration: none;
		font-weight: bold;
	}
	
	.content {
		margin: 0px;
		text-align: left;
		font-family: Helvetica, Arial, Sans Serif;
		font-size: 100%;
        line-height: 1.35em;
		color: #333;
		font-weight: 300;
	}
	
	.content2 {
		margin: 0px;
		text-align: left;
		font-family: Helvetica, Arial, Sans Serif;
		font-size: 94%;
        line-height: 1.25em;
		color: #666;
		font-weight: 400;
	}

	
	.content3 {
		margin: 0px;
		text-align: left;
		font-family: Helvetica, Arial, Sans Serif;
		font-size: 88%;
        line-height: 1em;
		color: #333;
		font-weight: 100;
	}
	
	
	.content4 {
		margin: 0px;
		text-align: left;
		font-family: Helvetica, Arial, Sans Serif;
		font-size: 94%;
        line-height: 1.25em;
		color: #333;
		font-weight: 400;
	}
	
	.donate1 {
		font-family: Gill Sans, Gillsans, Arial, Sans Serif;
		font-size: 13px;
	    letter-spacing: 0em;
		font-weight: 100;
		display: block;	
		color: #FFF;
		background-color: #369;
		padding: 4px;
		margin: 0 0 1em 0;
		line-height: 1em;
	}
	
/* END GENERAL */


 /* LINKS */
	a, 
	a:link  {
		color: #FFF;
		text-decoration: none;
	}
	a:active {
		color: #FFF;
		text-decoration: none;
	}
	a:visited {
		color: #FFF;
		text-decoration: none;
	}
	a:hover {
        color: #DB3131;
		text-decoration: underline;
	}
	
	a.topnav, 
	a.topnav:link  {
		color: #FFF;
		margin: 0;
		line-height: 1.15em;
		text-decoration: none;
		font-size: 1em;
	    letter-spacing: .0em;
		display: block;
		padding: 1px 5px;
		font-weight: bold;
	}
	a.topnav:hover { 
		color: #FFF; 
		text-decoration: none;
		background-color: #ED8F01;

	}
	
	a.yellownav, 
	a.yellownav:link  {
		color: #FD2;
		margin: 0;
		line-height: 1em;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
		display: block;
		padding: 4px 2px;
	}
	a.yellownav:hover { 
		color: #FFF;
		text-decoration: none;
		background-color: #ED8F01;
	}
	
	a.donate, 
	a.donate:link  {
		color: #FFF;
		font-weight: bold;
		margin: 0;
		line-height: 1em;
		text-decoration: none;
		margin: 1px;
		display: block;
		padding: 6px 14px;
	}
	a.donate:hover { 
		color: #C30;
		font-weight: bold;
		text-decoration: none;
		background-color: #FF3;
		padding: 6px 14px;
	}
	
	
	a.graybold, 
	a.graybold:link  {
		color: #CCC;
		margin: 0;
		line-height: 1em;
		text-decoration: underline;
		font-size: .9em;
		font-weight: bold;
	}
	a.graybold:hover { 
		color: #C30; 
		text-decoration: underline;
	}
	
	
	a.black, 
	a.black:link  {
		color: #333;
		margin: 0;
		line-height: 1em;
		text-decoration: underline;
		font-size: 100%;
		font-weight: 100;
	}
	a.black:hover { 
		color: #C30; 
		text-decoration: underline;
	}
	
	a.bottomnav:active {
		color: #C30;
	} 
	
	a.bottomnav:visited {
		color: #333;
	} 
	
	a.whitebold, 
	a.whitebold:link  {
		color: #FFF;
		margin: 0;
		line-height: 1em;
		text-decoration: underline;
		font-size: 98%;
		font-weight: bold;
	}
	a.whitebold:hover { 
		color: #C00; 
		text-decoration: underline;
	}
	
	
	a.whitebold2, 
	a.whitebold2:link  {
		color: #FFF;
		margin: 0;
		line-height: 1em;
		text-decoration: none;
		font-size: .9em;
		font-weight: bold;
	}
	a.whitebold2:hover { 
		color: #C00; 
		text-decoration: none;
	}
	
	
	a.join  {
		color : #cc3300;
		font-size : 98%;
		margin : 0;
		line-height : 1em;
		text-decoration : none;
		letter-spacing : 0.015em;
		font-weight : bold;
	}
	
	a.join:hover {
		color : #663333;
	} 
	
	
	
	a.bottomnav  {
		color: #CC3300;
		font-size: 98%;
		font-weight: bold;
		text-decoration: none;
	}
	
	a.bottomnav:hover {
		color: #663333;
	} 
	
	a.bottomnav:active {
		color: #663333;
	} 
	
	a.bottomnav:visited {
		color: #CC3300;
	} 
	
	
	
	
	a.content3, 
	a.content3:link  {
		color: #333;
		margin: 0;
		line-height: 1em;
		text-decoration: underline;
		font-size: 100%;
		font-weight: 100;
	}
	a.content3:hover { 
		color: #C00; 
		text-decoration: none;
	}
	
	
	a.jump, 
	a.jump:link  {
		color: #c63;
		text-decoration: none;
	}
	a.jump:hover { 
		color: #C63; 
		text-decoration: none;
	}
	
	
	a.jump2, 
	a.jump2:link  {
		color: #000;
		text-decoration: none;
	}
	a.jump2:hover { 
		color: #000; 
		text-decoration: none;
	}
	
	
	a.red, 
	a.red:link  {
		color: #c63;
		font-weight: bold;
		text-decoration: underline;
	}
	a.red:hover { 
		color: #603; 
		font-weight: bold;
		text-decoration: none;
	}
	
#aboutNav ul
{
margin: 2px;
padding: 0;
list-style-type: none;
}

#aboutNav li { margin: 0 0 .2em 1em; }

#aboutNav a
{
font-size: 11px;
font-weight: 100;
display: block;
color: #666;
background-color: #CCC;
width: 15em;
padding: .5em .3em;
text-decoration: underline;
}

#aboutNav a:hover
{
background-color: #C30;
color: #FFF;
padding: .5em .3em;
text-decoration: none;
}
	
	/* END LINKS */

/* HEADINGS */
	h1	{
		color: #C30;
		margin: 0 0 .5em 0;
		line-height: 1.2em;
		text-decoration: none;
		font-size: 1.1em;
		letter-spacing: .1em;
		font-weight: bold;
	}
	
	h2 {
		color: #F2AD45;
		margin: 1em 0 .5em 0;
		line-height: 1.2em;
		text-decoration: none;
		font-size: 1.1em;
		letter-spacing: .1em;
		font-weight: bold;
	}
	
	h3	{
		color: #cc6600;
		margin: 1em 0 .5em 0;
		line-height: 1.2em;
		text-decoration: none;
		font-size: 1.1em;
		letter-spacing: .1em;
		font-weight: bold;
	}
	
	h4 {
		font-size: 1.2em;
		line-height: 1em;
		margin: 10px 0 0 0;
		padding: 0;
        color: #336699;
	    letter-spacing: .125em;
	}
	
	h5 {
		color: #F2AD45;
		margin: 1em 0 .5em 0;
		line-height: 1.2em;
		text-decoration: none;
		font-size: 1.1em;
		letter-spacing: -.1em;
		font-weight: bold;
	}
/* END HEADINGS */

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}


ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 5px 10px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #C30;
	color: #FFF;
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: #ED8F01;
	color: #fff;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #ED8F01;
	color: #C30;
}

ul.nav,
.nav ul{
	border: 0px solid #369;
}

.nav a{
	text-decoration: none;
}