/* GENERAL */
  
   
	body {
		margin: 0px;
		text-align: left;
		font-family: Helvetica, Arial, Sans Serif;
		font-size: 76%;
        line-height: 1em;
		background-color:#CCC;
	}
	
	p {
		border-bottom:1px solid #C30;
		border-top:1px solid #C30;
		border-right:1px solid #C30;
		padding: 1px;
		font-size: 1em;
		margin: 0;
		line-height: 0;
	}
	
	.floatleft {
		float: left;
		margin: 0 2px 2px 0;
		border: 0px solid #666;
		padding: 2px;
		}
	
	.floatright {
		float: right;
		margin: 0 0 2px 2px;
		border: 0px solid #666;
		padding: 2px;
		}
		
	img.pos_abs
		{
		position:absolute;
		left:100px;
		top:150px
		}


   
	td.content_padding {padding: 1cm 1cm}

	td.mission_padding {padding: .25cm .1cm}
	
	td.story_padding {padding: 0 .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.15em;
		text-decoration: none;
		font-size: 98%;
		font-weight: 100;
	}
	
	.whitebold2 {
		color: #FFF;
		line-height: 0;
		margin: 8px;
		line-height: 1em;
		font-size: 1.15em;
		font-weight: bold;
	}
	
	.yellowbold {
		color: #FC6;
		margin: 0;
		line-height: 1em;
		text-decoration: none;
		font-size: .9em;
		font-weight: bold;
	}
	
	.redbold {
		color: #C30;
		line-height: 1.125em;
		text-decoration: none;
		font-size: 12px;
		font-weight: 500;
	}
	
	.redbold1 {
		color: #C30;
		margin: 4px;
		line-height: 1.45em;
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
		padding: 4px 16px;
	}
	
	.graybold  {
		color: #666;
		font-size: 1em;
		margin: 1em;
		line-height: 1.45em;
		text-decoration: none;
		font-weight: bold;
	}
	
	.content {
		margin: 0px;
		text-align: left;
		font-family: Helvetica, Arial, Sans Serif;
		font-size: 98%;
        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.45em;
		color: #666;
		font-weight: 400;
	}
	
	.content3 {
		margin: 0px;
		text-align: left;
		font-family: Helvetica, Arial, Sans Serif;
		font-size: 86%;
        line-height: 1em;
		color: #666;
		font-weight: 100;
	}

	
/* END GENERAL */


 /* LINKS */
	a, 
	a:link  {
		color: #C30;
		text-decoration: none;
	}
	a:active {
		color: #C30;
		text-decoration: none;
	}
	a:visited {
		color: #C30;
		text-decoration: none;
	}
	a:hover {
        color: #C30;
		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;
		background-color: #C30;
		font-size: 12px;
		font-weight: bold;
		line-height: 11px;
		text-decoration: none;
		margin: 12px 1px 0 1px;
		display: block;
		padding: 8px 14px;
	}
	a.donate:hover { 
		color: #C30;
		background-color: #FF3;

	}
	
	a.join  {
		color : #cc3300;
		font-size : 98%;
		line-height : 1em;
		text-decoration : none;
		font-weight : bold;
	}
	
	a.join:hover {
		color : #663333;
	} 
	
	
	
	a.redbold, 
	a.redbold:link  {
		color: #C30;
		margin: 0;
		line-height: 1.5em;
		text-decoration: underline;
		font-size: 12px;
		font-weight: bold;
	}
	a.redbold:hover { 
		color: #666; 
		text-decoration: underline;
	}
	
	a.redbold:active { 
		color: #666; 
	}
	
	a.redbold:visited { 
		color: #C30; 
	}
	
	a.whitebold, 
	a.whitebold:link  {
		color: #FFF;
		margin: 0;
		line-height: 1em;
		text-decoration: underline;
		font-size: 1em;
		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.content3, 
	a.content3:link  {
		color: #666;
		margin: 0;
		line-height: 1em;
		text-decoration: underline;
		font-size: 100%;
		font-weight: 100;
	}
	a.content3:hover { 
		color: #C00; 
		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: #cc6600;
		margin: .25em 0 .25em 0;
		line-height: 1.2em;
		text-decoration: none;
		font-size: 1em;
		letter-spacing: .025em;
		font-weight: bold;
	}
	
	
	h3	{
		font-size: 1.85em;
		font-family: Times, Times New Roman, Serif;
		margin: .5em 0 .5em 0;
		padding: 0;
		color: #FFF;
		font-style: normal;
		font-weight: 100;
		letter-spacing: .115em;
	}
	
	h4 {
		font-size: 1.2em;
		line-height: 1em;
		margin: 10px 0 0 0;
		padding: 0;
        color: #336699;
	    letter-spacing: .125em;
	}
	
	h5 {
		color: #cc6600;
		margin: .25em 0 .5em 0;
		line-height: 1.2em;
		text-decoration: none;
		font-size: 1.1em;
		letter-spacing: 0;
		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;
}

