/*-----------------------------------
GLOBAL
-----------------------------------*/

html, body, div, ul { padding: 0px; margin: 0px; border: 0px;}

a img { border: none; }

html { font-family: "Lucida Grande", "sans-serif"; }

body { background: #bee4fd url(images/sunbeam.png) no-repeat center top; }

h1 {
	 font-family: "Lucida Grande", "sans-serif";
    color: #084403;
    margin: 20px 0px 10px 0px;
    text-align: center;
}

/*-----------------------------------
UPPER HALF GLOBAL (ff color c7eafe) (bg color bee4fd)
-----------------------------------*/

#top {
    width: 100%;
	height: 23px;
	background: url(images/topbar.png) repeat-x;
	margin: 0px auto 0px;
}

#header {
    width: 384px;
	height: 270px;
	background-repeat: no-repeat;
	margin: 45px auto 0px;
}

#statement {
	width: 100%;
	height: 108px;
	background: url(images/greenbar.png) repeat-x;
	margin: 4px auto 0px;
}

.intro {
    margin: 16px auto 0px -334px;
    position: relative;
    left: 50%;
}

/*-----------------------------------
MAIN NAVIGATION
-----------------------------------*/

#linkbar {
	width: 100%;
	height: 48px;
	background: url(images/bluebar.png) repeat-x;
	margin: 0px auto 0px;
}

#navigation ul {
	text-align: center; padding-top: 14px;
    font-family: "lucida grande", "sans-serif";
    font-size: 25px;
    padding: 9px;
}

#navigation li { display: inline; margin: 5px; }

#navigation a { color: #bee4fd; text-decoration: none; }

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

#navigation #currentpage a { color: #520400; text-decoration: none; }

/*-----------------------------------
CONTENT new blood color #520400 // green color  #084403
-----------------------------------*/

/*---- (for all pages except 'about')----*/
#content {
	width: 962px;
	height: 560px;
	background: url(images/contentbox.png) no-repeat center;
	margin: 50px auto;
}

/*---- used by (all pages exept about) ----*/
#leftdiv {
	width: 550px;
   height: 464px;
	position: relative;
	top: 48px;
	left: 50px;
   background: url(images/leftbox.png) no-repeat;
   overflow: auto;
	float: left;
}

/*---- used by ('home', 'donate', 'contact') ----*/
#rightdiv {
    height: 464px;
    width: 255px;
    position: relative;
    top: 48px;
    right: 50px;
    float: right;
}

/*---- used by ('home', 'links') ----*/
#leftdiv p {
	padding: 10px 25px 0px 25px;
	line-height: 130%;
	font-size: 17px;
	color: #084403; 
}

/*-------Content Navigation--------*/

#leftdiv p a { color: #520400; text-decoration: none; }

#leftdiv p a:hover { text-decoration: underline; }

/*-----------------------------------
EVERYTHING ELSE
-----------------------------------*/

#footer {
	width: 100%;
	height: 23px;
	background: url(images/bottombar.png) repeat-x;
	margin: 0px auto 0px;
}

.copyright { color: #113e5a; text-align: center; font-size: 11px; }

#copytext { position: relative; top: 4px; }

/*----------------------------------
ABOUT PAGE
----------------------------------*/

#aboutcontent {
	width: 954px;
	height: 1150px;
	background: url(images/aboutcontent.png) no-repeat center;
	margin: 50px auto;
}

#abouthouse {
   width: 867px;
   height: 466px;
	position: relative;
	top: 48px;
	left: 42px;
   background: url(images/abouttextbox.png) no-repeat;
   overflow: auto;
}

/*#abouthouse h1 { position: relative;  }*/

#abouthouse p#house {
    width: 260px;
    padding: 50px 40px 0px 0px;
    line-height: 120%;
    font-size: 17px;
    color: #084403;
    float: right;
    text-align: justify;
}

#abouteva {
   width: 867px;
   height: 546px;
	position: relative;
	top: 80px;
	left: 42px;
   background: url(images/abouttextboxtwo.png) no-repeat;
   overflow: auto;
}

#abouteva p#eva {
    width: 480px;
    padding: 0px 0px 10px 40px;
    line-height: 120%;
    font-size: 17px;
    color: #084403;
    float: left;
    text-align: justify;
}

.imgfloat { float: left; margin: 15px 0px 0px 40px; width: 496px; }

.imgfloatright { float: right; margin: -20px 40px 30px 0px; width: 257px; }

/*----------------------------------
DONATE PAGE
----------------------------------*/

#donatecontent {
	width: 962px;
	height: 560px;
	background: url(images/donatecontent.png) no-repeat center;
	margin: 50px auto;
}

#donateleftdiv {
	height: 464px;
	width: 255px;
	position: relative;
	top: 48px;
	left: 50px;
	background: url(images/solidbox.png) no-repeat;
	float: left;
}

#donateleftdiv p {
	color: #084403;
	text-align: left;
	padding: 25px;
}

#donaterightdiv {
	width: 550px;
   height: 464px;
	position: relative;
	top: 48px;
	right: 50px;
   background: url(images/donateleftbox.png) no-repeat;
   overflow: auto;
	float: right;
}

#donaterightdiv h4 {
	margin: 20px 0px 0px 200px;
}

.green {
	color: #084403;
}

#payp { margin: 30px 0px 0px 65px; padding: 0px 0px 0px 0px }


#leftlist { width: 200px; margin: 0px 0px 0px 40px; float: left; }

#rightlist { width: 200px; margin: 0px 40px 0px 0px; float: right; }

#cneeds { margin: 0px 0px 20px 25px; color: #084403; }

#oneeds { margin: 0px 0px 0px 0px; color: #084403; }

#donaterightdiv ul { margin: 10px 0px 0px 100px; color: #084403; font-size: 12pt; }

/*----------------------------------
CONTACT PAGE
----------------------------------*/

p#contact {
    padding: 30px 25px 0px 25px;
    line-height: 130%;
    color: #084403;
    font-size: 20px;
}

.contactForm {
	margin: 20px 0px 0px 120px;
}

.contactForm .field
{
	padding:0px 0px 2px 0px;
}
.contactForm label
{
	display:block;
	font-weight:bold;
	color: #084403;
	margin: 0px 0px 3px 0px;
}
.contactForm .textbox,
.contactForm .textarea,
.contactForm .submit
{
	border:2px solid #084403;
	padding:6px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color:#084403;
	width:300px;
	outline:0;
}
.contactForm .textarea
{
	width:300px;
	height:160px;
}
.contactForm .submit
{
	color:#fff;
	font-size:90%;
	font-weight:bold;
	width:150px;
	background: #084403;
}


#leftdiv p.warning
{
	color:#520400;
	font-weight:bold;
	text-align: center;
}

.alternate, .hidden
{
	display:none;
}


/*----------------------------------
SECONDARY PAGES
----------------------------------*/

#secondcontent {
	width: 962px;
	height: 702px;
	background: url(images/secondcontentbox.png) no-repeat center;
	margin: 50px auto;
}

#secondlinkslist {
	height: 464px;
	width: 255px;
	position: relative;
	top: 48px;
	right: 50px;
	background: url(images/linkbox.png) no-repeat;
	float: right;
}

#secondlinkslist ul {
	margin: 80px 0px 0px 30px;
	font-size: 25px;
	color: #520400;
	list-style-type: none;
}

#secondlinkslist li { margin-bottom: 10px; }

#secondlinkslist a { color: #520400; text-decoration: none; }
	
#secondlinkslist a:hover { color: #520400; text-decoration: underline; }

#secondleftdiv a { color: #520400; text-decoration: none; }

#secondleftdiv {
	width: 550px;
   height: 612px;
	position: relative;
	top: 48px;
	left: 50px;
   background: url(images/secondleftbox.png) no-repeat;
   overflow: auto;
	float: left;
}

#secondleftdiv p {
	padding: 10px 25px 0px 25px;
	line-height: 130%;
	font-size: 17px;
	color: #084403; 
}