/* site styles - mainly for a splash page */
body
{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	background: #7cf url(images/tile.gif) repeat; 
	font: normal .8em/1.3em Verdana, Helvetica, sans-serif; ;
	color: #fff;



}
#logo { 
	margin: 10px 0 20px 10px;
}

div
{
	margin: 0;
	padding: 0;
	border: 0;
}
strong {	color: #FC4;
}
a:link
{
	color: #FC4;
	text-decoration: none;
}

a:visited
{
	color: #db2;
	text-decoration: none;
}

a:hover
{
	color: #f80;
	text-decoration: none;
}



/* H TAG SIZES , P and text sizes  */
h1, h2, h3, h4, h5, h6 { width: 100%; font-family: Tahoma, Helvetica, sans-serif; display: block;}

h1 {
	font: lighter 150%/1.3em Book Antiqua, Palatino, serif;
	letter-spacing: .05em;
	padding: 0px 0px 10px 0px;
	margin: 20px 0px 15px 0px;
	color: #fff;
	height: 20px;
	width: 745px;
	border: solid #4cf;
	border-width: 0px 0px 1px 0px;

}





h2
{
	font-size: 115%;
	letter-spacing: .04em;
	font-weight: normal;
	padding: 6px 0px 0px 0px;
	margin: 20px 0px 5px 0px;
	height: 24px;
	border: solid #4cf;
	border-width: 0px 0px 1px 0px;
}






#main
{
	width: 1024px;
	margin: 0 auto;
	position: relative;
	top: 0px;
	left: 0;
	border: solid #4cf;
	border-width: 0px 1px 1px 1px;
	background: #09f url(images/bk_fade2.gif) repeat-x; 
	min-height: 665px;

}


#content
{
	text-align: left;
	margin: 0px 0 0 30px;
	border: 0px solid red;
}





p.quote
{
	width: 20em;
	font-family: Book Antiqua, Palatino, serif;
	font-style: italic;
	font-size: 120%;
	line-height: 1.9em;
	margin: 10px 0px 20px 30px;
clear: both;

}

p.intro
{
	line-height: 1.9em;
	margin: 0px 0 20px 30px;
	font-size: 130%;
}
.clear { clear: both; }

/* UL, LI, OL  */
ul
{
	margin: 0;
	list-style: none;
	padding: 0px 0px 0px 0px;
}

ol
{
	margin: 0;
	vertical-align: top;
}
 
li {
	padding: 5px 0px 5px 0px;
}


p.caption { font-size: 90%; text-align: left; width: 25em;
	margin: 0px 0px 15px 0px; 
}

p.caption img { float:left; margin: 0 15px 20px 0px; }

/* Homepage Specific vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */
body#home #content
{
	text-align: left;
	margin: 0px 0 0 30px;
	border: 0px solid red;

}

body#home #logo {
	position: relative;
	top: 10px;
	left: 30px;
	margin: 0px 0px 0px 0px;
}
body#home p.intro
{
	width: 30em;
	line-height: 1.9em;
	margin: 30px 0 20px 0px;

}

body#home div#above, body#home div#below {
	position: relative;
	left: -30px;
}

body#home div#below img {
margin: 0 0 0 256px;}
body#home h1
{
display: none;
}

body#home div#nav
{

	margin: 0px;
	width: 1025px;
	display: block;

	height: 40px;
}

body#home #main
{
	width: 1024px;
	margin: 0 auto;
	position: relative;
	top: 0px;
	left: 0;
	border: solid #4cf;
	border-width: 0px 1px 1px 1px;
	background: #39D url(images/bk_leaves2.jpg) no-repeat; 
	min-height: 665px;
}


body#home #footer
{
	clear: both;
	position: absolute;
	bottom: 0px;
	padding: 0px 0 0px 0;
	margin: 20px 30px 0 0px;
	border: dotted #eee;
	border-width: 1px 0px 0px 0px;
	width: 970px;
	color: #fff;
}

/* Nav list vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */

div#nav
{
	position: relative;
	top: 0px;
	left: -30px;
	background: url(images/nav_bg5.gif) repeat-x; 
	width: 1025px;

	height: 40px;
}

div#nav ul, div#nav li
{
	padding: 0; margin: 0;
}
#nav li
{
	display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav li a
{
	display: inline;
	text-align: center;
	list-style: none;
	background: #f83;
	padding: 0; margin: 0;
	float: left;
}

#nav li.even a
{
	background: #bd3;
}


#nav li a
{
	display: inline;
	width: 25%;
	padding: 5px 0;
	margin: 0;
	float: left;
}

#nav li a:hover
{
	filter: alpha(opacity=60);
	opacity: .60;
}

#nav li span { display: none; }

ul.subnav
{
	display: block;
}

div#nav ul, div#nav li
{
	padding: 0; margin: 0;
}

ul.subnav li 
{
	display: inline;
	list-style: none;
	border: dotted #eee;
	margin: 0px 15px 0 0px;
	padding: 0px 0px 0 15px;
	border-width: 0px 0px 0px 1px;

}


ul.subnav li:first-child
{
	border-left: 0px;
}


/* Structure vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */


#col1
{
	border: 0px solid black;
	float: left; 
	float: left;


}


#copy
{	float: left; 
	border: 0px solid black;
	width: 400px;
	margin: 0px 0px 20px 0;
}

#col2
{	float: left; 
	border: 0px solid black;
	width: 180px;
	padding: 0px 0 0 25px;
}

#donate #col2
{	float: left; 
	border: 1px solid black;
	top: 60px;
	left: 480px;
}

#photo_col
{	float: left; 
	border: 0px solid black;
	width: 340px;
	margin: 0 5px 0 0; 

}


#photo_col img
{	border: 0px solid black;
	margin: 0 11px 12px 0; 
}

/* Footer vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */

#footer
{
	clear: both;
	padding: 0px 0 0px 0;
	margin: 20px 30px 0 0px;
	border: dotted #eee;
	border-width: 1px 0px 0px 0px;
	width: 970px;
	color: #fff;
}

#footer p {
	font-size: 85%;
}

#footer a:link
{
	color: #fff;
	text-decoration: none;
	border: dotted #fff;
	border-width: 0px 0px 1px 0px;
}

#footer a:visited
{
	color: #666;
	text-decoration: none;
	border: solid #eee;
	border-width: 0px 0px 1px 2px;
}

#footer a:hover
{
	color: #F83;
	text-decoration: none;
	border: dotted #F83;
	border-width: 0px 0px 1px 0px;
}
* { border:0px dotted red; }