/* Created by Rick Cecil | rick@interactiondesigners.com */
/* Version 1.5 */
/* Last updated 07.12.2004 */

/* Composition Styles */ 

	#advocacyHighlights {
		margin: 90px 375px 0 0;
		padding: 10px;
		}
		#advocacyHighlights li {
			margin: 0 0 25px 0;
			padding: 0 0 0 10px;
			}
		#advocacyHighlights ul {
			list-style: url(/assets/images/bullet.gif) none;
			}

	.clientQuote {
		color: #3E7A0A;
		position: absolute;
		right: 0;
		top: 0;
		width: 240px;
		padding: 10px;
		}
		.internal .clientQuote {
			position: static;
			float: right;
			padding: 10px 10px 20px 20px;
*			height: 400px;
			}
		.clientQuote .quote{
			font-size: 120%;
			font-weight: bold;
			line-height: 130%;
			}
		.clientQuote .quoteAttribute {
			display: block;
			margin: 20px 0 0 0;
			width: 100%;
			}

	.contactInfo {
		background: #B6D99D;
		border: 1px solid #97CE68;		
		float: right;
		margin: 0 0 10px 15px;
		padding: 10px;
		width: 175px;
		}
		.contact {
			padding: 0 10px 10px 0;
			}
		.contact span {
			display: block;
			}
		.contact .contactName {
			font-weight: bold;
			}


	#footer {
		background: #BEE0A0;
		font-size: 85%;
*		height: 40px;
		margin: 0;
		min-height: 40px;
		padding: 2px 0;
		position: relative;
		width: 100%;
		}
		#footer #bioLogo {
			position: absolute;
			right: 5px;
			top: 1px;
			}
		#footer #copyright {
			display: block;
			padding: 10px;
			}

	#header {
		background: #fff url(/assets/images/bgHeader.gif) no-repeat 90% -75px; /* hide bg image on wrapper */
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		}
		#header #logo {
			margin: 15px 25px;
			}
		#header #tagline {
			color: #5B5C5E;
			display: block;
			font-size: 170%;
			padding: 0 10px 0 0;
			position: absolute;
			right: 0;
			top: 30px;
			text-align: right;
			width: 570px;
			}


	#highlightContainer {
		background: #97CE68 url(/assets/images/bgLightGreen.gif) repeat-y left top;	
		}
		#highlight {
			background: url(/assets/images/random/homeTop/1.jpg) no-repeat 100% 10px;
			margin-left: 304px;
			}
			#highlight h1 {
				color: #333;
				}

	.inner {}
		#home .inner {
			background: url(/assets/images/random/homeRight/1.gif) no-repeat right top;
			border-top: 1px solid #F2F9EC;
			position: relative;
			width: 100%;
			}

	#mission {
		padding: 15px 50px;
		margin-right: 130px;
		}

	.middle{}
		#home .middle {
			border-top: 1px solid #F2F9EC;
			background: url(/assets/images/random/homeLeft/1.gif) no-repeat 20px 10px;
			}
		.internal .middle {
			}

	#newsEvents {
		float: left;
		margin-left: -304px; /*must be 1px less than width */
		padding: 15px;
		width: 305px;
		}
		#newsEvents .newsItem {
			display: block;
			margin: 10px 0 0 0;
			}

	#navPrimary {
		background: #1D5BA0;
		left: 0;
		position: absolute;
		top: 130px;
		width: 100%;
		}
		#navPrimary a {
			border-left: 1px solid #E1E9F2;
			color: #fff;
			display: block;
			float: left;
			padding: 10px 20px;
			text-decoration: none;
			}
		#navPrimary a:hover {
			background: #97CE68;
			color: #083465;
			}
		#navPrimary li {
			display: inline;
			}
		#navPrimary ul {
			list-style: none;
			margin: 0;
			padding: 0;
			margin: 0 0 0 80px;
			}
		#navPrimary .last a {
			border-right: 1px solid #E1E9F2;
			}
		#navPrimary .navJoin {
			border-left: 1px solid #E1E9F2;
			float: right;
			}
			#navPrimary .navJoin a {
				border: none;
				color: #083465;
				font-weight: bold;
				background: url(/assets/images/bgJoin.gif) no-repeat right bottom;
				}
			#navPrimary .navJoin a:hover {
				background: #97CE68;
				}
		.about #navAbout a, 
		.newsEvents #navNewsEvents a, 
		.resources #navResources a, 
		.membership #navMembership a{
			background: #97CE68;
			color: #1D5BA0;
			font-weight: bold;
			}
		#home #navHome {
			display: none;
			visibility: hidden;
			}


	#navSecondary {
		padding: 10px 0 0 0;
		}
		#navSecondary a {
			text-decoration: none;
			display: block;
			padding: 5px 0 5px 10px ;
			border-bottom: 1px solid #BDD7A7;
			width: 165px;
			}
			#navSecondary li a:hover {
				background: #BDD7A7 url(/assets/images/bullet.gif) no-repeat 90% 10px;
				}

		#navSecondary h1 {
			font-size: 110%;
			font-weight: bold;
			margin-bottom: 0;
			}
			#navSecondary h1 a {
				text-decoration: none;
				}
		#navSecondary img {
			border: 0;
			text-align: right;
			vertical-align: bottom;
			}
		#navSecondary li {
			margin: 0;
			padding: 0;
			}
		#navSecondary ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
			#navSecondary ul ul {
				margin: 0 0 5px 15px;
				}	

	#newsEventsIndex {}
		#newsEventsIndex .pressReleases{
			width: 35%;
			float: left;
			}
		#newsEventsIndex .events{
			margin-left: 35%;
			}

	.oneContainer {}
	
	.one {
		padding: 10px;
		}

	.one ul {
		list-style: url(/assets/images/bullet.gif) none;
		margin: 0 0 0 5px;
		padding: 0 0 0 15px;
		}


	.outer {
*			height: 400px;
		}
		#home .outer {
			background: #F2F9EC;
			min-height: 500px;
			}
		.internal .outer {
			background: url(/assets/images/random/secondary/1.gif) no-repeat 20px 30px;
			border-top: 10px solid #97CE68;
			}
		#newsEventsIndex .outer,
		.forums	.outer  {
			background: none; 			
			}


	.wrapper{}
		.internal .wrapper {
			background: #F2F9EC;
			}
		.internal.nav .wrapper {
			background: #F2F9EC url(/assets/images/bgGreen.gif) repeat-y left top;
			}
	


/* Structural Styles */

	html, body {
		height:100%;
		margin:0;
		padding:0;
		}
	
	.clear {
		clear: both;
		height: 1px;
		overflow:hidden;
		margin-top: -1px;
		display: block;
		}

	.wrapper {
		border: 1px solid #fff; /* Solves some bugs in Mozilla and Opera*/
		margin: 0 auto;
		max-width: 1000px;
		min-width: 740px;
		position: relative; /* Resets 0,0 for nested absolute positioned divs; also fixes bugs in IE*/
		width: auto; /*Insert pixel width here */
		}

	.outer {
		border: 1px solid #fff; /* Solves some bugs in Mozilla based browsers */
		margin-top: 168px;  /* Adjust to allow the header, nav to fit above the content.*/
		min-height: 320px;
		}
		.internal .outer {
			margin-top: 169px;  /* Adjust to allow the header, nav to fit above the content.*/		
			}

	
	/* Layout Styles */

		/* 21 */
			.layout21 .middle {
				margin-left: 200px;
				min-height:100%;
				}
			
			.layout21 .inner {
				float: left;
				width: 99%;
				} 
			.layout21 .oneContainer {
				float:left;
				margin: 0;
				padding: 0;
				width: 90%;
				}
			
			.layout21 .twoContainer {
				margin-left:-200px;	/*must be 1px greater than width */
				width:199px;
			position: relative;
			z-index: 100;
				}
				
				
		/* 12 */
			.layout12 .middle {
				margin-left: 200px;
				min-height:100%;
				}
			.layout12 .inner {
				width: 99%;
				} 
			.layout12 .oneContainer {
				margin-left: -199px; /*must be 1px less than width */
				width: 200px;
				float: left;
				}
			.layout12 .twoContainer {
				border: 1px solid #fff; /* Corrects bug in Mozilla */
				}

		/* 312 */
			.layout312 .middle {
				margin-right: 200px;
				min-height:100%;
				margin-left: 200px;	
				}
				#newsEventsIndex .middle {
					margin-left: 0;
					}
			.layout312 .inner {
				float: right;
				width: 99%;
				}
			.layout312 .oneContainer {
				margin: 0;
				padding: 0;
				float: left;
				}
			.layout312 .twoContainer {
				float: right;
				margin-right: -200px;
				width: 200px;
				}
			.layout312 .threeContainer {
				margin-left: -200px;
				width: 199px;
				}
	

		/* 213  */
			.layout213 .middle {
				min-height:100%;
				margin-left: 200px;	
				margin-right: 200px;
				}
			.layout213 .inner {
				float: left;
				width: 99%;
				}	
			.layout213 .oneContainer {
				margin: 0;
				padding: 0;
				float: left;
				}
			.layout213 .twoContainer {
				margin-left: -200px;
				width: 200px;
				}
			.layout213 .threeContainer {
				float: right;
				margin-right: -200px;
				width: 199px;
				}