/*Styles for birthmothershelp.org; Continuous media*/
/*©2007 Brushfire Media | 207-221-6122 | brushfiremedia.com*/

/*GENERAL TYPOGRAPHY*/
h1{margin: 0; padding: 0;}

h2{
	font-size: large;
	font-weight: normal;
	border-bottom: 1px solid #e28569;
	margin-top: 0;
	padding-top: 0;
	}

h3{
	font-size: small;
	font-weight: bold;
	float: left;
	margin: 0 1em -2px 0;
	padding: 0;
	text-transform: uppercase;
	color: #3A2621;
	}

.family h3 {float: none;}

h4{
	margin: 10px 0 -5px 0;
	padding: 0;
	}

a{
	text-decoration: none;
	color: #2c1c14;
	}

a:hover{
	color: #e28569;
	text-decoration: underline;
	}

/*LAYOUT AND SPECIALTY TYPOGRAPHY*/
body {
        background: #fff;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
		font-size: 76%;
		font-family:   Helvetica, Arial, sans-serif; 
		line-height: 1.8em;
        text-align: center; 
		color: #2c1c14;
        }
	
#pageWrap {
	padding: 0;
	margin-top: 10px;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
	text-align:left;
	width: 780px;
	border: 1px solid #050100;
	}		

#mainBody{
	margin: 0;
	padding: 0;
	font-size: small;
	background: #f5f1ec url('/assets/bgLeftColumn.gif') repeat-y;
	}
	
#clear{clear: both;} /*used with empty div to force mainBody with background image to fill all the way to footer*/

/*HEADER GRAPHICS*/

#header{
	margin: 0; padding: 0;
}

#banner{
	background: #050100 url('/assets/bgHeader.jpg') no-repeat;
	margin: 0; padding: 0;
	text-align: right;
	height:121px;
	border-top: 1px solid #050100;
}

#banner img{
	padding: 0;
	margin: 0 5PX 0 0;
	}

/*HEAD AND FOOT NAVIGATIONAL AREAS*/

#primaryNav, #footer {
	font-size: small;
	background: #e28569 url('/assets/bgNav.jpg') no-repeat;
	height: 27px; 
	margin: 0; padding: 0;
	}	
	
#primaryNav a:hover, #footer a:hover{
	color: #f5f1ec;
	}

#primaryNav ul, #footer ul{
	list-style: none;
	margin: 0 0 0 215px;
	padding: 3px 0 0 0;
	text-transform: uppercase;
}

#primaryNav li, #footer li{
	margin-right: 15px;
	padding-left: 15px;
	float: left;
	border-left: 1px solid;
	}	
	
#primaryNav li.first, #footer li.first{
	padding-left: 0;
	border-left: none;
	}	

#footer{background: #e28569 url('/assets/bgFooter.gif') repeat-y;}
	
#footer ul, #footer li a{
	color: #fff;
	text-transform: lowercase;
	font-size: x-small;
	}		

/*SIDEBAR AREA*/

#secondaryNav{
	width: 190px;
	float: left;
	padding-bottom: 1em;
	}

#secondaryNav ul{
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	}

/*PRIMARY CONTENT AREA INC. COUPLES*/

#mainBody{
		border-top: 1px solid #e2a58e;
	}
	
#content {
	margin: 15px 0 0 190px;
	padding: 0 25px 15px 25px;
}

#content img{
	border: 1px solid #2c1c14;
	float: right;
	margin: auto 0 0 1em;
	}

#content a{
	text-decoration: underline;
	}

ol h3{
	float: none;
	}

.couple{
	width: 100%;
	clear: right;}	

#content .couple img {
	float: left;
	margin: auto 1em 0 0;}

.couple p{height: 140px;}

.clearedImages {
	width: 100%;
	text-align: center;
	clear: both;}
	
#content .clearedImages img{float: none;}		

/*FORMS STYLES*/

fieldset {
	border: 1px solid #e28569;
	}

legend{
	font-weight: bold;
	}	

form div {
  clear: left;
  display: block;
  height: expression('1%');
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form div label{
  display: block;
  float: left;
  width: 200px;
  padding: 0;
  margin: 0 15px .5em 0;
  text-align: right;
	}

label.required{
	font-weight: bold;
	}

form div.large_input p{margin-top: 0; padding-top: 0;}

form div.large_input {
	margin: 0; padding: 0;
	margin-left: 215px;
	clear: none;
	}	

input {
	}
	

/*MISCELLANEOUS STYLES*/

#attribution{
	width: 780px;
	text-align: right;
	margin: 0 auto 10px auto;
	padding: 0 5px 0 0;
	font-size: x-small;
	}

.emphBox p{
	margin: 0;
	}

.emphBox{
	background: #e2a58e;
	border: 3px double #e28569;
	padding: 15px;
	margin-bottom: 1em;
	}

.specialEmphasis{
	font-weight: bold;
	font-size: large;
	color: #e28569;
	color: #DD6E4D;
	}

a.more {
	display: block;
	float: right;
	}

p.disclaimer{
	border-top: 1px solid	#e28569;
	border-bottom: 1px solid	#e28569;
	margin-bottom: 1em;
	font-style: italic;
	padding: .5em 120px;
	text-align: center;
	font-size: small;
	}
	
.matched{
	color: red;
	font-size: 115%;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 2em;
	}