body {
	font-family: Century Gothic, Verdana, Helvetica, Arial, sans-serif;
	color: #666666;
	background: #FFFFFF;
} 
'#border
{
	width: 800px;
	background: White url('../images/"border L_R-d9c399.gif"') repeat-y;
	margin: 0 auto;
}
		
#banner
		{
			background : #deeef5;
			text-align: middle;
			float: left;
			width: 100%;
			
		}

#container
{
	width: 750px;
	height: 100%;
	margin: 0px auto;
	background: white;
	border-bottom: 0px solid #dac59c;
}

#mainImage {
	background: url('../images/mainH7.06.jpg') no-repeat;
	float: left;
	width: 750px;
	height: 200px;
	vertical-align: middle;
}

#soapImage {
background: url('../images/soap.jpg') no-repeat;
	float: left;
	width: 246px;
	height: 177px;
	margin-right: 20px;
}

#angerImage {
background: url('../images/anger.jpg') no-repeat;
	float: left;
	width: 150px;
	height: 100px;
	margin-top: 14px;
	margin-left: 0px;
	margin-right: 30px;
}

#belly_pregn_Image {
background: url('../images/get_pregnant_2blue.jpg') no-repeat;
	float: left;
	width: 165px;
	height: 255px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}


#babyfeet_Image {
background: url('../images/babyfeet.jpg') no-repeat;
	float: right;
	width: 162px;
	height: 128px;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 0px;
}


#orangeImage {
background: url('../images/orange.jpg') no-repeat;
	float: left;
	width: 198px;
	height: 149px;
	margin-top: 14px;
	margin-left: 0px;
	margin-right: 30px;
}

#portraitImage {
background: url('../images/portrait.jpg') no-repeat;
	float: right;
	width: 85px;
	height: 113px;
	margin-top: 6px;
	margin-left: 20px;
	margin-right: 15px;
}

#rxImage {
background: url('../images/rx vials.jpg') no-repeat;
	float: right;
	width: 150px;
	height: 100px;
	margin-top: 3px;
	margin-left: 30px;
	margin-right: 3px;
}



	
#aidImage {
background: url('../images/1staid.jpg') no-repeat;
	float: left;
	width: 300px;
	height: 185px;
	margin-right: 40px;
}


a:link {
	color: #00669b;
	font-size: medium;
	font-variant: small-caps;
	font-weight: #bold;
	font-style: italic;
	text-decoration: none;
	background-color: none;  	<!-- "a" is the symbol for hyperlinks; color d blue when row1 is disabled, background-color: brown#987545; EVERYTHING IS WORKING IN THIS PARAGRAPH  -->
}

a:visited {
	color: #a76e00; 
	font-size: medium;
	font-variant: small-caps;
	font-style: italic;
	text-decoration: none;
}

a:hover { 
	color: ##lime; 
	font-weight: bold;
	/* background-color: GREEN;  yel#eef200 and grn; yel works for topmenu, grn doesnt work for anything */

}
a:active {
	color: red; 
	text-decoration: none;
}

#e-mail {}
#e-mail a:link {	
	font-size: medium;
	font-variant: normal;
	font-weight: normal;
	font-style: italic;
}

#e-mail a:hover {
	font-size: medium;
	font-variant: normal;
	font-weight: bold;
	font-style: italic;
}

#e-mail a:visited {
	color: #9e0025; 
	text-decoration: none;
	background-color: none;
}



div.hr { <!-- this is the horizontal line to use without a news column-->

	height: 2px;
	width: 680px;
	border-bottom: 1px solid #989FA8; 
	margin: 3px;
} 
div.hr hr {
  display: none;
}


div.hra { <!-- this is the horizontal line to use next to the news column-->

	height: 2px;
	width: 400px;
	border-bottom: 1px solid #989FA8; 
	margin: none;
} 
div.hra hra {
  display: none;
}



#Footer {
	padding-top: 0em;
	font-size: 12px;
}

#Footer #TextLinks {
	color: #fff;
	font-weight: bold;
	border-top: 10px solid #dac59c;
	background: #0091d2;
}

#Footer #TextLinks a {
	color: #fff;
	font-size: small;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight: normal;
}

#Footer #TextLinks a:hover {
	color: orange;
	font-weight: bold;

}



#Footer #Disclaimer {
	color: #B1B1B1;
	font-weight: normal;
	font-size: 11px;
	background: #ffffff;
}


/* ~~~~~~~~~ Headings ~~~~~~~~~ */    
h1, h2, h3, h4, h5 {
	font-family: "Bookman Old style", Georgia, "MS reference serif", "Times New Roman", Times, serif;
	color: #060a40;
font-weight: normal;
font-style: normal;}

h2
{
	font-size: 24px;
	line-height: 100%;
}

h3,
#Content h3 {
	font-weight: bold;
	font-size: 15px;
	margin-top: 1em;
}



#ActionItems {
	border-top: 7px solid #dac59c;
	border-bottom: 7px solid #dac59c; <!-- defines border at bottom of the three 			Action/article buttons. THIS PARAGRAPH SEEMS TO DEFINE AREA ONLY, BUT NOT 		FONTS; DONT KNOW WHY FONT SIZE AND WEIGHT IS MENTIONED HERE -->
	font-size: large;
	font-weight: bold;
	float: RIGHT;
	<-- font size must stand before font weight; float seems only to work after size and weight. have tried color command in every location possible, but it does not change the text in the index.html when it is displayed -->
}





/* ~~~~~~~~~ THANKS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */

    #topmenu {
	width: 100%;
	font-size:100%;
	text-transform:uppercase;
	line-height:normal;
	height: 41px;
margin-top: 5px;
font-weight: bold;

}
    #topmenu ul {
	  margin: 0;
	  padding:0px 0px 0px 2px;
	  list-style:none;
	  
      }
    #topmenu li {
      display:inline;
      margin:10;
      padding:0;
      text-align : center;
      }
    #topmenu a {
      float:left;
	font-style: normal;
	   background:url('../images/menuleft.gif') no-repeat right top; <!-- makes that the topmenu doesnt get a background for its hyperlink -->
      margin:0;
            padding: 0;
            text-decoration : none;
				font-size: 11px;

      }
    #topmenu a span {
      float:left;
      display:block;
	  width: 90px;
      padding: 4px 15px 6px 14px;
      	color: #4F4F4F;
	cursor : hand;
      }
      	  
    #topmenu a:hover span {
      color: orange;
      }
    #topmenu a:hover {
      background-position:0% -57px;
      }
    #topmenu a:hover span {
      background-position:100% -57px;
    }
    #topmenu a span.selected {
      color: #FFFFFF;
    }
	

/* Defining the list of the ailment page */

	ul.conditions {
		float: left;
		width: 150px;
		margin-right: 10px;
		margin-left: 15px;
		background-color: none;
	}
	
	ul.conditions li {
		width: 180px;
		list-style-type: circle;
		background-color: none;
	}

/* Defining the list of the fertility_main page */

	ul.fertility_main {
		float: left;
		width: 630px;
		margin-right: 10px;
		margin-left: -20px;
		background-color: yellow;
	}
	
	ul.fertility_main li {
		width: 660px;
		list-style-type: dot;
		background-color: orange;
	}