/* Begin Overall Site CSS  */
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/images/ui/bg_body.gif); 
	background-color: #EE334E;
	/*color: #666666;*/
	
}

a {color: #ED4532; text-decoration: none;}
a:link {color: #ED4532;}
a:visited {color: #ED4532;}
a:hover {text-decoration: underline;}
a:active {color: #ED4532;}

a.purplelink {color: #7332ED; text-decoration: none;}
a.purplelink:link {color: #7332ED;}
a.purplelink:visited {color: #7332ED;}
a.purplelink:hover {text-decoration: underline;}
a.purplelink:active {color: #7332ED;}

p {padding: 0 0 15px 0;}
input {background-color: #FFFFFF; border: 1px solid #6633cc; padding: 0; margin: 0; color: #6633cc;}
select {background-color: #FFFFFF; border: 1px solid #6633cc; padding: 0; margin: 0; color: #6633cc;}
li {padding: 0 0 5px 0;}
li.flower-purple {position:relative;padding: 0 0 5px 18px; background-image: url(/images/flower-bullet-purple.gif); background-repeat: no-repeat; background-position: top left; list-style: none;}
li.flower-green {padding: 0 0 5px 18px; background-image: url(/images/flower-bullet-green.gif); background-repeat: no-repeat; background-position: top left; list-style: none;}
li.flower-blue {padding: 0 0 5px 18px; background-image: url(/images/flower-bullet-blue.gif); background-repeat: no-repeat; background-position: top left; list-style: none;}
li.flower-orange {padding: 0 0 5px 18px; background-image: url(/images/flower-bullet-orange.gif); background-repeat: no-repeat; background-position: top left; list-style: none;}
li.flower-red {padding: 0 0 5px 18px; background-image: url(/images/flower-bullet-red.gif); background-repeat: no-repeat; background-position: top left; list-style: none;}
li.red-disc {padding: 0 0 5px 18px; background-image: url(/images/red-disc-small.jpg); background-repeat: no-repeat; background-position: top left; list-style: none;}

.list li {margin-left: 40px;}

/* End Overall Site CSS*/


/* Begin Navigation CSS */

#nav-home {width: 8em;}
#nav-about {width: 10em;}
#nav-get {width: 13em;}
#nav-programs {width: 18em;}
#nav-donate {width: 9em;}
#nav-contact {width: 11em;}

#menu{
	background: url(/images/nav-gray.gif);
	height: 38px;
	margin: 0 auto;
}

#menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu a {
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.5em;
	padding: 8px 0 7px 0;
	text-decoration: none;
	text-align: center;
}

#menu ul li a:hover {background-color: #ED4532;}

#menu li { /* all list items */
	float: left;
	padding: 0;
	/* width needed or else Opera goes nuts */
}
	/* width needed or else Opera goes nuts */

#menu li ul { /* second-level lists */
	position: absolute;
	background: #431E8A;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0;
	padding: 0;
	width: 160px;
}

#menu li ul a{font-size: 1.3em; text-align: left; color: #FFFFFF; padding: 7px 5px 7px 10px; width: 200px; width: 146px; }
#menu li ul a:hover{background-color: #ED4532;}

#menu li ul li { 
	padding: 0;
	margin: 0;
}

#menu li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 9.85em;
	border: 2px solid #fff;

}

#menu li:hover ul ul, #menu li.sfhover ul ul {
	left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* End Navigation CSS */


/* Begin Layout CSS */

#container {
	width: 785px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	}

#main-top {
	padding-bottom: 17px;
	
	background-image: url(/images/ui/main_top.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 785px;
	}
	
#main-footer {
	clear: both;
	height: 64px;
	background-image: url(/images/ui/main_footer.png);
	background-repeat: no-repeat;
	background-position: top;
	}

#search {
	font-size: 1.2em;
	text-align: right;
	margin: 0;
	color: #FFFFFF;
	font-weight: bold;	
	padding-right: 20px;
	}
	
#main {
	background-image: url(/images/ui/main_middle.png);
	background-repeat: repeat-y;
	background-position: middle;
	min-height: 500px;
	}

#main-padding {padding: 0 15px;}

#header {
	text-align: center;
	}
	
	
#nav {
	height: 33px;
	margin: 0 0 5px 0;
	background-image: url(/images/ui/bg_nav.gif);
	background-repeat:repeat-x;
}

#content {text-align: left; background-color: #FFFFFF; background-image: url(/images/full-bg.gif); background-repeat:repeat-y; background-position: top left; float:left; width:750px;}
#content-left {
	font-size: 1.2em;
	margin-right: 240px;
	padding: 20px 20px 20px 125px;
	background-image: url(/images/Collage.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#content-int {
	font-size: 1.2em;
	/*margin-right: 232px;*/
	padding: 25px ;
	width:460px;
	float:left;
	/*background-image: url(/images/ui/thin_shadow.gif);*/
	background-position: right top;
	background-repeat: repeat-y;
}

#content-right {
	float: right;
	width: 225px;
	/*margin:0 0 0 15px;*/

}

#content-right-home {
	float: right;
	width: 225px;
	margin:0 0 0 15px;
	/*
	background-image: url(/images/ui/thin_shadow.gif);
	background-position: left top;
	background-repeat: repeat-y;
	*/
}

/*#right-padding {padding: 0 0 0 15px;}*/

.right-header {
	/*border-bottom: 10px solid #fce5d8;*/
	padding: 5px 0 5px 0;
	background-image: url(/images/ui/bg_side_red.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

.right-header-orange {
	border-bottom: 10px solid #fce5d8;
	padding: 5px 0 5px 0;
	background-image: url(/images/ui/bg_side_orange.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

.right-header-purple {
	border-bottom: 10px solid #fce5d8;
	padding: 5px 0 5px 0;
	background-image: url(/images/ui/bg_side_purple.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

.right-header-home {
	padding: 5px 0 5px 0;
	background-image: url(/images/ui/bg_side_red.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

.right-header-green {
	padding: 5px 0 5px 0;
	background-image: url(/images/ui/bg_side_green.gif);
	background-repeat: repeat-x;
	background-position: top left;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

#footer {margin: 0 17px 0 17px; padding-top: 7px; color: #FFFFFF; font-size: 1em;}
#footer-links {padding: 0 0 2px 0; font-size: 1.1em;}	
	#footer-links a {color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 0 10px 0 10px; position: relative;}
	#footer-links a:link {color: #FFFFFF;}
	#footer-links a:visited {color: #FFFFFF;}
	#footer-links a:hover {text-decoration: underline;}
	#footer-links a:active {color: #FFFFFF;}
	
	.right-border {border-right: 1px solid #FFFFFF;}
	.no-border {border: 0px}

	#BWM {color: #FFFFFF; text-decoration: none;}
		#BWM a {color: #FFFFFF; text-decoration: none;}
		#BWM a:link {color: #FFFFFF;}
		#BWM a:visited {color: #FFFFFF;}
		#BWM a:hover {text-decoration: underline;}
		#BWM a:active {color: #FFFFFF;}

/* End Layout CSS */


/* Begin Formatting CSS */

#donate-home {
	padding: 5px 70px 5px 5px;
	background-image: url(/images/donate_01.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	font-size: 1.2em;
}

#newsletter {padding-top: 10px;}

#programs-list {margin-left: 15px; line-height: 1.5em;}

#programs {
	font-size: 1.2em;
	font-style:italic;
	padding: 5px 0 5px 0;
	background-image: url(/images/ui/bg_sun.gif);
	background-repeat: no-repeat;
	background-position: top;
	}

#donate-side {
	margin: 0;
	background-color: #EAF4D7;
	border-top: 10px solid #eaf4d7;
	/*border-bottom: 10px solid #FFFFFF;*/
	}

#donate-side-content {
	padding: 5px 70px 5px 5px;
	background-image: url(/images/donate_01.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	font-size: 1.2em;
}
#donate-side-content1 {
	padding: 5px 5px 5px 5px;
	background-position:bottom right;
	background-repeat:no-repeat;
	font-size: 1.2em;
}

.side-content {
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 10px;
	/*background-image: url(/images/side-content-bg-gradient.png);*/
	background-position:bottom;
	background-repeat:repeat-x;
	}

.blue {color: #78C0F3; font-weight: bold;}
.green {color: #000; font-weight: bold;}
.red {color: #ee334e; font-weight: bold;}
.orange {color: #eb6e34; font-weight: bold;}
.purple {color: #7332ED; font-weight: bold;}
.pink {color: #ee334e; font-weight: bold;}

.even-block {background-color: #e0f5f0; border: 1px solid #9bdecf; margin:  5px 5px 5px 0; padding:  5px; width: 450px;}
.odd-block {margin: 5px 0 5px 0; padding: 5px 0 5px 0; width: 450px;}

#contact-form input {width: 250px; margin-bottom: 8px; padding: 2px; border: 1px solid #ce9bde; background-color: #FFFFFF; color: #803399;}
#donate-box {color: #FFFFFF; font-weight: bold; padding: 15px 5px 15px 5px; border: 1px solid #ce9bde; background-color:  #f0e0f5; width: 350px; margin: 0 auto;}

#donate-box-green {color: #5cb75c; font-weight: bold; padding: 15px 5px 15px 5px; border: 1px solid #5cb75c; background-color:  #eaf4d7; width: 350px; margin: 0 auto;}

#donate-box-green input {border: 1px solid #80B584; color: #5cb75c}
#donate-box-green select {border: 1px solid #80B584; color: #5cb75c}

.staff-bio {margin-left: 120px; padding-bottom: 25px; padding-top: 5px;}
.staff-bio h2 {margin: 0 0 5px 0; padding: 0;}
.staff-bio p {margin: 0; padding: 0;}

.img-border {border: 1px solid #6633cc;}

.submit-button {border: 1px solid #333399; background-color: #9966ff; color: #FFFFFF; font-size: 1.2em;}

.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}

.bar {background-color: #B998F6; padding: 1px; margin: 0 15px 15px 15px;}
.bar2 {background-color: #B998F6; padding: 1px; margin-bottom:15px;}

h1 {
	color: #ED4532;
	font-size: 1.4em;
	margin: 0 0 10px 0;
}
h2 {
	color: #7332ed;
	font-size: 1.1em;
	margin: 0;
	font-weight: bold;
}
h3 {
	color: #599763;
	font-size: 1.1em;
	margin: 5px 0;
}

.nb {border: 0px;}
.l { float: left; }
.r { float: right; }
.clear { clear: both; }


.email_confirm {
display: none; 
}
/* End Formatting CSS */