/* Mary Ann Fernandes www.fernandesmedia.com 2007 Fixed Box Container */

/* some browsers put in their own margins and padding or borders, this makes sure everything is 0'd out */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#D4DFE8;
	margin: 0;
	padding: 0;
	text-align:left;
}

b{font-size: 110%;}

#maincontainer{
	width: 700px; /*Width of main container*/
	margin: auto; /*Center container on page*/
	background-color: #D4DFE8;
}

#content {
float: left;
width: 100%;
background-image:url(images/frame.gif);
}

#contentwrapper{
	float: left;
	width: 100%;
	background-image:url(images/gradation.gif);
	background-repeat: no-repeat;
}
#contentwrapper_pic{
float: left;
width: 100%;
background-image:url(images/gradation_pic.gif);
}
#contentwrapper_hyp{
	float: left;
	width: 100%;
height: 100%
background-image:url(images/gradation_hyp.gif);
	background-image: url(images/gradation_hyp.gif);
	background-repeat: no-repeat;
	height: 100%;
}
#contentwrapper_test{
float: left;
width: 100%;
background-image:url(images/gradation_test.gif);
background-color: #FFFFFF;
}
#contentwrapper_index{
float: left;
width: 100%; 
background-image:url(images/gradation_index.gif);
}
#contentlong{
float: left;
width: 100%;
background-image:url(images/frame.gif);
background-color: #FFFFFF;
}

#footer{
	clear: left;
	width: 100%;
	text-align: center;
	background-image: url(images/footer.gif);
	height: 130px;	
}

#footer p {
font-size: 70%;
padding: 3px;
}

.rightimage{
	float: right;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

#p{
	font-size: 90%;
	margin-left: 20px;
	margin-right: 20px;
}

p {/*regular text*/
	padding-right: 25px;
	padding-left: 30px;
	color: #4B3E92;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	text-align: justify;
}
h1 {/*Quote and Heading*/
	color: #4B3E92;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	text-align: center;
	margin-top: 35px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 10px;
	font-size: 16px;
	}
h2 {/*Footer*/
	text-align: center;
	font-size: 70%;
	color: #999999;
	font: Verdana, Arial, Helvetica, sans-serif;
}
h3 {/*SubHeadings*/
	font-size: 85%;
	padding-right: 25px;
	padding-left: 30px;
	color: #4B3E92;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	font-weight: bold;
}
h4 {/*Quote Author*/
	text-align: center;
	font-size: 75%;
	font-weight: lighter;
	color: #4B3E92;
	margin-left: 50px;
	margin-right: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h5 {/*Contact Address*/
	padding-right: 25px;
	padding-left: 30px;
	color: #4B3E92;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 0em;
	font-weight: lighter;
}
h6 {/*handwritten text*/
	padding-right: 25px;
	padding-left: 30px;
	color: #4B3E92;
	font-family: "Monotype Corsiva", Verdana, Arial, sans-serif;
	line-height: 1.7em;
	font-size: 18px;
	font-weight: lighter;
}
#menuback {
	height: 46px;
	background-image: url(images/navbuttons_back.gif);
}

#navmenu{
	height: 46px;
	padding: 0;/*float: left; - haven't seen a need for this yet*/
	background-image: url(images/navbuttons_back.gif);
}

#navmenu li{
display: inline;/*gets rid of bullets*/
}

div.home {
    float: left;
	width: 111px; height: 46px;
	}
   div.home span {
      display:block;
  	  }
	 	 div.home a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background-image: url(images/nav_home.gif);
   	   	 }
		 div.home a:link {
		 background: url(images/nav_home.gif);
   	     }
	     div.home a:hover {
		 background: url(images/nav_home_roll.gif);
   	     }
	     div.home a:focus {
		 background: url(images/nav_home_roll.gif);
         }

div.homeselect {
    float: left;
	width: 111px; height: 46px;
	}
   div.homeselect span {
      display:block;
  	  }
	 	 div.homeselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/nav_home_sel.gif);
		 }	
		 
div.about {
    float: left;
	width: 71px; height: 46px;
	}
   div.about span {
      display:block;
  	  }
	 	 div.about a {
			display: block;
			margin: 0; padding:0;
			width:100%; height:100%;
			overflow:hidden;
			background: url(images/nav_about.gif);
   	   	 }
		 div.about a:link {
		 background: url(images/nav_about.gif);
   	     }
	     div.about a:hover {
		 background: url(images/nav_about_roll.gif);
		 }
	     div.about a:focus {
		 background: url(images/nav_about_roll.gif);
         }
		 
div.aboutselect {
    float: left;
	width: 71px; height: 46px;
	}
   div.aboutselect span {
      display:block;
  	  }
	 	 div.aboutselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/nav_about_sel.gif);
		 }	

div.doula {
    float: left;
	width: 70px; height: 46px;
	}
   div.doula span {
      display:block;
  	  }
	 	 div.doula a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/nav_doula.gif);
   	   	 }
		 div.birth a:link {
		 background: url(images/nav_doula.gif);
   	     }
	     div.birth a:hover {
		 background: url(images/nav_doula_roll.gif);
   	     }
	     div.birth a:focus {
		 background: url(images/nav_doula_roll.gif);
         }
		 
div.doulaselect {
    float: left;
	width: 70px; height: 46px;
	}
   div.doulaselect span {
      display:block;
  	  }
	 	 div.doulaselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/nav_doula_sel.gif);
		 }	

div.resources {
    float: left;
	width: 103px; height: 46px;
	}
   div.resources span {
      display:block;
  	  }
	 	 div.resources a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/nav_resources.gif);
   	   	 }
		 div.resources a:link {
		 background: url(images/nav_resources.gif);
   	     }
	     div.resources a:hover {
		 background: url(images/nav_resources_roll.gif);
   	     }
	     div.resources a:focus {
		 background: url(images/nav_resources_roll.gif);
         }
		 
div.resourcesselect {
    float: left;
	width: 103px; height: 46px;
	}
   div.resourcesselect span {
      display:block;
  	  }
	 	 div.resourcesselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/nav_resources_sel.gif);
		 }	

div.hypnobirthing {
    float: left;
	width: 127px; height: 46px;
	}
   div.hypnobirthing span {
      display:block;
  	  }
	 	 div.hypnobirthing a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/nav_hypnobirthing.gif);
   	   	 }
		 div.hypnobirthing a:link {
		 background: url(images/nav_hypnobirthing.gif);
   	     }
	     div.hypnobirthing a:hover {
		 background: url(images/nav_hypnobirthing_roll.gif);
   	     }
	     div.hypnobirthing a:focus {
		 background: url(images/nav_hypnobirthing_roll.gif);
         }
		 
div.hypnobirthingselect {
    float: left;
	width: 127px; height: 46px;
	}
   div.hypnobirthingselect span {
      display:block;
  	  }
	 	 div.hypnobirthingselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/nav_hypnobirthing_sel.gif);
		 }	
	 
	div.pictures {
    float: left;
	width: 91px; height: 46px;
	}
   div.pictures span {
      display:block;
  	  }
	 	 div.pictures a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/nav_pictures.gif);
   	   	 }
		 div.pictures a:link {
		 background: url(images/nav_pictures.gif);
   	     }
	     div.pictures a:hover {
		 background: url(images/nav_pictures_roll.gif);
   	     }
	     div.pictures a:focus {
		 background: url(images/nav_pictures_roll.gif);
         }
		 
div.picturesselect {
    float: left;
	width: 91px; height: 46px;
	}
   div.picturesselect span {
      display:block;
  	  }
	 	 div.picturesselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/nav_pictures_sel.gif);
		 }	
	 
div.contact {
    float: left;
	width: 127px; height: 46px;
	}
   div.contact span {
      display:block;
  	  }
	 	 div.contact a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background-image: url(images/nav_contact.gif);
   	   	 }
		 div.contact a:link {
		 background-image: url(images/nav_contact.gif);
   	     }
	     div.contact a:hover {
		 background-image: url(images/nav_contact_roll.gif);
   	     }
	     div.contact a:focus {
		 background-image: url(images/nav_contact_roll.gif);
         }
		 
div.contactselect {
    float: left;
	width: 127px; height: 46px;
	}
   div.contactselect span {
      display:block;
  	  }
	 	 div.contactselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/nav_contact_sel.gif);
		 }	
		 
#resource_submenu{
	height: 46px;
	padding: 0;/*float: left; - haven't seen a need for this yet*/
	background-image: url(images/resource_sub_back.gif);
}

#resource_submenu li{
display: inline;/*gets rid of bullets*/
}

div.links {
    float: left;
	width: 245px; height: 46px;
	}
   div.links span {
      display:block;
  	  }
	 	 div.links a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background-image: url(images/rec_links.gif);
   	   	 }
		 div.links a:link {
		 background: url(images/rec_links.gif);
   	     }
	     div.links a:hover {
		 background: url(images/rec_links_roll.gif);
   	     }
	     div.links a:focus {
		 background: url(images/rec_links_roll.gif);
         }

div.linksselect {
    float: left;
	width: 245px; height: 46px;
	}
   div.linksselect span {
      display:block;
  	  }
	 	 div.linksselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/rec_links_sel.gif);
		 }	
		 
div.books {
    float: left;
	width: 78px; height: 46px;
	}
   div.books span {
      display:block;
  	  }
	 	 div.books a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background-image: url(images/rec_books.gif);
   	   	 }
		 div.books a:link {
		 background: url(images/rec_books.gif);
   	     }
	     div.books a:hover {
		 background: url(images/rec_books_roll.gif);
   	     }
	     div.books a:focus {
		 background: url(images/rec_books_roll.gif);
         }

div.booksselect {
    float: left;
	width: 78px; height: 46px;
	}
   div.booksselect span {
      display:block;
  	  }
	 	 div.booksselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/rec_books_sel.gif);
		 }	
		 
div.placenta {
    float: left;
	width: 377px; height: 46px;
	}
   div.placenta span {
      display:block;
  	  }
	 	 div.placenta a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background-image: url(images/rec_placenta.gif);
   	   	 }
		 div.placenta a:link {
		 background: url(images/rec_placenta.gif);
   	     }
	     div.placenta a:hover {
		 background: url(images/rec_placenta_roll.gif);
   	     }
	     div.placenta a:focus {
		 background: url(images/rec_placenta_roll.gif);
         }

div.placentaselect {
    float: left;
	width: 377px; height: 46px;
	}
   div.placentaselect span {
      display:block;
  	  }
	 	 div.placentaselect a {
		 display: block;
		 margin: 0; padding:0;
	     width:100%; height:100%;
	     overflow:hidden;
   	   	 background: url(images/rec_placenta_sel.gif);
		 }