/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */
body	{margin: 0px; padding: 0px; text-align: center; background: #ACC5ED url(images/bg-page.jpg) repeat-x top;}
p, h1, h2, h3, h4, h5, a, ul, li, address {font-family: Arial, Helvetica, sans-serif; text-align: left;}
p, li 	{font-size: 12px;}
p 		{margin: 15px 0 15px 0;}
h1 		{margin: 10px 0px 0px; font-size: 18px; line-height: 22px; text-indent: -9009px;}
h2 		{color: #AA0000; font-size: 14px; margin: 20px 0px -10px;}
h3 		{font-size: 16px; background: #5185BA; color: #FFFFFF; text-align: center; padding-top: 3px; padding-bottom: 3px; margin: 0px;}
h4 		{font-size: 16px; margin-top: 10px; margin-bottom: 10px;}
address {font: normal 12px Arial, Helvetica, sans-serif; color: #006699; margin-left: 15px; margin-bottom: 15px; margin-top: 15px;}

/* ----------------- IMAGE/ALIGNMENT ELEMENTS ----------------- */
.left 			{float: left; margin-right: 10px;}
.right 			{float: right; margin-left: 10px;}
.leftnomargin 	{float: left;}
.rightnomargin 	{float: right;}
.leftborder 	{padding: 2px; border: 1px solid #000; float: left; margin-right: 10px;}
.rightborder	{padding: 2px; border: 1px solid #000; float: right; margin-left: 10px;}
.border 		{padding: 2px; border: 1px solid #000;}
.clear 			{clear: both;}
.clearleft 		{clear: left;}
.center 		{text-align: center;}

/* ----------------- NAV ELEMENTS ----------------------------- */
a:link, a:hover, a:active, a:visited {color: #006699;}
/* ----------------- TOP NAV ---------------------------------- */
div#nav {background: url(images/bg-nav.gif) no-repeat; height: 49px; width: 800px; padding: 0 10px 0 10px;}
ul#mainnav {margin: 0px; padding: 0px;}
ul#mainnav li {float: left; padding: 0px; display: block; list-style: none;}
ul#mainnav li a {background: url(images/nav.gif) no-repeat 0 0;	display: block; height: 42px; text-indent: -9009px;}
ul#mainnav li#home a {width: 90px;}
ul#mainnav li#home a:hover, ul#mainnav li#home a.current {background-position: 0 -42px;}
ul#mainnav li#about a {width: 138px; background-position: -90px 0;}
ul#mainnav li#about a:hover, ul#mainnav li#about a.current {background-position: -90px -42px;}
ul#mainnav li#participate a {width: 164px; background-position: -228px 0;}
ul#mainnav li#participate a:hover, ul#mainnav li#participate a.current {background-position: -228px -42px;}
ul#mainnav li#serve a {width: 204px; background-position: -392px 0;}
ul#mainnav li#serve a:hover, ul#mainnav li#serve a.current {background-position: -392px -42px;}
ul#mainnav li#support a {width: 204px; background-position: -596px 0;}
ul#mainnav li#support a:hover, ul#mainnav li#support a.current {background-position: -596px -42px;}

/* ----------------- Right Nav -------------------------------- */
div#right-nav {}
ul#rightnav {margin: 0px; padding: 0px;}
ul#rightnav li {display: inline; list-style: none;}
ul#rightnav li a:link, ul#rightnav li a:visited, ul#rightnav li a:active {color: #006699; text-decoration: none; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px 25px 0px 15px; border-bottom: 1px solid #BBB; padding: 5px 0 5px 20px; background: url(images/rightnav.gif) no-repeat left center; font-weight: bold;}
ul#rightnav li a:hover {color: #FFC600;}

/* ----------------- PAGE LAYOUT ELEMENTS ---------------------- */
div#container 	{margin: auto; position: relative; width: 820px;}
div#header 		{background: url(images/header.gif) no-repeat; height: 85px; width: 820px;}
div#flash 		{background: url(images/bg-flash.jpg) no-repeat; height: 196px; width: 820px;}

div#content-container {color: #666666; background: url(images/bg-content-container.gif) repeat-y; padding: 1px 10px; width: 800px;}
	/* -------- Home Page ----------------- */
	#home-content 	{margin-right: 260px; line-height: 18px; border-bottom: 1px solid #a5a5a5; margin-left: 15px; margin-bottom: 10px;}
	#home-sidebar 	{width: 270px; position: absolute; top: 330px; left: 564px; text-align: left;}
	#home-news 		{float: left; width: 250px; margin-left: 15px;}
	#home-news a 	{text-decoration: none; color: #AA0000;}
	#home-events 	{float: left; width: 255px; border-left: 1px solid #A5A5A5; padding-left: 20px;}
	/* ------------------------------------ */
   #content-sidebar {width: 241px; float: right; border-left: 1px solid #A5A5A5; padding-top: 5px; margin-top: 10px;}
   #content-main 	{margin-left: 15px; margin-right: 260px; line-height: 18px; text-align: left;}
   
div#footer {font-size: 10px; text-align: center; background: url(images/bg-footer.gif) no-repeat; height: 32px; width: 820px; color: #666666; padding-top: 8px;}
div#footer a:link, div#footer a:visited {color: #006699;}
div#copyright {font: 10px Arial, Helvetica, sans-serif;color: #003366;}
div#copyright a:link, div#copyright a:visited {}

/* ----------------- CONTENT ELEMENTS ------------------------- */
h1#heading-home 		{background: url(images/heading-home.gif) no-repeat;}
h1#heading-news 		{background: url(images/heading-news.gif) no-repeat;}
h1#heading-events 		{background: url(images/heading-events.gif) no-repeat;}
h1#heading-aboutus 		{background: url(images/heading-aboutus.gif) no-repeat;}
h1#heading-participate 	{background: url(images/heading-participate.gif) no-repeat;}
h1#heading-serve 		{background: url(images/heading-serve.gif) no-repeat;}
h1#heading-support 		{background: url(images/heading-support.gif) no-repeat;}
h1#heading-contact 		{background: url(images/heading-contact.gif) no-repeat;}
h1#heading-thankyou 	{background: url(images/heading-thankyou.gif) no-repeat;}

/* ----------------- Constant Contact ------------------------- */
div#constantcontact {
	text-align: center;
	font: 11px Arial, Helvetica, sans-serif;
	background: #E0E0E0;
	width: 241px;
	padding: 5px 0 5px 0;
	margin: 5px 0 0 4px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	margin-right: auto;
	color: #006699;
}
div#constantcontact.interior {margin: 0px 0px 0px auto; border-left-style: none;}
   #constantcontact a {color: #006699;}
   #constantcontact form {display: inline;}
   #constantcontact input {margin-top: 3px; margin-bottom: 3px; color: #666666; font-size: 11px; width: 125px;}
   #constantcontact .submit {width: 35px; margin-top: 3px; margin-bottom: 3px;}
form#ccoptin {margin: 0px; padding: 0px;}


div#camp {
	border: 1px solid #5185BA;
	width: 258px;
	float: right;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 25px;
}
#camp h4 {margin-left: 10px;}
#camp p {margin-left: 10px;}


/* ----------------- 2 COLUMN FORM  ------------------- 
div#form {width: 450px; text-align: left; margin-top: 15px;}
input {margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; width: 200px;}
textarea {margin-bottom: 10px; width: 98%; font-family: Arial, Helvetica, sans-serif; height: 35px; color: #666666;}
label {padding: 5px 20px 0 0; display: block; text-align: left; color: #666666; font: 12px Arial, Helvetica, sans-serif;}
textarea#comments {width: 98%; height: 70px;}
.rightform {float: right; margin-left: 5px;}*/

/* ------------------ Paypal ---------------------------------- */
div#paypal {height: 94px; width: 258px; float: right; margin-top: 15px; margin-left: 20px; margin-bottom: 20px;}
input#donate {height: 94px; width: 258px;}

/* ------------------ Click and Pledge ---------------------------------- */
div#clickpledge-form {width: 258px; border: 1px solid #336699; float: right; margin: 20px 0px 20px 20px;}
div#clickpledge-form h1 {
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	color: #006699;
	margin: 3px 0px 10px;
	padding: 0px;
	text-indent: 0px;
}
div#clickpledge-form form {margin: 0px; padding: 0px;}
div#clickpledge-form label {
	font: 14px Arial, Helvetica, sans-serif;
	color: #006699;
	float: none;
	padding-top: 2px;
	margin-bottom: 5px;
}
div#clickpledge-form input {
	margin-right: 5px;
	margin-bottom: 3px;
}
div#clickpledge-form input.amount {margin-top: 3px;}
div#clickpledge-form input.submit {
	margin: 10px auto 0 auto;
	width: 100%;
	background: #006699;
	border: 1px solid #FFFFFF;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 0;
	font-size: 12px;
}
div#clickpledge-form .cnp-inner {padding: 0px 10px;}
div#clickpledge-form .logo {float: right;}