<style>
body
{
height:100%;
bfile:///Users/michaelchally/Documents/personal/nwsc52012/becoming_parents_through_surrogacy.htmlackground:-moz-linear-gradient(top, #5A9CD6, #fff) no-repeat #fff;
background:-webkit-gradient(linear, left top, left bottom, from(#5A9CD6), to(#fff)) no-repeat #fff;
}

.container
{
background-color:#fff;
padding:10px 0 10px 0;
}
 
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-size:1.2em;
}
 
#nav a {
	display: block;
	text-decoration:none;
    color:#CC3300;
}
 
#nav a:hover {
    color:#999;
}

#nav a.nolink:hover{
    color:#CC3300;
}

#nav li { /* all list items */
	float: left;
	padding:3px 10px 3px 10px;
    border-right:1px solid #CC3300;
    font-size:1.2em;
}

#nav .last { /* all list items */
	
    border-right:none;
}

#nav li ul li { /* all list items */
	padding:5px 10px 5px 10px;
	border:none;
	float: none;
	font-size:.6em;
}

#nav li ul li:hover { /* all list items */
	background-color: #CC3300;
}

#nav li ul li:hover a { /* all list items */
	color:#ffffff;
}

#nav li ul li:hover ul li a { /* all list items */
	
	color:#CC3300;
}

#nav li ul li:hover ul li:hover a { /* all list items */
	
	color:#ffffff;
}
 
#nav li ul { /* second-level lists */
	margin-top:3px;
	margin-left:-11px;
	position: absolute;
	background: #fff;
	border:1px solid #CC3300;
	border-top:none;
	width:11em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:10000;
	line-height:1.05em;
}
 
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#nav li ul ul {
	margin: -1.8em 0 0 14.5em;
	border:1px solid #CC3300;
}

#nav li ul ul li {
	font-size:.8em;
	}
	
	
#nav li ul ul li:hover {
	background-color: #CC3300;
	}



#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}




 
#content {
	clear: left;
	color: #ccc;
}

.primary
{
margin:10px 0 0 0;
height:275px;
}

.contact
{
margin-bottom:.5em;
}


.slideshow {
	height: 250px;
	width: 870px;
	margin: auto
}
.slideshow img {
	padding: 15px;
	border: 1px solid #ccc;
	background-color: #eee;
}

#sidebar {
	position:absolute;
	top:420px;
	margin: 20px 0 0 655px;
	padding-left:21px;
	background-color:#fff;

}

#nav {

	background-color:#fff;
	padding: 0 2px 5px 0;
	margin-top:-10px;
}


body
{
background-color:#cfdfac;
height:100%;
background:-moz-linear-gradient(top, #cfdfac, #fff) no-repeat #fff;
background:-webkit-gradient(linear, left top, left bottom, from(#cfdfac), to(#fff)) no-repeat #fff;
}


.slideshow img {
    background-color: #eaf0dc;
    border: 1px solid #CCCCCC;
    padding: 15px;
    -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}

.container
{
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
margin-top:20px;
margin-bottom:20px;

}

.trans
{
float:right;
}

.trans input
{
float:left;
padding:3px
}

.promo
{
 background-color: #b5d481;
 color:#fff;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
padding:5px 10px 10px 10px;
margin:3px 5px 15px 0;
}

.promo h2
{
color:#fff;
margin:0 0 2px 0;
padding:0px;
line-height:1.4em;
}

.promo h3
{
color:#fff;
margin:0 0 5px 0;
padding:0px;
line-height:1.4em;
}

.promo a
{
color:#fff;
}

.profileBox
{
border: 1px solid #999999;
margin: 0 0 15px; 0;
padding:0 15px 15px 15px;
width:205px;
background-color:#b5d481;
cursor:arrow;
}

.profileBox img
{
float:left;
margin: 5px 15px 0 0;

}

.profileBox text.span
{
float:left;
}

.profileBox h2, .profileBox .alt
{
color:#ffffff;
margin:0;
padding:0;
}

.profile2
{
padding-top:10px;
}

#ipGettingStarted
{
width:260px;
height:80px;
background-color:#cbddba;
border:1px solid #cccccc;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
position:absolute;
margin:150px 0 0 600px;
}

#ipGettingStarted:hover
{
background-color:#cccccc;
}

#SurrogatesGettingStarted
{
width:260px;
height:80px;
background-color:#e0e6f6;
border:1px solid #cccccc;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
position:absolute;
margin:250px 0 0 600px;
}

#SurrogatesGettingStarted:hover
{
background-color:#cccccc;
}

#formBtn
{
width:220px;
height:55px;
margin:10px 10px 15px 0px;
background-color:orange;
border:1px solid #cccccc;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;

}

#formBtn:hover
{
background-color:#cccccc;
}

#profileBtn
{
width:220px;
height:55px;
margin:10px 10px 15px 0px;
background-color:#fff;
border:1px solid #cccccc;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;

}

#profileBtn:hover
{
background-color:#cccccc;
}

.contact_container {
	border: 1px solid #ccc;
	margin-right:48px;
	padding:15px;
}

.contact_container hr

{
margin: 0 0 .5em;	
	}