@charset "UTF-8";
/* CSS Document */


/*//// COLORS FOR THIS SITE ////*/
/*
p font #666

light gray #a3a3a3

green #67AE3D

blue #0099cc

orange #f99d1c

yellow #ffcb08

red #ed1c24

logo gray #b3ada6
*/



/*//// BASIC CSS & HELPERS ////*/

body, html {
    margin: 0;
	padding: 0;
	background: #fff url(images/bg-body-sub.jpg) center repeat-y;
}	

a:link, a:visited {
	color: #67AE3D;
	text-decoration: none;
}

a:hover, a:active {
	color: #f99d1c;
	text-decoration: underline;
}

.clearingDiv {
	clear: both;
}

.float-L {
	float:left;
}

.float-R{
	float:right;
}


/*//// BASIC TYPOGRAPHY ////*/

p {
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:20px;
	margin:0 0 13px 0;
}

ul {
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:20px;
	margin: 10px 0;
	padding:0 0 0 20px;
}

li {
	margin:0 10px 8px 10px;
}

h1 {
	color:#67AE3D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px 0;
	text-transform:uppercase;
}

h2 {
	color:#0099cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:35px 0 15px 0;
}

h3 {
	color:#f99d1c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:15px 0 5px 0;
}

blockquote {
	border-left: 4px solid #ffcb08;
	margin:20px 10px 20px 20px;
	padding:2px 0 2px 10px;
}

blockquote p {
	color:#9C9C9C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style:italic;
	line-height:25px;
}

blockquote p strong {
	color:#9C9C9C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	font-style:normal;
	line-height:20px;
}



div.rule {
	background:none;
	border-top:#67AE3D 1px solid;
	height:1px;
	line-height:1px;
	margin: 30px 0;
}



/*//// HOME PAGE CSS ////*/

div.top-cap{
	width:990px;
	height:42px;
	margin:0 auto;
	background:url(images/bg-home-top-cap.jpg) top center no-repeat;
}

div.bottom-cap{
	width:990px;
	height:42px;
	margin:0 auto;
	background:url(images/bg-home-bottom-cap.jpg) top center no-repeat;
}

#content-wrap-home {
	width:990px;
	margin:0 auto;
	padding: 0 0 2px 0;
	background:url(images/bg-home-middle.jpg) top center repeat-y;
}

#home-top-L {
	height:187px;
	width:164px;
	padding:0 23px 0 25px;
	float:left
}

#home-top-R {
	height:187px;
	width:778px;
	float:left;
}

/* container for the social buttons in header */

#home-social {
	float: right;
	/*width: 148px;*/
	height: 50px;
	margin: 3px 20px 0 0;
	padding: 0;
	/*border: 1px solid red;*/
}

#sub-social {
	float: right;
	/*width: 148px;*/
	height: 29px;
	margin: 3px 30px 0 0;
	padding: 0;
	/*border: 1px solid red;*/
}

/* special p and a CSS for info under tagline */
			#home-top-R p {
				text-align:right;
				margin:0 24px 0 0;
				color: #b3ada6;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height:18px;
				}
				
			#home-top-R a:link, #home-top-R a:visited {
				color:#b3ada6;
				text-decoration:none;
				}	

			#home-top-R a:hover, #home-top-R a:active {
				color:#0099cc;
				text-decoration:underline;
				}	

/* ////////////////////////////////////////// */



#home-middle{
	height:238px;
}

#flash-div {
	margin: 0 0 0 25px;
}

#home-middle-R {
	float:right;
	margin: 40px 3px 0 0;
	width:193px;
	
}

#home-bottom-L {
	float:left;
	margin: 27px 0 0 28px;
}
	

#home-bottom-Mid {	
	float:left;
	width:440px;
	margin: 25px 35px 0 45px;

}	

/* #home-bottom TYPOGRAPHY */
		#home-bottom-Mid p {
			padding:0 70px 0 0;
			color: #666;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 13px;
			line-height:20px;
}

		
#home-bottom-R {
	float:right;
	width: 184px;
	height:242px;
	background:url(images/bg-stay-informed.gif) top center no-repeat;
	margin: 45px 22px 0 0px;

}
		
/* #home-bottom-R TYPOGRAPHY and form */
		#home-bottom-R p {
		text-align:center;
		color: #666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height:20px;

		}
		
		#home-bottom-R form {
		color:#67AE3D;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height:19px;
		width:160px;
		margin:0 0 0 15px;
		}
		
		
/* news page email sign up box TYPOGRAPHY and form */
		#email-signup {
			float:right;
			width: 184px;
			height:242px;
			background:url(images/bg-stay-informed.gif) top center no-repeat;
			margin: 5px 0 0 38px;
		
		}
		#email-signup p {
		text-align:center;
		color: #666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height:20px;

		}
		
		#email-signup form {
		color:#67AE3D;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height:19px;
		width:160px;
		margin:0 0 0 15px;
		}
		


/*//// TOP NAV and SEARCH FORM CSS for both HOME AND SUBPAGE ////*/

#home-top-nav-wrap{
	width:545px;
	/*margin:94px 0 0 4px; */
	margin: 39px 0 0 4px; 
}

#subpage-nav-wrap{
	width:545px;
	/*margin:45px 0 0 4px; */
	margin: 25px 0 0 4px;
}

#top-nav ul{
	margin:0;
	padding:0;
	color: #0099cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	list-style:none;
}

#top-nav li{
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
}

#top-nav a:link, #top-nav a:visited {
	color:#0099cc;
	text-decoration:none;
}

#top-nav a:hover, #top-nav a:active {
	color:#ed1c24;
	text-decoration:underline;
}

#search-form {
	float:right;
	width:217px;
	height:29px;
	/*margin:88px 0 0 0;*/
	margin: 33px 0 0 0;
	padding:0;
}

#search-form-sub {
	float:right;
	width:220px;
	height:29px;
	/*margin:40px 0 0 0;*/
	margin: 20px 0 0 0;
	padding:0;
}


.input-left {
	float:left;
	margin:0;
	margin-top:4px;
}


		/* ######### DROPDOWN CSS ######### */
		
		.anylinkcss{
		position: absolute;
		left: 0;
		top: 0;
		visibility: hidden;
		border: 1px solid #b3ada6;
		font: normal 12px Arial, Helvetica, sans-serif;
		line-height: 30px;
		z-index: 100; /* zIndex should be greater than that of shadow's below */
		background: white;
		width: 200px; /* default width for menu */
		}
		
				
		.anylinkcss ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
		.anylinkcss ul li a{
		width: 100%;
		display: block;
		border-top: 1px solid #b3ada6;
		padding:5px 0;
		margin:0;
		text-decoration: none;
		font-weight: normal;
		text-indent: 5px;
		color:#0099cc;
		}
		
		.anylinkcss ul li.top a{
		width: 100%;
		display: block;
		border-top: none;
		padding:5px 0;
		margin:0;
		text-decoration: none;
		font-weight: normal;
		text-indent: 5px;
		color:#0099cc;
		}
		
		.anylinkcss a:hover{ /*hover background color*/
		background: #fff;
		color:#ed1c24;
		text-decoration:underline;
		}
		
		.anylinkcss ul li.top a:hover{ /*hover background color*/
		background: #fff;
		color:#ed1c24;
		text-decoration:underline;
		}

		
		/* ######### class for shadow DIV ######### */
		
		
		.anylinkshadow{ /*CSS for shadow. Keep this as is */
		position: absolute;
		left: 0;
		top: 0;
		z-index: 99; /*zIndex for shadow*/
		background: black;
		visibility: hidden;
		}
		
		/* ############################################# */



/* ##### social buttons ######### */

/* home buttons */

#home-social li { 
	display: inline; 
	list-style: none; 
	margin: 0;
	padding: 0;
	float: left;
}

#home-social ul {
 	line-height: normal;
}
 
a#btn-home-facebook {
	display: block;
	position: relative;
	width: 54px;
	height: 50px;
    background: url(images/btn-home-facebook-sprite.png) no-repeat 0px -50px;
}

a#btn-home-facebook:hover {
	background-position: 0 0;
	cursor: pointer;
}

a#btn-home-twitter {
	display: block;
	position: relative;
	width: 47px;
	height: 50px;
    background: url('images/btn-home-twitter-sprite.png') no-repeat 0 -50px;
}

a#btn-home-twitter:hover {
    background-position: 0 0;
	cursor: pointer;
}

a#btn-home-blog {
	display: block;
	position: relative;
	width: 47px;
	height: 50px;
    background: url('images/btn-home-blog-sprite.png') no-repeat 0 -50px;
}

a#btn-home-blog:hover {
    background-position: 0 0;
	cursor: pointer;
}

/* sub page buttons */

#sub-social li { 
	display: inline; 
	list-style: none; 
	margin: 0;
	padding: 0;
	float: left;
}

#sub-social ul {
 	line-height: normal;
}

a#btn-sub-facebook {
	display: block;
	position: relative;
	width: 74px;
	height: 29px;
    background: url(images/btn-sub-facebook-sprite.png) no-repeat 0px -29px;
}

a#btn-sub-facebook:hover {
	background-position: 0 0;
	cursor: pointer;
}

a#btn-sub-twitter {
	display: block;
	position: relative;
	width: 54px;
	height: 29px;
    background: url('images/btn-sub-twitter-sprite.png') no-repeat 0 -29px;
}

a#btn-sub-twitter:hover {
    background-position: 0 0;
	cursor: pointer;
}

a#btn-sub-blog {
	display: block;
	position: relative;
	width: 60px;
	height: 29px;
    background: url('images/btn-sub-blog-sprite.png') no-repeat 0 -29px;
}

a#btn-sub-blog:hover {
    background-position: 0 0;
	cursor: pointer;
}


/*//// FOOTER NAV /////*/
#footer-home {
	width:900px;
	margin:60px auto 0 auto;
}


#footer-nav {
	margin:8px 0 0 0;
}

#footer-nav ul{
	margin:0;
	padding:0;
	color: #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style:none;
}

#footer-nav li{
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
}

#footer-nav a:link, #footer-nav a:visited {
	color:#999;
	text-decoration:none;
}

#footer-nav a:hover, #footer-nav a:active {
	color:#67AE3D;
	text-decoration:underline;
}

#footer-nav .facebook-icon a:link, #footer-nav .facebook-icon a:visited {
	background:url(images/Facebook_Badge_02_24_2009.gif) left no-repeat;
	padding:0;
	margin:2px 3px 0 0;
	display:block;
	width:14px;
	height:14px;
	float:left;
	color:#999;
	text-decoration:none;
	}

#footer-nav .facebook-icon a:hover {
	color:#3B5998;
	text-decoration:underline;
	}

#footer-nav img.facebook { margin-top:5px; }

/*//// SUB PAGE CSS ////*/
div.subpage-scribble-line{
	height:14px;
	background:url(images/sribble-rule.jpg) left no-repeat;
	clear:both;
	margin:15px 0 0 0;
}

#subpage-wrap {
	background:url(images/bg-home-middle.jpg) top center repeat-y;
	width:990px;
	margin:0 auto;
	padding: 0 0 30px 0;
}

#subpage-L {
	width: 219px;
	float:left;
	background:transparent url(images/bg-subpage-top-left.jpg) top left no-repeat;
}

#subpage-logo {
	margin:47px 0 0 9px;
}

#subpage-donate {
	margin: 2px auto;
	width:151px
}


#subpage-R {
	background: transparent url(images/bg-subpage-top-right.jpg) top left no-repeat;
	width:771px;
	float:left;
}

#subpage-top-info{
	margin:32px 18px 0 0;
}

/* special p and a CSS for info next to subpage tagline */

#subpage-top-info p {
	text-align:right;
	margin:0;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:18px;
}
				
#subpage-top-info a:link, #subpage-top-info a:visited {
	color:#fff;
	text-decoration:none;
}	

#subpage-top-info a:hover, #subpage-top-info a:active {
	color:#ffcb08;
	text-decoration:underline;
}	

/* ////////////////////////////////////////// */

#subpage-content {
	
	margin:15px 15px 0 15px;
}

#subpage-content-R {
	width:253px;
	float:right;
	margin:0 0 0 20px;
}

#subpage-content-L {
	width:460px;
}


#subpage-content-R div.small-box {
	margin:0 0 15px 0;
}

#subpage-content-R p {
	padding:0;
	margin:0 30px;
	font-size:11px;
	line-height:14px;
	color:#999;
}

#subpage-content-R-quote {
	background:url(images/bg-big-quote.jpg) no-repeat top center;
	height:366px;
	width:250px;
	margin:0 auto;
	padding:92px 0 0 0;
}

#subpage-content-R-quote p{
	padding:0;
	margin:0 30px 22px 30px;
	font-size:13px;
	line-height:22px;
	text-align:center;
	color:#fff;
}

#subpage-content-R-quote a:link, #subpage-content-R-quote a:visited{
	color:#fff;
	text-decoration:underline;
}

#subpage-content-R-quote a:hover, #subpage-content-R-quote a:active{
	color:#ffcb08;
	text-decoration:underline;
}


#subpage-content-R-quote ul{
	color:#fff;
	padding:0 20px;
	margin:0 0 20px 0;

}


#subpage-content-R-quote h2{
	padding:0;
	margin:10px 20px 10px 20px;
	font-size:15px;
	line-height:19px;
	color:#fff;
}

#subpage-content-R-small-quote {
	background:url(images/bg-small-quote.jpg) top center no-repeat;
	width:250px;
	height:130px;
	padding:50px 0 0 0;
	margin:0 auto;
}

#subpage-content-R-small-quote p{
	padding:0;
	margin:0 20px 0 30px;
	font-size:12px;
	line-height:20px;
	text-align:left;
	color:#fff;
}




/*//// SUBPAGE LEFT SIDE NAV ////*/
#subpage-left-nav-wrap {
	width:190px;
	margin:15px auto 0 auto;
}


#subpage-left-nav ul {
	list-style:none;
	margin:0;
	padding:0;
	color: #999;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
}


#subpage-left-nav li {
	list-style:none;
	display:block;
	margin:0;
	padding:3px 0px;
	border-bottom:#ccc solid 1px;
	font-size: 13px;
	line-height: 33px;
}

#subpage-left-nav li.sublink {
	list-style:none;
	display:block;
	margin:0 0 0 15px;
	padding:3px 0 3px 10px;
	font-size:11px;
	border-bottom:#ccc solid 1px;
	line-height: 23px;
	border-left:#ccc solid 1px;
}


#subpage-left-nav li.bottom-LI {
	list-style:none;
	display:block;
	margin:0;
	padding:3px 0px;
	border:none;
}


#subpage-left-nav a:link, #subpage-left-nav a:visited {
	background:#fff;
	color:#999;
	display:block;
	padding: 0 0 0 3px;
	text-decoration:none;
}

#subpage-left-nav a:hover {
	background:#e9f3e1;
	color:#999;
	display:block;
	padding: 0 0 0 3px;
	text-decoration:none;
}

#subpage-left-nav a:active {
	color:#fff;
	display:block;
	background:#D9E6D1;
	padding: 0 0 0 3px;
	text-decoration:none;
}



/* HELPERS */

/*//// IE FORM BG COLOR FIX ////*/
input {
background-color: #FFFFFF !important;
}
x 
#formreg input {
background-color: #FFFFFF !important;
}
 
div.spacer {
	clear: both;
	margin: 0;
	padding: 0;
}