/* CSS Document - 2006.03.21 - firebelly design corp.: k.brugman */
/* d.green: #598383; l.green: #CDDADA; maroon: #560825; */

	body, html {
		background: #CDDADA url(../images/bg_stripes.gif) top left repeat;
		color: #598383;
		font-family: verdana, arial, sans-serif;
		font-size: 12px;
		line-height: 1.4em;
		margin: 0px;
		padding: 0px;
		text-align:center; /* for non-compliant browsers */
		}
		
	A		{ color: #598383; text-decoration: underline; }
	A:link		{ color: #598383; text-decoration: underline; }
	A:visited	{ color: #598383; text-decoration: underline; }
	A:hover		{ color: #560825; text-decoration: underline; }
	A:active	{ color: #560825; text-decoration: underline; }	
	
	.asearch A		{ color: #560825; text-decoration: underline; }
	.asearch A:link		{ color: #560825; text-decoration: underline; }
	.asearch A:visited	{ color: #560825; text-decoration: underline; }
	.asearch A:hover	{ color: #FFFFFF; text-decoration: underline; }
	.asearch A:active	{ color: #FFFFFF; text-decoration: underline; }
	
	
	img { border:none; display:block; }
	
	input { font-family: verdana, arial, sans-serif; font-size: 12px; margin:0px; padding:0px; }
	
	.emailinput { color: #598383; background: #CDDADA; font-family: verdana, arial, sans-serif; font-size: 12px; margin:0px; padding:0px; }

/* TEXT TAGS */

	p, li, td {
		background: transparent;
		color: #598383;
		font-family: verdana, arial, sans-serif;
		font-size: 12px;
		font-weight:normal;
		text-decoration:none;
		text-transform:none;
		text-align:left;
		line-height: 1.6em;
		padding: 0px;
		margin: 0px 0px 1.5em 0px;
		}
		
	h1, h2, h3, h4, h5, h6 {
		background: transparent;
		color: #560825;
		font-family: verdana, arial, sans-serif;
		font-size: 15px;
		font-weight:bold;
		line-height: 1.75em;
		text-align:left;
		padding: 0px;
		margin: 0px 0px .5em 0px;
		}
	
		
	h1 {
		font-size: 16px;
		text-transform: uppercase;
		letter-spacing: .08em;
		line-height: 1.3em;
		padding: 0px;
		margin: 0px 0px .5em 0px;
		}
		
	h2, p h2 {
		font-size: 13px;
		line-height: 1.3em;
		padding: 0px;
		margin: 0px 0px .5em 0px;
		}
		
	h4 { font-size: 13px; }
		
	h5, p h5 {
		color: #560825;
		font-size: 12px;
		font-weight:normal;
		line-height: 1.4em;
		padding: 0px;
		margin: 0px 0px .1em 0px;
		}
		
	h6, p h6 {
		color: #598383;
		font-size: 12px;
		font-weight:bold;
		line-height: 1.6em;
		padding: 0px;
		margin: 1em 0px .1em 0px;
		}
	
	.small { font-size: 11px; }
	.quote { margin: 0px 0px -1em 40px; display:block; }
	.copyright { font-style: italic; font-size: 10px; }
	
	.pdf {
		background:transparent url(../images/hexdevice.gif) 0px .45em no-repeat;
		padding-left: 20px;
		}
		
/* FORMATTING TAGS */

	#container {
		background: #FFFFFF;
		width: 798px;
		border: 1px solid #FFFFFF;
		padding: 0px;
		margin: 0px auto;
		text-align:center;
		}
		
	*html #container {
		/* \*/
		width:799px;
		w\idth:798px;
		/* */
		}
		
	#header {
		background: #598383 url(../images/masthead.gif) top left no-repeat;
		text-align:left;
		}
		
	#header .search {
		background:transparent;
		width: 290px;
		padding:40px 0px 13px 508px;
		margin:0px;
		}
		
	*html #header .search {
		/* \*/
		width: 798px;
		w\idth: 290px;
		/* */
		}
		
	#header .searchinput {
		float:left;
		margin: 0px 7px 0px 0px;
		}
		
	.asearch {
		width: 784px;
		background: #598383;
		font-size: 10px;
		font-weight:bold;
		text-align:right;
		margin: 0px;
		padding: .7em 14px .8em 0px;
		border-top: 3px double #FFFFFF;
		}
		
	*html .asearch {
		/* \*/
		width: 797px;
		w\idth: 784px;
		/* */
		}
		
	#wrapper {
		background: transparent url(../images/bg.gif) bottom left no-repeat;
		text-align:left;
		padding:0px 25px 31px 23px;
		margin: 0px;
		border-top: 21px solid #CDDADA;
		clear:both;
		}
		
	*html #wrapper {
		/* \*/
		padding:0px 24px 31px 23px;
		pa\dding:0px 25px 31px 23px;
		/* */
		}
		
	.content { /* see additional bg images below */
		background: transparent;
		padding: 20px 20px 0px 18px;
		margin: 0px;
		}
		
	.split { /* stretch border on pages with two columns */
		border-left: 1px solid #598383;
		padding-left: 18px;
		margin: 5px 0px 0px 190px;
		}
		
	*html .split {
		position:relative;
		left: 0px;
		/* \*/
		left: 0px;
		lef\t: 0px;
		/* */
		}
		
	.infobox {
		background: #e2eaea;
		border: 1px solid #598383;
		padding: 10px 12px 0px 12px;
		margin: 0px 0px 18px 0px;
		}
		
	.infobox { *padding-bottom: 10px; }
		
	.infobox p { color: #555555; }
	
	ul.plain { list-style:none; padding:0px; margin:0px; }
		
	ol.alpha { list-style:lower-alpha; }
		
	ul ul { margin-top: 1.4em; }
	
		
/* FOOTER TAGS */

	#footer {
		position:relative;
		width: 797px;
		height: 2em;
		background: #598383;
		clear:both;
		text-align:left;
		margin: 0px auto;
		padding: 0px;
		border-top:1px solid #FFFFFF;
		}
		
	*html #footer {
		/* \*/
		margin-top:0px;
		padding-bottom: .4em;
		/* */
		}
		
	#footer p {
		position:absolute;
		left:9px;
		top:.5em;
		color: #FFFFFF;
		font-size: 10px;
		font-weight:normal;
		margin:0px 0px .5em 0px;
		padding:0px;
		}
	
	#footer p.disclaimer {
		width: 22%;
		right:197px;
		left:auto;
		text-align:center;
		}	

	#footer p.fb {
		right:8px;
		left:auto;
		text-align:right;
		}
		
		
	#footer a { text-decoration:underline; color: #FFFFFF; }
	#footer a:hover, #footer a:active { text-decoration:underline; color: #CDDADA; }
	

/* NAV TAGS */

	ul#nav {
		height: 31px;
		list-style:none;
		background: #FFFFFF url(../images/bg_nav.gif) bottom left repeat-x;
		margin:0px;
		padding: 1px 0px 5px 0px;
		overflow:hidden;
		}
		
	ul#nav li { display:block; float:left; margin:0px; padding:0px; }
	
	ul#nav li a {
		height: 31px;
		margin: 0px 1px 0px 0px;
		padding: 0px;
		text-indent: -9999px;
		background: transparent no-repeat 0px 0px;
		display: block;
		float: left;
	}
	
	ul#nav li a#home { background-image: url(../images/nav_home.png); width: 87px; }
	ul#nav li a#mission { background-image: url(../images/nav_mission.png); width: 102px; }
	ul#nav li a#history { background-image: url(../images/nav_history.png); width: 101px; }
	ul#nav li a#programs { background-image: url(../images/nav_programs.png); width: 113px; }
	ul#nav li a#people { background-image: url(../images/nav_people.png); width: 99px; }
	ul#nav li a#news { background-image: url(../images/nav_news.png); width: 168px; }
	ul#nav li a#support { background-image: url(../images/nav_support.png); width: 122px; margin-right: 0px; }

	ul#nav li a:hover,
	ul#nav li a:active { background-position: 0px -31px; }
	
	ul#nav.index li a#home,
	ul#nav.mission li a#mission,
	ul#nav.history li a#history,
	ul#nav.programs li a#programs,
	ul#nav.staff li a#people,
	ul#nav.publications li a#news,
	ul#nav.support li a#support { background-position: 0px -62px; }
		
/* NAV 2 (left nav) TAGS */

	.nav2 {
		width:183px;
		float:left;
		border-right: 1px solid #598383;
		margin:5px 20px 1.5em 0px;
		padding:0px 7px 0px 0px;
		}
		
	*html .nav2 { /* \*/ width:191px;  w\idth: 183px; margin:8px 20px 1.5em 0px; /* */ }
		
	.nav2 ul {
		list-style:none;
		margin:0px 0px 1.5em 0px;
		padding:0px;
		}
		
	.nav2 li {
		background:transparent;
		font-size:13px;
		line-height: 1.6em;
		margin:0px;
		padding: 0px 0px 1em 20px;
		}
		
	.mission .content .nav2 li { padding: 0px 0px 0px 20px; }
		
	.nav2 li a { margin: 0px; padding: 0px; }
		
	.nav2 li a.title, .nav2 li .title { font-weight:bold; }
	.nav2 li.supportus { margin-top: 2em; margin-bottom: -1em; }
		
	.nav2 li.on { background:transparent url(../images/hexdevice.gif) 0px .45em no-repeat; }
	.nav2 li.on a {color: #560825; text-decoration: underline; }
		
	.nav2 ul.pullup { margin-top: -1.5em; }
	
/* INDEX TAGS */
	
	.index #container { background: #CDDADA; }
	
	.index ul#nav { background-image:none; padding: 1px 0px; }
	
	.missionquote { margin: 8px auto 0px auto; clear:both; text-align:center; }
	
	.index #wrapper {
		background: #CDDADA;
		background-image:none;
		margin: 9px 0px 0px 0px;
		padding: 0px;
		border-top: 1px solid #FFFFFF;
		}
		
	.index .content {
		background-image:none;
		padding: 0px;
		margin: 0px;
		}
		
	.index .split {
		border-left: 1px solid #FFFFFF;
		margin: 0px 0px 0px 261px;
		padding:10px 0px 0px 0px;
		text-align:center;
		}
		
	.index .split img { margin: 0px auto 10px auto; }
		
	.index .news {
		float:left;
		width:247px;
		margin:0px;
		padding: 8px 7px 7px 7px;
		border-right: 1px solid #FFFFFF;
		}
		
	*html .index .news {
		/* \*/
		width:262px;
		w\idth:247px;
		/* */
		}
		
	.index .news .newstext {
		height: 265px;
		padding-right: 10px;
		overflow:auto;
		}
		
	*html .index .news .newstext {
		padding-right: 18px;
		/* \*/
		padding-right: 10px;
		height: 280px;
		/* */
		}
		
	.newstext h6 { font-size: 11px; }
	
	.index .news p { font-size: 11px; margin-bottom: 1em; }
	
	.index p.contact {
		font-size:10px;
		text-align:center;
		border-top: 1px solid #FFFFFF;
		margin: 0px;
		padding:10px;
		}

/* HOME NAV TAGS */

	ul#homenav {
		background: #FFFFFF;
		height: 31px;
		list-style:none;
		margin:0px;
		padding: 0px;
		border-bottom: 1px solid #FFFFFF;
		overflow:hidden;
		}
		
	ul#homenav li { display:block; float:left; margin:0px; padding:0px; }
	
	ul#homenav li a {
		background: transparent 0px 0px no-repeat;
		height: 31px;
		display:block;
		float:left;
		margin: 0px 1px 0px 0px;
		padding:0px;
		}
		
	*html ul#homenav li a { /* \*/ margin: 0px 1px 0px -1px; /* */ }
		
	ul#homenav li a:hover, ul#homenav li a:active { background-position: 0px -31px; }
		
	ul#homenav li a#newsletter { background-image: url(../images/nav_newsletter.gif);
		width:261px;
		}
	ul#homenav li a#courtadr { background-image: url(../images/nav_visit.gif);
		width:266px;
		}
	ul#homenav li a#support { background-image: url(../images/nav_support.gif);
		width:269px;
		margin-right:0px;
		}

/* DONATION FORM */
	#recurringDonation { width:100%; float: left; margin: 0 0 20px 0; position: relative; }

	#recurringDonation input { position: relative; float: left; margin: 10px 0 0 5px; #margin: 5px 0 0 2px; }

	#recurringDonation img { position: relative; float: left; display:inline; padding: 0 5px 0; #padding: 0 4px 0 2px; border-right: 1px solid #cddada; }
	
	#recurringDonation input.ppButton { float: right; display: inline; margin: 0; #margin: -30px 0 0; }
	
	#recurringDonation input.first { margin: 10px 0 0; #margin: 5px 0 0 0; #padding: 0; }

	#recurringDonation img.last { border: none; }
	
#informed {
	position: relative;
	width: 520px;
	height: 245px;
	padding: 0px 0px 10px 15px;
	background: url('../images/informed.png') no-repeat top center;
}

#informed h3 {
	position: absolute;
	left: -9999px;
}

#informed ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#informed ul li {
	margin: 0px;
}

#informed ul li a {
	position: absolute;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	overflow: hidden;
}

#informed ul li.courtadr a {
	top: 61px;
	left: 34px;
	width: 264px;
	height: 35px;
	background-image: url('../images/informed/courtadr.png');
}

#informed ul li.blog a {
	top: 103px;
	left: 34px;
	width: 110px;
	height: 32px;
	background-image: url('../images/informed/blog.png');
}

#informed ul li.news a {
	top: 145px;
	left: 34px;
	width: 287px;
	height: 32px;
	background-image: url('../images/informed/news.png');
}

#informed ul li.advice a {
	top: 187px;
	left: 34px;
	width: 285px;
	height: 35px;
	background-image: url('../images/informed/advice.png');
}

#informed ul li.facebook a {
	top: 58px;
	left: 348px;
	width: 153px;
	height: 21px;
	background-image: url('../images/informed/facebook.png');
}

#informed ul li.linkedin a {
	top: 100px;
	left: 348px;
	width: 148px;
	height: 21px;
	background-image: url('../images/informed/linkedin.png');
}

#informed ul li.email a {
	top: 145px;
	left: 348px;
	width: 107px;
	height: 15px;
	background-image: url('../images/informed/email.png');
}

