@charset "utf-8";
body  {
    font: 100%  Tahoma,Verdana,Arial,Helvetica, sans-serif;
	background:#FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

  #container { 
	width: 960px;  /* this width will create a container that will fit in an 1024px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
} 

#wrapper {
	margin:1.5em auto;
	position:relative;
	top:6px;
	width:910px;
}

 #header { 
	background:#FFFFFF none repeat scroll 0 0;
	height:150px;
	padding:0 10px;
	position:relative;
	width:880px;
} 
 #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

img{
	border:0 none;
}

h1 {
	font-size:1.1em;
	font-weight:bold;
	width:270px;
}


 #sidebar1 {
	background:#FFFFFF none repeat scroll 0 0;
	float:left;
	margin-left:91px;
	margin-top:-1px;
	padding:2px;
	width:160px;
	z-index:-1;
}

#sidebar1 ul {
	list-style-type:none;
	position:relative;
	width:150px;
	left:-25px;
}

#sidebar1 li {
	padding-bottom:14px;
	width:146px;
}

#donateul {
	font-size:0.75em;
	margin-top:19px;
	color:#660066;
	line-height:1.4em;
	font-weight:bold;
}

#donate-block {
	margin-left:-20px;
}

#sidebar1 a {
	font-size:0.75em;
	font-weight:bold;
	text-decoration:none;
}

#sidebar1 p {
	font-size:0.75em;
	line-height:1.4em;
	font-weight:bold;
}

#sidebar1 h3, #sidebar1 p, #sidebar2 p, #sidebar2 h3 {
	margin-left: 10px; 
	margin-right: 10px;
 }


 #sidebar2 {
	background:#FFFFFF none repeat scroll 0 0;
	float:right;
	margin-top:20px;
	padding:2px;
	width:182px;
}


 #sidebar2 img {
	margin-left:18px;
	margin-top:-9px;
 }

 /******************SO CSS for quotes******************/

 #sidebar2 #donate-quote{
	background-image:url(images/donate-landing-quote.jpg);
	background-position:18px 0px;
	background-repeat:no-repeat;
	height:157px;
	padding:2px;
	width:172px;
 }

 #sidebar2 #getinvolved-quote {
 	background-image:url(images/getinvolved-landing-quote.jpg);
	background-position:18px 0px;
	background-repeat:no-repeat;
	height:219px;
	padding:2px;
	width:172px;
 }

#sidebar2 #whoweare-quote {
	background-image:url(images/whoweare-landing-quote.jpg);
	background-position:18px 0px;
	background-repeat:no-repeat;
	height:326px;
	padding:2px;
	width:172px;
}

  #sidebar2 #mission-quote {
	background-image:url(images/whoweare-mission-quote.jpg);
	background-position:18px 0px;
	background-repeat:no-repeat;
	height:234px;
	padding:2px;
	width:172px;
 }

   #sidebar2 #outcomes-impact-quote {
 	background-image:url(images/outcomes-landing-quote.jpg);
	background-position:18px 0px;
	background-repeat:no-repeat;
	height:176px;
	padding:2px;
	width:172px;
 }

 #sidebar2 #outcomes-quote {
 	background-image:url(images/outcomes-quote.jpg);
	background-position:18px 30px;
	background-repeat:no-repeat;
	height:196px;
	padding-top: 20px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	width:172px;
 }

 #sidebar2 #gethelp-quote {
 	background-image:url(images/gethelp-landing-quote.jpg);
	background-position:18px 0px;
	background-repeat:no-repeat;
	display:table-cell;
	height:157px;
	padding:2px;
	vertical-align:middle;
	width:172px;
 }

 #sidebar2 #res-for-children-quote {
 	background-image:url(images/gethelp-children-quote.jpg);
	background-position:18px 0px;
	background-repeat:no-repeat;
	height:293px;
	padding:2px;
	width:172px;
 }

  #sidebar2 #flc-quote {
  	background-image:url(images/gethelp-flc-quote.jpg);
	background-position:18px 0px;
	background-repeat:no-repeat;
	height:317px;
	padding:2px;
	width:172px;
  }

   #sidebar2 #ei-sites-quote {
	background-image:url(images/gethelp-ei-sites-quote.jpg);
	background-position:18px 0px;
	background-repeat:no-repeat;
	height:187px;
	padding:2px;
	width:172px;
  }

   #sidebar2 #hotline-quote {
	background-image:url(images/gethelp-hotline-quote.jpg);
	background-position:18px 0px;
	background-repeat:no-repeat;
	height:212px;
	padding:2px;
	width:172px;
  }
  
  #sidebar2 #legaled-quote {
  	background-image:url(images/gethelp-legaled-quote.jpg);
	background-position:18px 0px;
	background-repeat:no-repeat;
	height:158px;
	padding:2px;
	width:172px;
  
  }

#sidebar2 #resource-guides-quote {
 	background-image:url(images/gethelp-lrg-quote.jpg);
	background-position:18px 0px;
	background-repeat:no-repeat;
	height:209px;
	padding:2px;
	width:172px;
 }

#sidebar2 #legaled-quote a,#sidebar2 #resource-guides-quote a,#outcomes-quote a{
	color:#FFFFFF;
}
#sidebar2 #legaled-quote a:hover,#sidebar2 #resource-guides-quote a:hover,#outcomes-quote a:hover{
	color:#000000;
}

 /******************EO CSS for quotes******************/

 #sidebar2 p {
	color:#FFFFFF;
	font-size:0.84em;
	line-height:1.5em;
	margin-left:28px;
 }

#sidebar2 ul {
	color:#FFFFFF;
	font-size:0.84em;
	line-height:1.5em;
	margin-left: 10px;
}

.gethelpbody #sidebar2 span{
	margin-left:18px;
	font-size:.75em;
	display:block;
	height:34px;
}

 #checkout {
	margin-top:30px;
 }

.gethelp {
	color:#0088b2;
}

.outcomes {
	color:#f47932;
}

.getinvolved {
	color:#c8215d;
}

.whoweare {
	color:#45812b;
}

.general {
	color:#660066;
}

#mainContent {
	float:left;
	font-size:0.75em;
	line-height:1.4em;
	padding:10px;
	width:445px;
}

p#donateonlinenow {
	font-size:1.2em;
}

#mainContent a, #mainContent li a {
color:#660066;
}

#toolbar {
	position:absolute;
	left:584px;
	top:163px;
	width:85px;
}

#toolbar a {
	padding:4px;
	text-decoration:none;
}


#footer { 
	padding: 0 10px; 
	clear:both;
	text-align:center;
	width:880px;
}

 span.footerspan{ 
	padding:10px;
	font-size:0.7em;
	color:#45812b;
	font-weight:bold;
}

#footer a{ 
	text-decoration:none;
	color:#45812b;
	font-weight:bold;
}

#footer a:hover{ 
	color:#000000;
}

 
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/**********SO CSS for Header**************************/
 
 .home #container #wrapper #sidebar2 ul #donatestyle a {
	color: #069;
	font-size: 14px;
}

 .home #container #wrapper #sidebar2 ul #announcestyle a {
	color: #E7165A;
	font-size: 12px;
}

#logo {
	width:90px;
	height:115px;
	position:relative;
	bottom:12px;
	right: 20px;
}

#primarylinks {
	margin-left:95px;
	margin-top:-16px;
	width:815px;
	}

#whoweare,#whatwedo, #gethelp,#getinvolved, #donate{
	float:left;
	width:160px;	
}

#secondarylinks {
	left:465px;
	position:absolute;
	top:10px;
	width:515px;
}

#secondarylinks a {
	font-size:0.7em;
	padding:5px;
	text-decoration:none;
	color:#45812b;
	font-weight:bold;

}

#secondarylinks a:hover{
	color:#000000;
}

#secondarylinks span {
	font-size:0.7em;
}

#navlinks {
	float:right;
	position:relative;
	left:0.5em;
	top:-8em;
	padding-right:0.5em;
}


/**********EO CSS for Header**************************/

/************CSS for dropdown menus**************************/
#primarylinks ul#nav {
	 padding: 0;
	 margin: 0;
	 width:815px;
 }
 
 #primarylinks ul{
  list-style: none;
}

#primarylinks ul#nav li {
	 float: left;
	 position: relative;
	 width: 160px;
 }

body #primarylinks ul li ul li:last-child {
	border-bottom:none !important;
}

/*body #primarylinks ul li ul li:last-child a:hover {
	-webkit-border-radius:0 0 0.3em 0.3em; -moz-border-radius:0 0 0.3em 0.3em;
}*/


/************CSS for dropdown menus WHO WE ARE**************************/  

 #primarylinks li#whoweareprime:hover ul#whowearesubprime, #primarylinks li#whoweareprime.over ul#whowearesubprime, #primarylinks li#whoweare_green_prime:hover ul#whoweare_green_subprime, #primarylinks li#whoweare_green_prime.over ul#whoweare_green_subprime
 { 
	 display: block; 
 }

#primarylinks ul#whowearesubprime li a, #primarylinks ul#whoweare_green_subprime li a{
	text-decoration:none;
}

#primarylinks ul#whowearesubprime li:hover a, #primarylinks ul#whoweare_green_subprime li:hover a {
	text-decoration:none;
}

#primarylinks ul#whowearesubprime li a, #primarylinks ul#whoweare_green_subprime li a{
	color:#FFFFFF;
	display:block;
	font-size:0.7em;
	height:20px;
	padding-left:5px;
	width:151px;
}

#primarylinks ul#whowearesubprime li , #primarylinks ul#whoweare_green_subprime li{
	position:relative;
}

#primarylinks li#whoweareprime ul#whowearesubprime,#primarylinks li#whoweare_green_prime ul#whoweare_green_subprime  {
	display:none;
	left:1px;
	padding:0;
	position:absolute;
	top:1.1em;
	z-index:1;
	width:156px;
}

#primarylinks li#whoweareprime ul#whowearesubprime {
 border-top:5px solid #660066;
}

#primarylinks li#whoweare_green_prime ul#whoweare_green_subprime {
 border-top:5px solid #45812b;
}


#primarylinks li#whoweareprime ul#whowearesubprime {
	background-image:url(images/whoweare_drpdwn.jpg);
	background-position:0 -9px;
	background-repeat:no-repeat;
}

#primarylinks li#whoweare_green_prime ul#whoweare_green_subprime {
	background-image:url(images/whoweare_drpdwn_green.jpg);
	background-position:0 -9px;
	background-repeat:no-repeat;
}

#primarylinks ul#whowearesubprime li a:hover {
	background-color:#660066;
}

#primarylinks ul#whoweare_green_subprime li a:hover {
	background-color:#45812b;
}

#primarylinks ul#whowearesubprime li ,#primarylinks ul#whoweare_green_subprime li {
	border-bottom:1px solid #FFFFFF;
	width:156px;
}

/************CSS for dropdown menus WHO WE ARE**************************/

/************CSS for dropdown menus IMPACTS**************************/

#primarylinks li#impactsprime:hover ul#impactssubprime, #primarylinks li#impactsprime.over ul#impactssubprime, #primarylinks li#impacts_orange_prime:hover ul#impacts_orange_subprime, #primarylinks li#impacts_orange_prime.over ul#impacts_orange_subprime
 { 
	 display: block; 
 }

#primarylinks ul#impactssubprime li a, #primarylinks ul#impacts_orange_subprime li a{
	text-decoration:none;
}

#primarylinks ul#impactssubprime li:hover a, #primarylinks ul#impacts_orange_subprime li:hover a {
	text-decoration:none;
}

#primarylinks ul#impactssubprime li a, #primarylinks ul#impacts_orange_subprime li a{
	color:#FFFFFF;
	display:block;
	font-size:0.7em;
	height:20px;
	padding-left:5px;
	width:151px;
}

#primarylinks ul#impactssubprime li , #primarylinks ul#impacts_orange_subprime li {
	position:relative;
}

#primarylinks li#impactsprime ul#impactssubprime,#primarylinks li#impacts_orange_prime ul#impacts_orange_subprime  {
	display:none;
	left:1px;
	padding:0;
	position:absolute;
	top:1.1em;
	z-index:1;
	width:156px;
}
 
#primarylinks li#impactsprime ul#impactssubprime {
border-top:5px solid #660066;
}

#primarylinks li#impacts_orange_prime ul#impacts_orange_subprime{
border-top:5px solid #f47932;
}

#primarylinks li#impactsprime ul#impactssubprime {
background-image:url(images/impacts_drpdwn.jpg);
background-position:0 -8px;
background-repeat:no-repeat;
}

#primarylinks li#impacts_orange_prime ul#impacts_orange_subprime {
background-image:url(images/impacts_drpdwn_orange.jpg);
background-position:0 -8px;
background-repeat:no-repeat;
}

#primarylinks ul#impactssubprime li a:hover {
background-color:#660066;
}

#primarylinks ul#impacts_orange_subprime li a:hover {
background-color:#f47932;
}

#primarylinks ul#impactssubprime li ,#primarylinks ul#impacts_orange_subprime li {
	border-bottom:1px solid #FFFFFF;
	width:156px;
}
/************CSS for dropdown menus IMPACTS**************************/

/************CSS for dropdown menus GET HELP**************************/
#primarylinks li#gethelpprime:hover ul#gethelpsubprime, #primarylinks li#gethelpprime.over ul#gethelpsubprime, #primarylinks li#gethelp_blue_prime:hover ul#gethelp_blue_subprime, #primarylinks li#gethelp_blue_prime.over ul#gethelp_blue_subprime
 { 
	 display: block; 
 }

#primarylinks ul#gethelpsubprime li a, #primarylinks ul#gethelp_blue_subprime li a{
	text-decoration:none;
}

#primarylinks ul#gethelpsubprime li:hover a, #primarylinks ul#gethelp_blue_subprime li:hover a {
	text-decoration:none;
}

#primarylinks ul#gethelpsubprime li a,#primarylinks ul#gethelp_blue_subprime li a{
	color:#FFFFFF;
	display:block;
	font-size:0.7em;
	height:20px;
	padding-left:5px;
	width:151px;
}

#primarylinks ul#gethelpsubprime li ,#primarylinks ul#gethelp_blue_subprime li {
	position:relative;
}

#primarylinks li#gethelpprime ul#gethelpsubprime,#primarylinks li#gethelp_blue_prime ul#gethelp_blue_subprime  {
	display:none;
	left:1px;
	padding:0;
	position:absolute;
	top:1.1em;
	z-index:1;
	width:156px;
}
 
#primarylinks li#gethelpprime ul#gethelpsubprime{
	border-top:5px solid #660066;
}

#primarylinks li#gethelp_blue_prime ul#gethelp_blue_subprime{
	border-top:5px solid #0088b2;
}

#primarylinks li#gethelpprime ul#gethelpsubprime {
	background-image:url(images/get_help_drpdwn.jpg);
	background-position:0 -12px;
	background-repeat:no-repeat;
}

#primarylinks li#gethelp_blue_prime ul#gethelp_blue_subprime {
	background-image:url(images/get_help_drpdwn_blue.jpg);
	background-position:0 -12px;
	background-repeat:no-repeat;
}

#primarylinks ul#gethelpsubprime li a:hover {
background-color:#660066;
}

#primarylinks ul#gethelp_blue_subprime li a:hover {
background-color:#0088b2;
}

#primarylinks ul#gethelpsubprime li ,#primarylinks ul#gethelp_blue_subprime li {
	border-bottom:1px solid #FFFFFF;
	width:156px;
}


/************CSS for dropdown menus GET HELP**************************/

/************CSS for dropdown menus GET INVOLVED**************************/
  #primarylinks li#getinvolvedprime:hover ul#getinvolvedsubprime, #primarylinks li#getinvolvedprime.over ul#getinvolvedsubprime, #primarylinks li#getinvolved_pink_prime:hover ul#getinvolved_pink_subprime, #primarylinks li#getinvolved_pink_prime.over ul#getinvolved_pink_subprime
 { 
	 display: block; 
 }

#primarylinks ul#getinvolvedsubprime li a, #primarylinks ul#getinvolved_pink_subprime li a{
	text-decoration:none;
}

#primarylinks ul#getinvolvedsubprime li:hover a, #primarylinks ul#getinvolved_pink_subprime li:hover a {
	text-decoration:none;
}

#primarylinks ul#getinvolvedsubprime li a, #primarylinks ul#getinvolved_pink_subprime li a{
	color:#FFFFFF;
	display:block;
	font-size:0.7em;
	height:20px;
	padding-left:5px;
	width:151px;
}

#primarylinks ul#getinvolvedsubprime li,#primarylinks ul#getinvolved_pink_subprime li{
	position:relative;
}

#primarylinks li#getinvolvedprime ul#getinvolvedsubprime,#primarylinks li#getinvolved_pink_prime ul#getinvolved_pink_subprime  {
	display:none;
	left:1px;
	padding:0;
	position:absolute;
	top:1.1em;
	z-index:1;
	width:156px;
	border-top:5px solid #660066;
}
 
#primarylinks li#getinvolvedprime ul#getinvolvedsubprime {
	border-top:5px solid #660066;
}

#primarylinks li#getinvolved_pink_prime ul#getinvolved_pink_subprime {
		border-top:5px solid #c8215d;
}

#primarylinks li#getinvolvedprime ul#getinvolvedsubprime {
	background-image:url(images/get_involved_drpdwn.jpg);
	background-position:0 -13px;
	background-repeat:no-repeat;
}

#primarylinks li#getinvolved_pink_prime ul#getinvolved_pink_subprime {
	background-image:url(images/get_involved_drpdwn_pink.jpg);
	background-position:0 -13px;
	background-repeat:no-repeat;
}

#primarylinks ul#getinvolvedsubprime li a:hover{
	background-color:#660066;
}

#primarylinks ul#getinvolved_pink_subprime li a:hover {
	background-color:#c8215d;
}


#primarylinks ul#getinvolvedsubprime li ,#primarylinks ul#getinvolved_pink_subprime li {
	border-bottom:1px solid #FFFFFF;
	width:156px;
}


/************CSS for dropdown menus GET INVOLVED**************************/


/********SO CSS for sitemap page*****************************/
#sitemap1,#sitemap2,#sitemap3 {
	float:left;
	width:160px;
	padding-bottom:15px;
}

#sitemap1 p a ,#sitemap2 p a,#sitemap3 p a,#sitemap4 p a ,#sitemap5 p a,#sitemap6 p a {
	display:block;
	height:20px;
	width:157px;
	padding-bottom:3px;
} 

#sitemap4{
	clear:left;
	float:left;
	width:160px;
}

#sitemap5,#sitemap6 {
	float:left;
	width:160px;
}

.sitemap #mainContent, .sitemap #content{
	width:480px;

}

/*************EO CSS for sitemap page*************************************/

/*************SO CSS for home page*************************************/

.home #header { 
	background:#FFFFFF none repeat scroll 0 0;
	height:130px;
	padding:0 10px;
	position:relative;
	width:880px;
}

.home #mainContent {
	float:left;
	margin:0px 0 0 100px;
	padding:0;
	width:652px;
	font-size:.8em;
}

.home #sidebar2 {
	background:#FFFFFF none repeat scroll 0 0;
	float:right;
	margin-left:0px;
	margin-top:0px;
	padding:7px;
	width:142px;
}

.home #toolbar,.sitemap #toolbar {
	display:none;
}

.home #sidebar2 ul {
	list-style-type:none;
	width:142px;
	margin-left:0px;
	padding:0px;
}

.home #sidebar2 ul li a {
	text-decoration:none;
	color:#45812b;
	font-weight:bold;
}

.home #sidebar2 ul li a:hover {
	color:#000000;
}


.home #sidebar2 ul li span {
	display:block;
	height:60px;
    line-height:1em;
	font-size:.8em;
	color:#45812b;
}

.home #line1 {
	float:left;
	margin-top:0px;
	width:652px;
	margin-top:15px;
}

.home #line2 {
	clear:left;
	float:left;
	width:652px;
}

.home #image1, .home #image2, .home #image3, .home #image4, .home #image5, .home #image6, .home #image7, .home #image8{
	float:left;
	height:166px;
	padding:2px;
	width:159px;
}

.home #mainContent p {
	padding-top:10px;
    width::652px;
    padding-bottom:1px;
 }
/*************EO CSS for home page*************************************/
