*/
/* css for the Prosser - Healthy Home website produced by Matthew Simpson Designs 2002 */


body { 	padding: 0; 
margin: 0; 
background: #FFFFFF;
color: #000000
}

/* No underline on links */
a	{text-decoration: none}

/* Redfine the size of headings */
h1 { font-size: 1.3em;
 letter-spacing: 0.1em;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif
; color: #FFFFFF 
}
 
h2 { font-size: 1.1em;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif 
 }
 
h3 { font-size: 1.0em; 
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif
 }
 
h4 { font-size: 0.95em; 
 font-weight: normal; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #FFFFFF; 
 font-style: normal;
 text-decoration: none
 }
h5 { font-size: 0.9em; 
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif  
 }
 
h6 { font-size: 0.8em;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 color: #FFFFFF
 }

h7 { font-size: 0.8em;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 color: #FFFFFF
 }

p {  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-style: normal;
 font-size: 0.9em; 
 line-height: 115%;
 color: #000000;
 margin-left: 3%;
 margin-right 3%;
 margin-top 3%
 }

p a:link { color:#0000CC; text-decoration:underline }
p a:active { color:#0000CC; text-decoration:underline }
p a:visited { color:#990099; text-decoration:underline }
p a:hover { color:#0000CC; text-decoration:underline; background-color:#FF9900 }

/* ---- index page menu, across the top of each page ---- */
.MainMenu { font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 1.2em; 
		font-style: normal; 
		line-height: normal; 
		white-space: nowrap; 
		letter-spacing: 0.08em; 
		text-align: left;  
		vertical-align: middle;
		color: #FFFFFF;
; text-decoration: none				}

.MainMenuInactive { 
		color: #FFFFFF; 
		background: #003366
}
a.MainMenuInactive:link {  color: #FFFFFF; text-decoration: none}
a.MainMenuInactive:active { color: #FFFFFF; text-decoration: none }
a.MainMenuInactive:visited { color: #FFFFFF; text-decoration: none }
a.MainMenuInactive:hover { color: #000000; text-decoration: none ; background-color: #FFFFFF}

.MainMenuActive {
		color: #000000; 
		background: #FFFFFF
}
a.MainMenuActive:link {color: #000000; text-decoration: none ; background: #FFFFFF}
a.MainMenuActive:active { color: #000000; text-decoration: none }
a.MainMenuActive:visited { color: #000000; text-decoration: none }
a.MainMenuActive:hover { color: #000000; text-decoration: none ; background-color: #FFFFFF}
/* ---- End of index page menu ---- */


.banner a:hover { background-color: #FFFFFF; color: #000000; text-decoration: none}

.breadcrumb {  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 color: #000000;
 text-decoration: none;
 text-align: right; clip:  rect(   )
 }
  
.breadcrumb a:link { color: #000000; text-decoration: none}
.breadcrumb a:active { color: #000000; text-decoration: none; background-color: #003366}
.breadcrumb a:visited { color: #000000; text-decoration: none}
.breadcrumb a:hover { color: #000000; text-decoration: none; background-color: #ccccff}

 
.navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-indent: 6px;
	border-style: none;
	list-style-image: none;
	list-style-type: none;
}
 
.navigation ul {
		list-style: none;
		left-margin: 2;
		padding: 0;
		
		}

.navigation li {
		list-style-type: none;
		left-margin: 2px;
		padding: 0;

		}
	
/* - this piece is the code to make the whole line an active rollover
.navigation li a {
		text-decoration: none;
		width: 100%;
		}
		*/
 
.navigation a:link { color: #FFFFFF; text-decoration: none; background-color: #003366}
.navigation a:active { color: #FFFFFF; text-decoration: none; background-color: #003366}
.navigation a:visited { color: #FFFFFF; text-decoration: none}
.navigation a:hover { color: #003366; text-decoration: none; background-color: #FFFFFF}

.navigation2 { font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 font-style: normal;
 font-weight: normal;
 color: #003366;
 text-decoration: none;
 border-style: none
 }
 
.navigation2 a:link { color: #003366; text-decoration: none}
.navigation2 a:active { background-color: #003366; color: #000000; text-decoration: none}
.navigation2 a:visited { color: #003366; text-decoration: none}
.navigation2 a:hover { background-color: #003366; color: #FFFFFF; text-decoration: none}


.modified { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-style: normal;
text-align: right;
clip: rect( );
color: #999999;
line-height: 1em;
text-decoration: none 
}

.top { font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.7em;
 font-style: normal;
 text-align: right;
 clip: rect( ); color: #999999;
 line-height: 1em;
 text-decoration: none
 }
 
.body_region {  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-style: normal;
 font-size: 0.9em; 
 line-height: 115%;
 color: #000000;
 margin-left: 3%;
 margin-right 3%;
 margin-top 3%
 }

.body_region a:link { color:#0000CC; text-decoration:underline }
.body_region a:active { color:#0000CC; text-decoration:underline }
.body_region a:visited { color:#990099; text-decoration:underline }
.body_region a:hover { color:#0000CC; text-decoration:underline; background-color:#FF9900 }

/* -- body region and p tag are identical to aviod errors in content render, when return is pressed instead of line breaks. --*/

.body_text {  
 font-size: 0.9em
 }
 
.body_text a:link { color:#0000CC; text-decoration:underline }
.body_text a:active { color:#0000CC; text-decoration:underline }
.body_text a:visited { color:#990099; text-decoration:underline }
.body_text a:hover { color:#0000CC; background-color:#FF9900; text-decoration:underline }

 
.feedback { font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.7em;
 font-style: normal;
 text-align: right;
 clip: rect( );
 line-height: 1em;
 text-decoration: none
 }
 
.feedback a:link { color:#999999; text-decoration:none }
.feedback a:active { color:#999999; text-decoration:none }
.feedback a:visited { color:#999999; text-decoration:none }
.feedback a:hover { color:#0000CC; background-color:#FF9900; text-decoration:none }
 
 
.left_footer { font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.7em;
 text-align: left;
 clip: rect( );
 color: #999999;
 text-decoration: none;
 vertical-align: top 
 }
  
.right_footer { font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.7em;
 text-align: right;
 clip: rect( );
 color: #999999;
 text-decoration: none;
 vertical-align: top 
 }
ul { text-indent: 0px
}

li { text-indent: 0px
; font-family: Verdana, Arial, Helvetica, sans-serif
; font-size: 0.9em; font-style: normal; line-height: 115%
}

.Prosser {  font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 2.4em; 
 font-weight: bold; 
 color: #FFFFFF; 
 left: 20px; 
 top: 10px; 
 clip:  rect(   ); 
 border-color: #006600 #FFFFFF; 
 border: 1px solid; 
 background-color: #006600
 }

.frontheader {  font-family: Arial, Helvetica, sans-serif;
 font-size: 4em; 
 font-weight: normal; 
 color: #CC6633; 
 text-decoration: none; 
 line-height: 1.2em; 
 font-variant: normal; 
 letter-spacing: 0.2em
 }
 

.frontheader3 { font-family: Arial, Helvetica, sans-serif;
 font-size: 1.7em; 
 font-weight: normal; 
 color: #336699; 
 text-decoration: none; 
 line-height: 90%; 
 font-variant: normal
 }

.frontheader2 { font-family: Arial, Helvetica, sans-serif; 
font-size: 1.9em; 
font-weight: normal; 
color: #CC6633; 
text-decoration: none; 
line-height: 90%; 
font-variant: normal ; 
letter-spacing: 0.1em
}

.frontheader4 { font-family: Arial, Helvetica, sans-serif; 
font-size: 1.7em; 
font-weight: normal; 
color: #999933; 
text-decoration: none; 
line-height: 90%; 
font-variant: normal 
}

.body_regionwh { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-style: normal; 
font-size: 0.9em; 
line-height: 115%; 
color: #FFFFFF; 
margin-left: 3%; 
margin-right 3%; 
margin-top 3% ; 
text-indent: 5px
}

.miniheader { font-family: Arial, Helvetica, sans-serif;
 font-size: 1.5em; 
 font-weight: bold; 
 color: #CC6633; 
 text-decoration: none; 
 line-height: 1.2em; 
 font-variant: normal
 }

.minheader2 { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1em; 
font-style: normal; 
line-height: normal; 
letter-spacing: 0.08em; 
text-align: left; 
vertical-align: middle; color: #FFFFFF; 
text-decoration: none 
}

.frontpage { font-family: Arial, Helvetica, sans-serif; 
font-size: 2em; 
font-weight: normal; 
color: #CC6633; 
text-decoration: none; 
line-height: 1.2em; 
font-variant: normal; 
letter-spacing: 0.2em 
}

.frontheader5 { font-family: Arial, Helvetica, sans-serif; 
font-size: 2em; 
font-weight: normal; 
color: #CCCCCC; 
text-decoration: none; 
line-height: 90%; 
font-variant: normal ; 
padding-left: 5px}

.border {  border: #CC9933; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px
}
