
/* RESET STYLES */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESET */



/********** GENERAL STYLE DEFINITIONS *************/

#html body {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
background:#416430 url(img/bg_wide.gif) top center repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align:center;
}

.displayNone {
display: none;
}

.hidden {
}

a:link, a:visited {
color: #6f473b; 
text-decoration: underline;
}

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

h1, h2 {
	color: #5d3326;
	font-size: 18px;
	line-height: 1.0em;
	font-weight: bold;
	margin: 0 0 4px 0;	
	}

h3 {
	color: #12285e;
	font-size:16px;
	line-height: 1.0em;
	font-weight: bold;
	margin: 0;
	}
	
h4 {
	color: #5d3326;
	font-size: 15px;
	font-weight: normal;
	line-height: 12px;
	margin: 3px 0 18px 0;
	}
	
h5 {
	color: #12285e;
	font-size:14px;
	font-weight: bold;
	margin:10px 0 10px 0;
	padding:0;
	}
	
h6 {
	font-size:13px;
	font-weight: bold;
	margin:2px 0 2px 0;
	padding:0;
	}	
	
img {
border:0;
}

.clear { clear: both; }

.clear2 { clear: both; margin-bottom:15px; }

#container {
width:895px;
height:100%;
min-height:100%;
margin:0 auto;
padding:0;
text-align:left;
}

#leftcolumn {
float:left;
width:240px;
height:100%;
color:#fff;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0 0 20px 10px;
background-color:#440c0c;
}

#leftcolumn a:link, #leftcolumn a:visited {
color:#b2ca9b;
text-decoration:none;
}

#leftcolumn a:hover {
color:#d7edc2;
text-decoration:none;
}

#leftcolumn p {
padding:0;
margin:0;
}

#leftcolumn p.copyright {
color:#aaa;
font-size:0.9em;
}

address {
display:block;
width:164px;
height:104px;
background:transparent url(img/address.gif) top center no-repeat;
margin:0 auto 5px auto;
}

#AAAA_logo {
width:199px;
height:50px;
margin:20px auto 20px auto;
background:transparent url(img/AAAA_logo3.gif) top center no-repeat;
}

#AAAA_logo h4 a {
display:block;
width:199px;
height:50px;
}

#ARTA_logo {
width:199px;
height:92px;
margin:10px auto 30px auto;
background:transparent url(img/arta_logo.gif) top center no-repeat;
}

#ARTA_logo h4 a {
display:block;
width:199px;
height:92px;
}

#navmenu {
width:199px;
margin:158px 0 40px 0;
}

#maincolumn {
float:right;
width:645px;
height:100%;
font-size:1.2em;
line-height:16px;
color:#440c0c;
margin:0;
padding:0;
border:0px solid white;
}

#maincolumn p {
padding: 0;
margin:2px 0 8px 0;
}

.photo-right {
float:right;
margin:5px 0 15px 20px;
border: 2px #440c0c solid;
}

.quote-right {
float:right;
margin:5px 20px 15px 20px;
}

#header {
float:right;
width:459px;
height:79px;
background:transparent url(img/header.gif) top center no-repeat;
margin:62px 20px 19px 0;
}

#slogan {
clear:right;
width:645px;
height:34px;
background: transparent url(img/slogan2.gif) top right no-repeat;
}

#mainphoto {
width:645px;
height:207px;
background:transparent url(img/main_photo_sepia2.jpg) top center no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#mainphoto {
width:645px;
height:207px;
background:transparent url(img/main_photo_sepia2.jpg) top right no-repeat;
margin:0;
padding:0 0 0 1px;
}
}

#secondary_photo {
width:645px;
height:64px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#secondary_photo {
width:645px;
height: 64px;
margin:0;
padding:0 0 0 1px;
}
}

#secondary_photo h2 {
width: 645px;
height: 64px;
margin:0;
padding:0;
}

html>body #secondary_photo h2 {
width:645px;
height: 64px;
margin:0;
padding:0;
}

#surrogacypage #secondary_photo h2{ margin:0; height:207px; background: url("img/photorow_surrogacy2.jpg") top right no-repeat; }
#surrogacy-faqpage #secondary_photo h2{ margin:0; height:207px; background: url("img/photorow_surrogacy2.jpg") top right no-repeat; }
#surrogacy-feespage #secondary_photo h2{ margin:0; height:207px; background: url("img/photorow_surrogacy2.jpg") top right no-repeat; }
#surrogacy-artsresources #secondary_photo h2{ margin:0; height:207px; background: url("img/photorow_surrogacy2.jpg") top right no-repeat; }

#adoption-philosophypage #secondary_photo h2{ margin:0; background: url("img/photorow2_sepia.jpg") top right no-repeat; }
#adoption-taxcreditpage #secondary_photo h2{ margin:0; background: url("img/photorow3_sepia.jpg") top right no-repeat; }
#adoption-servicespage #secondary_photo h2{ margin:0; background: url("img/photorow1_sepia.jpg") top right no-repeat; }
#adoption-resourcespage #secondary_photo h2{ margin:0; background: url("img/photorow2_sepia.jpg") top right no-repeat; }

#mediation-philosophypage #secondary_photo h2{ margin:0; background: url("img/photorow4_sepia.jpg") top right no-repeat; }
#mediationqa-page #secondary_photo h2{ margin:0; background: url("img/photorow4_sepia.jpg") top right no-repeat; }
#aboutuspage #secondary_photo h2{ margin:0; background: url("img/photorow1_sepia.jpg") top right no-repeat; }
#contactuspage #secondary_photo h2{ margin:0; background: url("img/photorow2_sepia.jpg") top right no-repeat; }
#disclaimerpage #secondary_photo h2{ margin:0; background: url("img/photorow3_sepia.jpg") top right no-repeat; }
#nondiscriminationpage #secondary_photo h2{ margin:0; background: url("img/photorow1_sepia.jpg") top right no-repeat; }

#subheader {
width:645px;
height:38px;
margin:15px 0 0 0;
}

#subheader h1 {
width: 610px; height: 38px;
padding:0;
margin:0;
}

html>body #subheader h1{
width:645px;
height: 38px;
padding:0;
margin:0;
}

/* specify new images for different pages Look for different ids on body tag */
#homepage #subheader h1{ margin:0 0 0 25px; background: url("img/subheader_welcome.gif") top left no-repeat; }
#surrogacypage #subheader h1{ margin:164px 0 0 25px; background: url("img/subheader_surrogacy.gif") top left no-repeat; }
#surrogacy-faqpage #subheader h1{ margin:164px 0 0 25px; background: url("img/subheader_faq_surrogacy.gif") top left no-repeat; }
#surrogacy-feespage #subheader h1{ margin:164px 0 0 25px; background: url("img/subheader_surrogacy-fees.gif") top left no-repeat; }
#surrogacy-artsresources #subheader h1{ margin:164px 0 0 25px; background: url("img/subheader_arts_resources.gif") top left no-repeat; }

#adoption-philosophypage #subheader h1{ margin:0 0 0 25px; background: url("img/subheader_philosophy.gif") top left no-repeat; }
#adoption-taxcreditpage #subheader h1{ margin:0 0 0 25px; background: url("img/subheader_taxcredit.gif") top left no-repeat; }
#adoption-servicespage #subheader h1{ margin:0 0 0 25px; background: url("img/subheader_services.gif") top left no-repeat; }
#adoption-resourcespage #subheader h1{ margin:0 0 0 25px; background: url("img/subheader_resources.gif") top left no-repeat; }

#mediation-philosophypage #subheader h1{ margin:0 0 0 25px; background: url("img/subheader_mediation.gif") top left no-repeat; }
#mediationqa-page #subheader h1{ margin:0 0 0 25px; background: url("img/subheader_mediationqa.gif") top left no-repeat; }
#aboutuspage #subheader h1{ margin:0 0 0 25px; background: url("img/subheader_aboutus.gif") top left no-repeat; }
#contactuspage #subheader h1{ margin:0 0 0 25px; }
#disclaimerpage #subheader h1{ margin:0 0 0 25px; background: url("img/subheader_disclaimer.gif") top left no-repeat; }
#nondiscriminationpage #subheader h1{ margin:0 0 0 25px; background: url("img/subheader_nondiscrimination.gif") top left no-repeat; }

.contentbox {
width:auto;
margin:0 0 8px 26px;
padding:5px 30px 10px 0;
border: 0px #ccc dotted;
}

.contentbox h4 {
font-style:italic;
margin: 3px 0 5px 0;
}

.profile {
width:auto;
margin:0 0 8px 26px;
padding:10px 30px 10px 0;
border: 0px #ccc dotted;
}

.profile h4 {
font-style:italic;
margin: 3px 0 5px 0;
}

.clear {
	clear: both;
}

.photo {
	margin: 0;
	border: 2px #440c0c solid;
	}

.divider_line {
	clear: left;
	width: 90%;
	height: 5px;
	margin: 5px;
	border-top: 2px #c6bf9d dotted;
	
}

.returntop {
margin:10px 0 10px 0;
clear:both;
}

hr.faqhr {
width:85%;
float:left;
color:#12285E;
}

.returntoplink {
float:right;
font-size:10px;
background-color:#a89696;
width:15%;
margin-top:-2px;
}

.returntoplink a:link, .returntoplink a:visited {
margin:-4px 0 0 0;
color:#440c0c;
text-decoration:none;
padding:0 0 2px 6px;
}

.returntoplink a:hover {
color:#fff;
}

#footer {
width:600px;
border-top:2px #12285e solid;
margin: 15px 0 20px 18px;
padding:10px 0 10px 0;
color:#A79682;
text-align:right;
font-size:11px;
}

#nav {
	height: auto;
	margin: 0 0 0 12px;
	padding: 0;
}

#nav img {
	border:0;
}

#nav li {
	list-style: none;
	height: 19px;
}

#nav :link, #nav :visited {
	text-decoration: none;
	height: 100%;
	display: block;
}

/* Item specific css */
#homebutton {
background: url(img/button_welcome.gif) no-repeat;
width: 184px;
}

#homebutton:hover, #homebutton.over, #homepage #homebutton {
background: url(img/button_welcome-on.gif) no-repeat;
}

#surrogacy {
background: url(img/button_surrogacy.gif) no-repeat;
width: 184px;
margin-top:15px;
}

#surrogacy:hover, #surrogacy.over {
background: url(img/button_surrogacy-on.gif) no-repeat;
}

	#surrogacy-approach {
	background: url(img/button_arts-approach.gif) no-repeat;
	width: 184px;
	margin-top:6px;
	margin-left:-6px;
	}
	
	#surrogacy-approach:hover, #surrogacy-approach.over, #surrogacypage #surrogacy-approach {
	background: url(img/button_arts-approach-on.gif) no-repeat;
	}

	#surrogacy-faq {
	background: url(img/button_arts-faq.gif) no-repeat;
	width: 188px;
	margin-left:-6px;
	}
	
	#surrogacy-faq:hover, #surrogacy-faq.over, #surrogacy-faqpage #surrogacy-faq {
	background: url(img/button_arts-faq-on.gif) no-repeat;
	}
	
	#surrogacy-arts-resources {
	background: url(img/button_arts_resources.gif) no-repeat;
	width: 184px;
	margin-left:-6px;
	}

	#surrogacy-arts-resources:hover, #surrogacy-arts-resources.over, #surrogacy-artsresources #surrogacy-arts-resources {
	background: url(img/button_arts_resources-on.gif) no-repeat;
	}

#adoption {
background: url(img/button_adoption.gif) no-repeat;
width: 184px;
margin-top:15px;
}

#adoption:hover, #adoption.over, #biopage #adoption {
background: url(img/button_adoption-on.gif) no-repeat;
}

	#philosophy {
	background: url(img/button_philosophy.gif) no-repeat;
	width: 184px;
	margin-top:6px;
	margin-left:-6px;
	}
	
	#philosophy:hover, #philosophy.over, #adoption-philosophypage #philosophy {
	background: url(img/button_philosophy-on.gif) no-repeat;
	}

	#taxcredit {
	background: url(img/button_taxcredit.gif) no-repeat;
	width: 184px;
	margin-left:-6px;
	}
	
	#taxcredit:hover, #taxcredit.over, #adoption-taxcreditpage #taxcredit {
	background: url(img/button_taxcredit-on.gif) no-repeat;
	}
	
	#services {
	background: url(img/button_services.gif) no-repeat;
	width: 184px;
	margin-left:-6px;
	}

	#services:hover, #services.over, #adoption-servicespage #services {
	background: url(img/button_services-on.gif) no-repeat;
	}
	
	#resources {
	background: url(img/button_resources.gif) no-repeat;
	width: 184px;
	margin-bottom:10px;
	margin-left:-6px;
	}

	#resources:hover, #resources.over, #adoption-resourcespage #resources {
	background: url(img/button_resources-on.gif) no-repeat;
	}	

#mediation {
background: url(img/button_mediation.gif) no-repeat;
width: 184px;
margin-top:15px;
}

	#mediationphilosophy {
	background: url(img/button_mediationphilosophy.gif) no-repeat;
	width: 184px;
	margin-top:6px;
	margin-left:-6px;
	}
	
	#mediationphilosophy:hover, #mediationphilosophy.over, #mediation-philosophypage #mediationphilosophy {
	background: url(img/button_mediationphilosophy-on.gif) no-repeat;
	}

	#mediationqa {
	background: url(img/button_mediationqa.gif) no-repeat;
	width: 184px;
	margin-bottom:10px;
	margin-left:-6px;
	}
	
	#mediationqa:hover, #mediationqa.over, #mediationqa-page #mediationqa {
	background: url(img/button_mediationqa-on.gif) no-repeat;
	}

#mediation:hover, #mediation.over, #mediationpage #mediation {
background: url(img/button_mediation-on.gif) no-repeat;
}

#aboutus {
background: url(img/button_about.gif) no-repeat;
width: 184px;
margin-top:15px;
}

#aboutus:hover, #aboutus.over, #aboutuspage #aboutus {
background: url(img/button_about-on.gif) no-repeat;
}

#contactus {
background: url(img/button_contact.gif) no-repeat;
width: 184px;
margin-top:15px;
margin-bottom:25px;
}

#contactus:hover, #contactus.over, #contactuspage #contactus {
background: url(img/button_contact-on.gif) no-repeat;
}

#emaillink :link, #emaillink :visited {
display: block;
background: url(img/button_email.gif) no-repeat;
width: 184px;
height:18px;
margin: -1px 0 0 20px;
padding:0;
}

#emaillink :hover, #emaillink.over {
display: block;
background: url(img/button_email-on.gif) no-repeat;
width: 184px;
height:18px;
margin: -1px 0 0 20px;
padding:0;
}

#disclaimerlink :link, #disclaimerlink :visited {
display: block;
background: url(img/button_disclaimer.gif) no-repeat;
width: 80px;
height:18px;
margin: 0 auto;
}

#disclaimerlink :hover, #disclaimerlink.over {
display: block;
background: url(img/button_disclaimer-on.gif) no-repeat;
width: 80px;
height:18px;
margin: 0 auto;
}

#nondiscriminationlink :link, #nondiscriminationlink :visited {
display: block;
background: url(img/button_nondiscrimination.gif) no-repeat;
width: 155px;
height:18px;
margin: 0 auto;
}

#nondiscriminationlink :hover, #nondiscriminationlink.over {
display: block;
background: url(img/button_nondiscrimination-on.gif) no-repeat;
width: 155px;
height:18px;
margin: 0 auto;
}