* {
	margin: 0;
	padding: 0;
}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%; margin: 0px auto 0; background-color: #FFFFFF;}
	
* body {
	margin: 0px;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}	
		 
h1 { font-size: 3em; font-weight: normal; float: left; }
h1 a { text-decoration: none; }
h2 { font-size: 28px; color: #FFCC66; font-weight: normal; margin: 0 0 8px; }
h3 {
	font-size: 19px;
	margin: 0 0 5px;
	color: #3A3E6D;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E1A679;
}
p  { margin: 0 0 8px; }
em { border-bottom: 1px dotted #fff; cursor: pointer; }
a { color: #395563; }
a:hover { color: #000000; text-decoration: none; }
img { border: 0; }

/* top ------------------------------- */
#top {
	background-color: #88AAFF;
	height: 34px;
	font-family: tahoma, helvetica, arial, sans-serif;
	color: #E9E9E9;
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0033ee;
}

#top .inner,
{
	width: 900px;
	margin: 0 auto;
	padding: 0 15px;
}

#top .inner p {
	padding-top: 11px;
	padding-right: 20px;
	text-align: right;
}

#top a:link, #top a:visited {
	color: #395563;
}

#top a:hover {
	color: #675C49;
}


/* Logo and Header -------------------*/
#logo {
	text-align: left;
	float: left;
	width: 380px;
	padding-right: 0px;
}

#header {
	float: left;
	width: 380px;
	padding:15px 0px 20px 15px;
	height: 70px;
	position: relative;
}

#espanol {
	position: absolute;
	right: 21px;
	top: 56px;
}

/* Navigation -------------------*/
#nav ul {
	display: block;
	list-style: none;
	margin: 0px;
	float: left;
	padding: 0px;
}

#nav ul li {
	position: relative;
	color: #fff;
	display: inline;
	float: left;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}

#nav ul li a {
	display: block;
	float: left;
	color: #6A3A17;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#nav ul li.active a {
	display: block;
	float: left;
	color: #756853;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0px;
}

#nav ul li a:hover {
	text-decoration: underline;
}
 

/* Content Area -------------------------------- */
#main {
	width:1000px;
	margin:10px auto 0;
	clear:both;
	padding-right:10px;
	padding-left:10px;
	padding-bottom: 38px; /* must be same height as the footer */
	border-top: solid 1px #e9e9e9;

d; 	padding-top: 10px;
}  
	
#main p {
font-family:Arial, Helvetica, sans-serif;}

#main text-box p {color: #362A27;}

#main h3 {color:#6A3A17;
font-size:18px;}

#main .box-left {
	float: left;
	padding: 0px;
	width: 275px;
}

#main .box-center {
	float: left;
	padding: 0px 0px 10px 10px;
	width: 475px;
}

#main .box-right {
	float: left;
	padding: 0px 0px 10px 10px;
	width: 200px;
}

#main .box-bottom {
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#main .box-bottom p {
	font-size: 10px;
	}

#main ul {margin: 0px; margin-left: 15px; padding: 0px; list-style-type: square;}
#main li {text-indent: 20px; padding: 0px 0px 5px 0px }

.text-box {
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #395563;
	text-align: justify;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.text-box a {text-decoration: none;}
.text-box a:hover {text-decoration: underline;}


/* Footer -------------------*/
#bottom {
	clear: both;
	background-color: #88aaff;
	height: 34px;
	font-family: tahoma, helvetica, arial, sans-serif;
	color: #6a6a6a;
	font-size: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0033ee;
	margin-top: -38px; /* negative value of footer height */
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	color: #6a6a6a;
	padding-left: 15px;
}	

#bottom .inner,
{
	width: 900px;
	margin: 0 auto;
	padding: 0 15px;
}

#bottom .inner p {
	padding-top: 11px;
	padding-right: 20px;
	text-align: left;
}

#bottom a:link, #top a:visited {
	color: #395563;
}

#bottom a:hover {
	color: #675C49;
}

/* Miscellaneous -------------------*/
.small-text {
	font-size: 10px;
}
.snapshot {
	color: #000;
	background-color: #fff;
	padding: 4px;
	border: 1px solid #CDCFCD;
	display: block;
	margin: 0px;
}
.right { float: right;
margin-left: 8px;  }

.left { float: left;
margin-right: 8px;  }

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/******** Buttons ********/
div.aandf {
/* position:absolute; */
float:left;
/* margin:136px 0px 0px 38px; */
padding:0px;
}
div.aandf a {
display:block;
background:transparent url(../images/addison-frankie.png) no-repeat 0px 0px;
width:217px;
height:41px;
text-indent:-9999px;
outline:none;
}
div.aandf a:hover {
background:transparent url(../images/addison-frankie.png) no-repeat 0px -41px;
}

div.surrogates {
	/* position:absolute; */
float:left;
	/* margin:136px 0px 0px 38px; */
padding:0px;
	margin-top: 5px;
}
div.surrogates a {
display:block;
background:transparent url(../images/surrogates.png) no-repeat 0px 0px;
width:217px;
height:41px;
text-indent:-9999px;
outline:none;
}
div.surrogates a:hover {
background:transparent url(../images/surrogates.png) no-repeat 0px -41px;
}

div.donors {
	/* position:absolute; */
float:left;
	/* margin:136px 0px 0px 38px; */
padding:0px;
	margin-top: 5px;
}
div.donors a {
display:block;
background:transparent url(../images/egg-donors.png) no-repeat 0px 0px;
width:217px;
height:41px;
text-indent:-9999px;
outline:none;
}
div.donors a:hover {
background:transparent url(../images/egg-donors.png) no-repeat 0px -41px;
}

/* CMS CSS */
.article_item {
  padding-top: 20px;
}
.article_detail {
  padding-top: 8px;
  padding-left: 14px;
}
.article_title, .article_full_title {
  font-size: 20px;
  font-weight: bold;
}
.article_date {
  font-size: 16px;
  font-weight: bold;
}
.article_full_date {
  font-size: 14px;
  font-weight: normal;
}
.article_tagline {
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  color: #606060;
}
.article_full_tagline {
  font-size: 16px;
  font-weight: bold;
  color: #606060;  
}
.back_link {
  font-size: 12px;
  padding-top: 24px;
  text-align: right;
}

.faq_titles {
  border-left: 3px #0000dd solid;
  margin-left: 10px;
  padding-left: 8px;
}
.faq_title, .faq_header, .link_category_title {
  font-size: 14px;
  font-weight: bold;
}
.faq_detail {
  margin-left: 20px;
  margin-top: 6px;
}

.top_link {
  font-size: 12px;
  margin-top: 6px;
  margin-bottom: 10px;
}

.link_category {
  border-bottom: 2px #d0d0d0 solid;
  padding-bottom: 8px;
}
.link_detail {
  margin-top: 6px;
  margin-left: 24px;
}

.gallery_items {
  width: 100%;
}

.event_items {
  position: relative;
  width: 720px;
}
.event_item {
  position: relative;
  width: 720px;
  margin-top: 10px;
  padding-bottom: 18px;
}
.event_detail {
  position: relative;
  font-size: 14px;
}
.event_title {
  font-size: 20px;
  font-weight: bold;
}
.event_date {
  font-size: 20px;
  font-weight: bold;
}
.event_time {
  font-size: 12px;
  font-weight: bold;
}
.event_location {
  font-size: 16px;
  font-weight: bold;
}
.event_contacts {
  font-size: 16px;
  font-weight: bold;
}

.event_left {
  width: 200px;
  left: 0px;
  top: 0px;
  text-align: left;
}
.event_right {
  position: absolute;
  width: 500px;
  left: 200px;
  top: 0px;
  text-align: left;
}


/* Table definition below */

#table_container {
  margin-top: 10px;
  margin-bottom: 10px;
}

.tablemain {
  border: #bababa 1px solid;
  border-collapse: collapse;
}

.tablemain td {
  border: #bababa 1px solid;
}

.tablemain .rowheader {
  background-color: #dadada;
  font-weight: bold;
}

.tablemain .col4 {
  background-color: #fdfdba;
}

.tablesearch {
  margin-top: 10px;
  margin-bottom: 10px;
}

.tablesearch td span {
  font-weight: bold;
}

.tablenav_top td span, .tablenav_bottom td span {
  font-size: 11px;
}


.err, .required {
  color: red;
  font-weight: bold;
}
