@CHARSET "ISO-8859-1";


/* styles for the entire database portion */

	/* the site font */
	
p {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
}


/* this is the text for most of the dynamic site content */

p.text1 {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
font-size:12px;


	
	}
	
h4.text1 {
font-family:Arial, Helvetica, sans-serif;
color:#000066;
font-size:14px;
	
	}
	
/* the styles for the families.php page */

	/* color and font for the page links at the bottom */

a.pages {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
	
	}

/* this is the text for the dearbirthmother letter */
	
p.detailText {
padding-bottom:0.5em;
}

/* the overall position and width of the db content */ 

table.wrapper {
width:100%;
}

/* the width of the left hand element of the database - this is where most of the content is */

td.contentCell {
width:80%;
}

/* the right hand element - along with td.rightnav this positions the right featured family bar
note: the featuredCell and rightNav elements should be the same width and have the same background
properties.  If you change one, change the other accordingly */

td.featuredCell {
width:20%;
background-color:#BDCFEF;
vertical-align:top;
}

/* this is the featured family text at the top of the featured family picture */

h3.featuredText{
font-family:Arial, Helvetica, sans-serif;
color:#000066;
}

/* css related to the featured family picture itself */

img.featuredImg {
margin-top:12px;
vertical-align:top;
}

/* this is the css for the profile image in the family side navigation bar */

img.imageside {
margin-top:18px;
}

/* this is the compliment to the featuredCell element.  It holds the CSS for the family navigation sidebar */

td.rightNav {
width:20%;
background-color:#BDCFEF;
vertical-align:top;
color:#FFFFFF;


}

/* this is the unlinked text for the family navigation sidebar */

p.rightText {
margin-top:15px;
color:#FFFFFF;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
}

/* this is the CSS for the text that appears if there is no profile image */

p.noprofile {
margin-top:15px;
color:#FFFFFF;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
}


/* the next three elements are the CSS for the various states of the linked elements of the 
family navigation sidebar */

.rightNav A:link {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.rightNav A:visited {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.rightNav A:hover {
font-family:Arial, Helvetica, sans-serif;
color:#999999;
}


/* The next three elements are the CSS for the linked text on the families listing page */
	
.detailLink A:link {

font-family:Arial, Helvetica, sans-serif;
color:#000066;
font-size:14px;
}

.detailLink A:visited {

font-family:Arial, Helvetica, sans-serif;
color:#000066;
font-size:14px;
}

.detailLink A:hover {

font-family:Arial, Helvetica, sans-serif;
color:#000066;
font-size:14px;
}
	
	/* the introduction text */
p.intro {

margin-top:0;
margin-bottom:2;
}
	
	/* borders and padding for the introduction thumb */
	
img.introThumb {
border:thin;
border-color:#000066;	
	}
	
	/* any changes to the table padding, cell borders, etc. */
	
table.index {
	
	}

/* the styles for the our_family.php page */

	/* the background color and padding for the preference types
	   note that you can also change the text alignment in the cell here */

td.prefType {
background-color:#FFFFFF;
border:thin;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:1.05em;
font-weight:bold;
color:#000066;
	
	}
	
span.prefType {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:1.05em;
font-weight:bold;
color:#000066;
}

td.headline {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:1.05em;
font-weight:bold;
color:#000066;
}

	/* the background color and padding for the cells where family information is located
	   note that you can also change the text alignment in the cell here */
	
td.infocell {
background-color:none;
border:thin;
font-family:Arial, Helvetica, sans-serif;
color:#000066;
	
	}


/* the styles for the detail.php page */

	/* the next two elements change border color for the images on the page - 
	If you change on, change the other accordingly */

img.image1 {
border:thick;
border-color:#000000;
float:left;
margin:12px;

	
	}
	
img.image2 {
border:thick;
border-color:#000000;
float:right;
margin:12px;

	
	}

/* this is the CSS for the scripted images for each family */

img.scriptImg2 {
float:right;

}

span.imagespan {
	
	
	}

/* this is the style element for the "Dear Birthmother" text */

h4.dearbirthmother {
color:#000066;
font-size:1.2em;
	}

/* This is the style for the rest of the Dear Birthmother letter headings */
	
h5 {
color:#000066;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;

}

/* additional styling for the dear birthmother text that is not already defined in p.text1 can be added here */

p.detailText {


		
	}


	

/* the styles for the feedback.php page */