@charset "iso-8859-1";
/*
*make text disappear
*size element to img size
*place img in background 
*/

/*
to target everything, use the * selector
*/

*{
	margin:0;
	padding:0;
}

body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:85%;	
	background-image:url(images/bkg.jpg);
}	

a, a:visited{
	color:#525466;
}

a:hover, a:active{
	color:#0066FF;
}

a, a:link{
	color:#660000;
}

a img{
	border:none;
}

body#links a:visited{
	text-decoration:line-through;
		color:000033;
}

div#page{
	left:50%;
	margin:0px auto;
        margin-left:-387px;
        width:775px;
        position:absolute;
		background-image:url(images/bkgwhite3.png);
	layer-background-image:url(images/bkgwhite3.png)
}

div#content{
		margin:0px 0px 0px 0px;
		}

div#contentText{
		margin:20px 20px 20px 20px;
	
}	

div.hr{
	border-top:1px solid #999;
	height:0px;
	overflow:hidden;
	margin:1em 0;
}

div#noscript{
	color:#E53990;
	border:3px dotted #D3E4CD;
	padding:20px;
	background-color:#3366CC;
}

	div#noscript p{
		margin:0;
	}
		div#noscript p + p{
			margin-top:1em;
		}

select, textarea, input {
	font-size:1em;
	margin:0;
	padding:0;
}
select > option { /* fixes select box display in firefox, when universal margin and padding have been zero'd */
  padding: 0 5px 0 3px;
}
textarea {
	font-family:inherit;
}

p{
	margin-bottom:1em;
}	

h1#logo a{
	width:172px;
	height:75px;
	background-image:url(images/topNav_bloom.png);
	background-repeat:no-repeat;
	float:left;
}

/*
use CSS selectors to target the h1 text: "find the h1 called "logo" and the span of that"
*/

h1#logo span{
	position:absolute;
	left:-3000px;
}

h2 {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:.5em;
}	

div#pageNav{
	text-align:right;
	clear:both;	  
	margin-right:1.5em;
}

div#pageNav a{
	text-decoration:none;
}

/*
there are some things which can be applied to all the topNavs... do those first! "find the ul called "topNav and go to the li's"
*/

/* ------- TOP NAV ------- */

ul#topNav {
	list-style:none;
	margin:53px 0 0 0;
	padding:0;
	float:right;
	
}
	ul#topNav li {
		float:left;
		margin:0 0 0 7px;
	}
		ul#topNav li a {
			height:19px;
			display:block;
			background-repeat:no-repeat;
		}
		ul#topNav li.on a,
		ul#topNav li a:hover,
		ul#topNav li.on a:hover {
			background-position:0px -19px;
		}
			ul#topNav li a span {
				position:absolute;
				left:-3000px;
			}  
			

ul#topNav li#about a{
	width:73px;
	background-image:url(images/topNav_about.png);
	}
			

ul#topNav li#getinvolved a{
	width:91px;
	background-image:url(images/topNav_involved.png);
}


ul#topNav li#issues a{
	width:73px;
	background-image:url(images/topNav_issues.png);
}
   
ul#topNav li#endorse a{
	width:91px;
	background-image:url(images/topNav_endorse.png)
}

ul#topNav li#news a{
	width:73px;
	background-image:url(images/topNav_news.png)
}


ul#topNav li#contact a{
	width:73px;
	background-image:url(images/topNav_contactus.png);
}


ul#address {
	clear:both;
	height:30px;
	margin:0 0 0 0;
	background-image:url(images/topNav_address.jpg);
	background-repeat:no-repeat;
}

ul#address li{
	position:absolute;
	left:-3000px;
}	 

			
	
			 
/* -------- DROP DOWN MENU -------- */


#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #3366CC;
}

						 
	
		/* ------- SPLASH------- */



div#splashColumn{
	float:left;
	display:inline;
	width:775px;
	margin:0px 0px 0px 0px;

	}
	


/* ------- ABOUT ------- */

div#aboutLeftColumn {
	float:left;
	display:inline;
	width:270px;
	margin:0px 10px 0px 0px;
}

div#aboutLeftColumn h2{
	font-weight:normal;
}

div#aboutRightColumn{
	float:right;
	display:inline;
	width:480px;
	margin:0px 10px 10px 10px;
	list-style:none;
	line-height:1.5em;
	margin:0px 0px 0 0;
}

div#aboutText{
	margin:5px 15px 5px 5px;
	line-height:1.4em;
}
		 
/* ------- GET INVOLVED------- */

div#getinvolved {
	float:left;
	display:inline;
	width:775px;
	margin:0px 10px 20px 10px;
}


div#getinvolvedText{
	margin:5px 15px 5px 5px;
	line-height:1.4em;
}



/* ------- LINKS ------- */

ul#linksContent {
	float:left;
	display:inline;
	width:320px;
	
}
ul#linksContent, ul#linksContent2{
	list-style:none;
	line-height:1.3em;
	float:left;	  
	margin-left:1.5em;
	margin-right:1.5em;
	
}

div#linksLeftColumn{
	float:left;
	display:inline;
	width:400px;
	margin:0px 10px 10px 10px;
	list-style:none;
	line-height:1.5em;
	float:left;	  	

}

div#linksRightColumn{
	float:right;
	display:inline;
	width:330px;
	margin:20px 0px 0px 0px;
	list-style:none;
	line-height:1.5em;

	
	
}		






/* ------- CONTACT US ------- */

ul#contactContent{
	list-style:none;
	line-height:1.3em;
}

div#contactLeftColumn{
	float:left;
	display:inline;
	margin:0px 0px 0px 0px;
}

div#contactRightColumn{
	float:right;
	display:inline;
	width:360px;
	margin:0 0 0 0;
}

div#contactText{
	margin-right:25px;
	line-height:1.5em;
}	

div#contactText2{
	margin-right:25px;
	line-height:1.5em;
	position:absolute;
	top:505px;
	left:550px;
}	



/* ------- BOTTOM NAV ------- */

div#bottomBar{ 
	clear:both;
	background-color:#4974a0;
	height:30px;
	background-repeat:no-repeat;
	background-position:right; 
		margin:0px 0px 0px 0px;	
			background-image:url(images/bottomBar.jpg);
	background-repeat:no-repeat;
	background-position:right;
		
}

		 
	

   		
		
		/* ------- SPLASH------- */



div#splashColumn{
	float:left;
	display:inline;
	width:775px;
	margin:0px 0px 0px 0;

	}
	
	div#splashText{
	float:left;
	display:inline;
	width:760px;
	margin:20px 20px 20px 20;

	}
	
	div#scrollColumn{
	float:left;
	display:inline;
	width:775px; 
	margin:0px 0px 0px 0px;
	background-image:url(images/bkgwhite3.png); 
	position:absolute;
	top:460px;
	left:0px;

		
}

	div#scrollColumnH{
	float:left;
	display:inline;
	width:300px;
	margin:20px 0px 10px 0px;
	background-image:url(images/bkgwhite3.png); 
	position:absolute;
	top:100px;
	left:0px;

		
}

	div#footer{
	float:left;
	display:inline;
	width:775px;
	margin:10px 0px 10px 0px;
	background-image:url(images/bkgwhite3.png); 
	position:absolute;
	top:460px;
	left:0px;
	

		
}

			 	
  		
 









/* ------- CONTACT US ------- */

ul#contactContent{
	list-style:none;
	line-height:1.3em;
}

div#contactLeftColumn{
	float:left;
	display:inline;
	margin:0px 0px 0px 0px;
}

div#contactRightColumn{
	float:right;
	display:inline;
	width:330px;
	margin:0 0 0 0;
}

div#contactText{
	margin-right:25px;
	line-height:1.5em;
}	



/* ------- BOTTOM NAV ------- */

div#bottomBar{ 
	clear:both;
	background-color:#3366CC;
	height:30px;
	background-repeat:no-repeat;
	background-position:right; 
		margin:0px 0 0px 0;	
			background-image:url(images/bottomBar.jpg);
	background-repeat:no-repeat;
	background-position:right;
		
}