@charset "utf-8";
/* CSS Document */
/*
----------------------------------------------------------------
						BASE
---------------------------------------------------------------- */

/* reset styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}

body {
	margin:0px;
	padding:0;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
}

/*
----------------------------------------------------------------
						STYLES
---------------------------------------------------------------- */
h1 {
	font-size: 18px;
	line-height: 27px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #425968;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 14px 0 3px 0;
	zoom: 1;
}

h2 {
	font-size: 20px;
	line-height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #000;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 3px 0 0px 0;
	zoom: 1;
}

h3 {
	font-size: 18px;
	line-height: 27px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #95AB63;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 14px 0 3px 0;
	zoom: 1;
}

h4 {
	font-size: 10px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #000;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0 0px 0;
	zoom: 1;
}

h5 {
	font-size: 10px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:italic;
	color: #000;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0 0px 0;
	zoom: 1;
}

p {
	font-size: 13px;
	line-height: 19.5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #231F20;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0 10px 0;
	zoom: 1;
}
a {
	font-size: 13px;
	line-height: 19.5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E29E55;
	text-decoration:none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0;
	zoom: 1; 
}

ul.bullets {
    color: #231F20;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
	list-style-position:outside;
   	padding-left : 15px;
	margin:10px;
}

li.bullets {
    color: #231F20;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 19.5px;
	list-style-position:outside;
   	  padding-left : 15px; 
}

.advert-right_column {
	margin-top: 45px;
}


/* HOME PAGE STYLES */
#block_banner a {
	color: #F8971D;
}

#block_banner_center_column h3 {
	font-size: 12px;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #000;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0 0px 0;
	zoom: 1;	
}

/* PDF DOC DOWNLOADS STYLES */
#pdf_doc_downloads p {
	font-size: 13px;
	line-height: 19.5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #231F20;
	padding-top: 7px;
	padding-bottom: 15px;
	margin: 0px 0 10px 0;
	zoom: 1;
}

img.download_icon {
	float:left;
	border: 0px;
	margin-left: 0px;
	margin-right: 3px;
	margin-top:7px;
	margin-bottom:5px;
	padding-bottom: 3px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

/* SUPPORT DONATE STYLES */
.donate_form {
	width: 70px;
	float:left;
}

/* CALENDER LIST STYLES */
dl.calender_events {
	margin: 1em 0;
	padding: 0;
}

.calender_events dt {
	position: relative;
	left: 0;
	top: 1.5em;
	width: 500px;
	font-weight: normal;
	color:#95AB63;
	font-size:13px;
}

.calender_events dd {
	border-left: 1px solid #95AB63;
	margin: 0 0 0 120px;
	padding: 0 0 20px 20px;
}

/* CONTACT LIST STYLES */
dl.contact_info {
	margin: 2em 0;
	padding: 0;
}

.contact_info dt {
	position: relative;
	left: 0;
	top: 1.3em;
	width: 500px;
	font-weight: normal;
	color:#95AB63;
	font-size:13px;
}

.contact_info dd {
	border-left: 1px solid #95AB63;
	margin: 0 0 0 85px;
	padding: 0 0 20px 20px;
}

/* ABOUT US STYLES */
.who_we_are {
	font-size: 15px;
	line-height: 25px;
	word-spacing:4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #000;
	padding-top: 0px;
	padding-bottom: 20px;
	margin: 0px 0 0px 0;
	zoom: 1;
}
/* ARTICLE PIX STYLES */
.article_pix {
	clear:both;
	width: 330px;
	margin: 5px 10px 0px 0px;
	padding-top: 45px;
}

.article_pix img {
	float:left;
	border: 1px solid #CCC;
	margin-top: 5px;
	margin-right: 8px;
}

.article_pix p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}

/* BOARD PIX STYLES */
.board_pix img {
	border: 1px solid #CCC;
	padding: 0px;
}

.board_pix {
	float:left;
	width: 90px;
	margin: 5px 10px 0px 0px;
}

.board_pix p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align:center;
}

/* SISTERS STORIES STYLES */
.sisters {
	font-size: 13px;
	line-height: 19.5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #231F20;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0 0px 0;
	zoom: 1;
}

.sisters-stories p {
	font-size: 13px;
	line-height: 19.5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #231F20;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0 10px 0;
	zoom: 1;
}
	

/* RIGHT COLUMN STYLES */
#right_column img {
	border: 0;
}

/* LOGOS STYLES */
.logos_row1 {
	float: left;
	width: 240px;
	margin: 0 0px 0px 0px;
}

.logos_row2 {
	float: left;
	width: 240px;
	margin: 0 0px 15px 0px;
}


.logos_row1 img {
	border: 0;
}

.logos_row2 img {
	border: 0;
}

/* FOOTER STYLES */
#footer_advert h3 {
	font-size: 18px;
	line-height: 27px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #95AB63;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0 0px 0;
	zoom: 1;
}

#footer_advert h4 {	
	color: #F6FFE0;
}

#footer_advert h5 {	
	color: #F6FFE0;
}

#footer_advert p {
	font-size: 12px;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #F6FFE0;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 5px;
	margin: 0px 0 0px 0;
	zoom: 1;
}

#footer_advert a {
	font-size: 12px;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E29E55;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0;
	zoom: 1; 
}

#footer_nav h2 {
	font-size: 18px;
	line-height: 27px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #95AB63;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0 0px 0;
	zoom: 1;
}
#footer_nav p {	
	font-size: 12px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #F6FFE0;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 5px;
	margin: 0px 0 0px 0;
	zoom: 1;
	
}
#footer_nav h4 {	
	color: #F6FFE0;
}

#footer_nav a {
	color: #E29E55;	
}

#footer img {
	border: 0;
}

/* IMAGE STYLES */
img.social_bookmarks  {
	float:left;
	margin-left: 0px;
	margin-right: 8px;
	margin-top:0px;
	padding-bottom: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-right: 0px;
}


img.donate_tiers {
	float:left;
	margin-right:10px;
}

/* MISC STYLES */
.downloads p{
	font-size: 13px;
	line-height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #231F20;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0 10px 0;
	zoom: 1;	
}

ul.downloads{
	list-style-type: none;
}

.author {
	font-size: 13px;
	line-height: 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #000;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0 0px 0;
	zoom: 1;
}
	
.copyright {
	clear:both;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	word-spacing:0px;
	padding-top:20px;
	color:#F6FFE0;
}

/*
----------------------------------------------------------------
						IE BUG FIXES
---------------------------------------------------------------- */

#block_banner_gap{ /*IE gap*/
	display:block;
}

#apaw_header_gap { /*IE gap*/
	display:block;
}

#apaw_logos_gap { /*IE gap*/
	display:block;
}

#apaw_right_ad_gap { /*IE gap*/
	display:block;
}

#apaw_block_banner_gap { /*IE gap*/
	display:block;
}

/*
----------------------------------------------------------------
					OUTER AND INNER WRAPPERS
---------------------------------------------------------------- */
#outer_wrapper {
	width: 960px; margin-left:auto; margin-right:auto;
}

#inner_wrapper {
	width: 960px; margin-left:auto; margin-right:auto;
}

/*
----------------------------------------------------------------
				MASTHEAD: HEADER AND BLOCK BANNER
---------------------------------------------------------------- */
#masthead {width: 960px;
}

#header {height:164px; margin-top:0px; padding: 0px;
}

/*
----------------------------------------------------------------
					TOP NAVIGATION
---------------------------------------------------------------- */
#top_nav {width:960px; background-color:#F6FFE0;
}

#top_nav span {
  display: none;
}

ul.navTop {
	margin:0;
	padding-left: 0;
	padding-right: 0;
	list-style-type: none;
	border-top: 1px solid #b0b9c0;
	border-bottom: 1px solid #b0b9c0;
	border-right: 1px solid #b0b9c0;
	overflow:hidden;
	zoom:1;   /* for IE6 */
}
	
ul.navTop li {
	float:left;
	width: 130px;
}
	
ul.navTop li a {
	border: 1px solid #b0b9c0;
	border-right:none;
	border-top:none;
	border-bottom:none;
	padding: 0px 0px 0px 0px;
	display:block;
	width: 130px;
    height: 44px;
	zoom:1; /* for IE6 */
}
/*
----------------------------------------------------------------
				TOP NAV ROLLOEVER - CSS SPRITES
---------------------------------------------------------------- */
/* ON PAGE CONDITIONS */
#home #homeLink {
	background-color:#F6FFE0;
	display: block; 	
	background:url(../artwork/apaw-top-nav-home.gif) no-repeat 0 -44px;
}

#programs #programsLink {
	background-color:#F6FFE0;
	display: block;  	
	background:url(../artwork/apaw-top-nav-programs.gif) no-repeat 0 -44px;
}

#calendar #calendarLink {
	background-color:#F6FFE0;
	display: block;  	
	background:url(../artwork/apaw-top-nav-calendar.gif) no-repeat 0 -44px;
}

#news #newsLink {
	background-color:#F6FFE0;
	display: block;  	
	background:url(../artwork/apaw-top-nav-news.gif) no-repeat 0 -44px;
}

#support #supportLink {
	background-color:#F6FFE0;
	display: block;  	
	background:url(../artwork/apaw-top-nav-support.gif) no-repeat 0 -44px;
}

#about #aboutLink {
	background-color:#F6FFE0;
	display: block;  	
	background:url(../artwork/apaw-top-nav-about.gif) no-repeat 0 -44px;
}

/* NORMAL CONDITIONS */
#homeLink {
	background-color:#F6FFE0;
	display: block; 	
	background:url(../artwork/apaw-top-nav-home.gif) no-repeat 0 0px;
}

#homeLink:hover { 
  background-position: 0px -44px;
}

#programsLink {
	background-color:#F6FFE0;
	display: block;  	
	background:url(../artwork/apaw-top-nav-programs.gif) no-repeat 0 0;
}

#programsLink:hover
{ 
  background-position: 0px -44px;
}

#calendarLink {
	background-color:#F6FFE0;
	display: block;  	
	background:url(../artwork/apaw-top-nav-calendar.gif) no-repeat 0 0;
}

#calendarLink:hover
{ 
  background-position: 0px -44px;
}

#newsLink {
	background-color:#F6FFE0;
	display: block;  	
	background:url(../artwork/apaw-top-nav-news.gif) no-repeat 0 0;
}

#newsLink:hover
{ 
  background-position: 0px -44px;
}

#supportLink {
	background-color:#F6FFE0;
	display: block;  	
	background:url(../artwork/apaw-top-nav-support.gif) no-repeat 0 0;
}

#supportLink:hover
{ 
  background-position: 0px -44px;
}

#aboutLink {
	background-color:#F6FFE0;
	display: block;  	
	background:url(../artwork/apaw-top-nav-about.gif) no-repeat 0 0;
}

#aboutLink:hover
{ 
  background-position: 0px -44px;
}

#contactLink {
	background-color:#F6FFE0;
	display: block;  	
	background:url(../artwork/apaw-top-nav-contact.gif) no-repeat 0 0;
}

#contactLink:hover
{ 
  background-position: 0px -44px;
}

/*
----------------------------------------------------------------
						BLOCK BANNER
---------------------------------------------------------------- */

#block_banner {
	width:960px;
	margin-left:0px;
	margin-right:0px;
	background: url(../artwork/faux_column_block.gif) repeat-y;
	border:0px solid #000;
}

#block_banner_center_column {
	float:left;
	width: 400px;
	margin-left:0px;
	margin-right:0px;
	padding-left:10px;
	padding-right:20px;
	border:0px solid #C69;
} 

#block_banner_right_column {
	float:right;
	width:530px;
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	padding-left:0px;
	border:0px solid #9C0;
}

#s3slider { 
   width: 530px; /* important to be same as image width */ 
   height: 250px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 530px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 524px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}
#faux_column_block_anchor {
	clear:both;
	margin-left:0px;
	border-top:0px solid #000;
}
/*
----------------------------------------------------------------
	COLUMN WRAPPER AND CONTENT: LEFT, CENTER AND RIGHT COLUMNS
---------------------------------------------------------------- */

#column_wrapper{
	background:url(../artwork/faux_content.gif) repeat-y;
	background-color:#FFF;
}
 
#content { 
	width:940px;
	margin-left:10px;
	margin-right:10px; /* set the gutter = 10px left and right */
	display:inline;
}

#about #left_column {
	float:left;
	width: 150px;
	margin-right:-810px;
}

#history #left_column {
	float:left;
	width: 150px;
	margin-right:-810px;
}

#board #left_column {
	float:left;
	width: 150px;
	margin-right:-810px;
}

#founders #left_column {
	float:left;
	width: 150px;
	margin-right:-810px;
}

#sisters #left_column {
	float:left;
	width: 150px;
	margin-right:-810px;
}

#sisters_stories #left_column {
	float:left;
	width: 150px;
	margin-right:-810px;
}

#starfishstory #left_column {
	float:left;
	width: 150px;
	margin-right:-810px;
}

/* LEFT NAV STYLES */
#left_column ul {
	margin-top: 0px;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#left_column a {
	color: #425968;
	display: block;
	padding: 4px 3px 4px 3px;
	width: 140px;
}

#left_column a:link, #navlist a:visited {
	color: #425968;
	text-decoration: none;
}

#left_column a:hover {
	color: #E29E55;
}

#top_info {
	margin-top: 45px;
}

#bottom_info {
	margin-top: 20px;
}

/* CENTER COLUMN */
#about #center_column {
	float:left;
	width: 430px;
	margin-left:150px;
	margin-right:360px;
	padding-right:0px;
} 

#history #center_column {
	float:left;
	width: 430px;
	margin-left:150px;
	margin-right:360px;
	padding-right:0px;
} 
	
#board #center_column {
	float:left;
	width: 430px;
	margin-left:150px;
	margin-right:360px;
	padding-right:0px;
} 

#founders #center_column {
	float:left;
	width: 430px;
	margin-left:150px;
	margin-right:360px;
	padding-right:0px;
}
	
#founders_left {
	float:left;
	width: 215px;
	margin-left:0px;
	margin-right:-215px;
	margin-top:20px;
}
	
#founders_right {
	float:right;
	width: 215px;
	margin-left:-215px;
	margin-right:0px;
	margin-top:20px;
}

#sisters #center_column {
	float:left;
	width: 765px;
	margin-left:150px;
	margin-right:25px;
	padding-right:0px;
}
	
#sisters_stories #center_column {
	float:left;
	width: 430px;
	margin-left:150px;
	margin-right:360px;
	padding-right:0px;
}
	
#starfishstory #center_column {
	float:left;
	width: 430px;
	margin-left:150px;
	margin-right:360px;
	padding-right:0px;
} 

#center_column {
	float:left;
	width: 570px;
	margin-left:10px;
	margin-right:360px;
	padding-right:0px;
}

#donate_circle {
	padding-top:5px;
	padding-bottom:5px;
}

#donate_starfish {
	padding-top:5px;
	padding-bottom:5px;
}

#donate_associate {
	padding-top:5px;
	padding-bottom:5px;
}

#donate_student {
	padding-top:5px;
	padding-bottom:5px;
}

#donate_other {
	padding-top:5px;
	padding-bottom:5px;
}

#donate_corporate {
	padding-top:5px;
	padding-bottom:5px;
}

/* RIGHT COLUMN */
#right_column {
	float:right;
	width:340px;
	margin-top:0px;
	margin-right:0px;
	margin-left:-340px;
	padding-left:0px;
}

#right_column_top {
}

#right_column_mid {
}
#right_column_bot {
}

/* FAUX CONTENT ANCHOR */
#faux_content_anchor {
	clear:both;
	margin-left:0px;
	border-top:0px solid #000;
}

/*
----------------------------------------------------------------
						SPONSOR LOGOS
---------------------------------------------------------------- */
#logos {
	width: 960px;
	border:0px solid #000;
}

/*
----------------------------------------------------------------
						FOOTER
---------------------------------------------------------------- */
ul.navFooter {
	margin:0;
	padding-left: 0;
	padding-right: 0;
	list-style-type: none;
}

ul.navFooter li {
}

ul.navFooter a {
	text-decoration:none;
	color: #262622;
	font-size:12px;
	text-decoration: none;
}
	
ul.navFooter a:hover{
	color:#BD6110;
}

#footer {
	clear:both;
	width: 960px;;
	margin-left:0px;
	border-top:0px solid #000;
	background-color:#425968;
}
	
img.thumbnail {
	float:left;
	margin-left: 15px;
	margin-right: 5px;
	margin-top:-2px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-right: 7px;
}

#navFooter_socialnet {
	margin:0;
	padding-left: 0;
	padding-right: 0;
}

#socialrow1 {
	clear:both;
	padding-top: 5px;
}

#socialrow2 {
	clear:both;
	padding-top: 5px;
}

/* FOOTER ADVERT */	
/* footer advert wrapper */
#footer_advert { 
	width:960px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
}

#footer_advert_left {
	float:left;
	width: 320px;
	margin-left:0px;
	margin-right:-640px;
}

#footer_advert_center {
	float:left;
	width: 320px;
	margin-left:320px;
	margin-right:-320px;
}
	
#footer_advert_right{
	float:right;
	width: 320px;
	margin-left:-320px;
	margin-right:0px;
}

/* FOOTER NAV */
/* footer navigation wrapper */
#footer_nav { 
	clear: both;
	width:960px;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}	

#footer_contact {
	float:left;
	width: 192px;
	margin-left:0px;
	margin-right:-768px;
}

#footer_about {
	float:left;
	width: 192px;
	margin-left:192px;
	margin-right:-576px;
}

#footer_join {
	float:right;
	width: 192px;
	margin-left:-192px;
	margin-right:0px;
}

#footer_programs {
	float:left;
	width: 192px;
	margin-left:384px;
	margin-right:-192px;
}
	
#footer_history {
	float:left;
	width: 192px;
	margin-left:384px;
	margin-right:-384px;
}

#copyright {
	clear:both;
	text-align:center;
}

/* FAUX FOOTER ANCHOR */
#faux_footer_anchor {
	clear:both;
	margin-left:0px;
	border-top:1px solid #000;
}