/* CSS Document for livingwaterhealthsolutions.com 
Developed by Oak Grove Designs, in Hattiesburg, Mississippi */

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h3, h4, h5, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border: 0;
}

/* =Typography
-----------------------------------------------------------------------------*/
body {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 100.1%;
	background: url(../images/dropsBkg.gif) repeat;
	background-color:#FFFFFF;
	color: #000;
}

/* =Headings
-----------------------------------------------------------------------------*/
h1, h2 {
	position: absolute;
	top:0;
	right: 3000px;
	}

h3, h4 {
	font-weight: bold;
	font-family: Tahoma, Arial, sans-serif;
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;	
	border-bottom-style:solid;
	border-bottom-color:#0066FF;
	border-bottom-width:thin;
}

h3 {
  font-size: 150%;
  background-color: #FFFFFF;
	color: #003399;
	}

h4 {
	font-size: 115%;
	background-color:#FFFFFF;
	color: #003399;
		}
	
h5 {
	font-weight: bold;
	font-family:Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	text-align:center;
	margin:0 0 5px 0;
	padding: 5px;
	background: #FFFFFF;
	color:#003399;
	}
	
.h5Nav a {
	background-color:#FFFFFF;
 	color: #003399;
	text-decoration:none;
	}
	
.h5Nav a:hover {
	background-color:#99CCFF;
 	color: #000099;
	text-decoration:underline;
	}
	
h6 {
	font-size: 110%;
	margin: 0;
	padding: .9em 0 0 0;
	background-color: #FFFFFF;
	color: #003399;
	font-weight: bold;
	}
	
.h6Nav a { 
	background-color:#FFFFFF;
 	color: #003399;
	text-decoration:underline;
 }	
 
.h6Nav a:hover {
	background-color:#99CCFF;
 	color: #000099;
	text-decoration:none;
	} 

/* =Wrappers
-----------------------------------------------------------------------------*/
#wrap {
	width: 95%;
	max-width: 1500px;
	min-width: 640px;
	margin:20px 10px 20px 30px;
	text-align: left;
	}

/* =Links
-----------------------------------------------------------------------------*/	
 a {
	background-color: #FFFFFF;
	color: #003399;
}	 
p a:hover, dt a:hover { 
  background-color: #FFFFFF;
	color:#666666;
	font-weight:bold;
	text-decoration:overline;
 }	 
		
/* used to format return to top links and small text w/ a message*/			
.return {
	font-size: 80%;
	}
/* used to format small text w/ a message, right alignment*/			
 .return2 {
	font-size: 80%;
	text-align:right;
	}
	
	/* used to format small text w/ a message, left alignment, italics*/			
 .return3 {
	font-size: 80%;
	font-style:italic;
	}
	
	
 
       	
/* =Masthead 
-----------------------------------------------------------------------------*/
#masthead {
	padding: 10px 0 1px 0;
	margin: 8px 0 0 0;	
	height: 6.8em;
	background: #FFFFFF url(../images/logo.gif) no-repeat;
	color:#000000;
}

/* logo image replacement text for screenreaders */
#logocontainer  {
	text-indent: -5000px;
	float: left;
	width:60%;
	background:0;
	height:0em;
	}	
	
/* used to format tag line*/		
.tagline {
  margin-left: 45em;
	font-style:italic;
	text-align:center;
	background-color:#FFFFFF;
	color:#003399;
	margin-top: 2em;
	font-family: "Trebuchet MS", sans-serif;
	font-size: .8em;
	}	
	
/* =Top horizontal Navigation tabs
-----------------------------------------------------------------------------*/
#navContainer {
	padding: 5px; 
	margin: 5px 5px 10px 5px;
	height: 1.5em;
	}		

#navContainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}
	
#navContainer ul li { 
	display: inline;
		 }

#navContainer ul li a {
	text-decoration: none;
	padding: .2em 1em;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #003399;
}	
	
#navContainer ul li a:hover {
	text-decoration: underline;
	padding: .2em 1em;
	color: #000099;
	font-weight: bold;
	background-color: #99CCFF;
}	

#navList li.active a, li.current a{
	text-decoration: none;
	padding: .2em 1em;
	background-color: #FFFFFF;
	color:#000099;
		}

/* =Top upper menu
-----------------------------------------------------------------------------*/
.topMenu li a, .topPage li a { 
	background-color:#FFFFFF;
 	color: #000099;
		}	
		
.topMenu li a:hover, .topPage li a:hover { 
	text-decoration:overline;
	color: #666666;
		}	

.topMenu  {
	float:right;
	margin-top: .05em;
	font-family: "Trebuchet MS", sans-serif;
	font-size: .8em;
	}
.topMenu li { 
 	display: inline;
	list-style-type: none;
	padding-right:20px;
		}
.topPage  {
	margin-top:0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: .7em;
	}		
.topPage li { 
 	display: inline;
	list-style-type: none;
	padding-right:20px;
	padding-left: 35px;
		}	
		
li.activeTop a, li.currentTop a {
	text-decoration: none;
	background-color: #CCCCCC;
	color:#000099;
	font-size: 1.2em;
	font-weight: bold;
	text-transform:uppercase;
		}
	
.skipToContents {
	display:none;
	border:none;
	width:0;
	height:0;
	border:0;
	margin:0;
		}

/* =Content -  #sidebar, #content
-----------------------------------------------------------------------------*/
#content {
	float: right;
	width: 65%;
	min-width: 250px;
	background-color:#FFFFFF;
	color:#000000;
	border: solid 1px #99CCCC;
	margin-left: 10px;
	margin-right: 0;
	padding-left: 10px;
	}
	
#content div {
	padding: 20px;
	}

#sidebar {
	float: left;
	width: 25%;
	min-width: 30px;
	background-color:#FFFFFF;
	color:#000000;
		} 
		
#sidebar div {
	padding: 10px;
				}
				
#sidebar ul {
list-style:none;
}	

#sidebar ul li {
text-decoration:underline;
}		 

.sideText {
	font-weight: normal;
	font: 85% Georgia, "Times New Roman", Times, serif;
	margin: 0 5px;
	padding: 5px;
	background: #FFFFFF;
	color:#003399;
	}

/* used to align names to the right with italics*/		
.right {
	text-align:right;
	font-style:italic;
	}	
	

/* =Footer 
-----------------------------------------------------------------------------*/
#footer {
	clear:both;
	background:#003399;
	color:#FFFFFF;
	bottom: 0;
	width: 88.5%; 
	text-align: left;
	margin: 5px;
	padding: 0 5%;
	font-family:Tahoma, sans-serif;
	letter-spacing: .1em;
	font-weight: bold;
	font-size: 80%;
	}
	
#footer a {
background-color:#003399;
color:#FFFFFF;
text-decoration:underline;
}	

/* =Misc 
-----------------------------------------------------------------------------*/
/* used to put border around each section of page */
.section {
	border: 1px #99CCCC solid;
	}

/* used to format horizontal dividing line*/	
 .hr {
  width: 425px;
  height: .3em; 
}

/* used to format short horizontal lines*/	
.hr3 {
	width: 150px;
	margin-bottom: .8em;
	}

		
/* used to format a quote on products page*/	
.quoteP {
	text-align:center;
	font-style:italic;
	}
	


/* =images 
-----------------------------------------------------------------------------*/
/* used to format photos with right alignment*/	
img.floatRight { 
  float: right;
  margin: 4px; 
}

/* used to format photos with left alignment*/	
img.floatLeft { 
  float: left;
  margin: 4px; 
}
	
/* used to format lists*/	
ul.lists {
	list-style:circle;
	list-style-position:inside;
	}	
	
ul.lists li li {
	margin-left: 1em;
	list-style:none;
	}
	
#faqList li a {
   text-decoration:none;
	 background-color: white;
	 color: #003399;
	}
	
#faqList li a:hover {
   text-decoration:underline;
	 background-color: white;
	 color: #000099;
		}	

ol li {
  font-family:"Trebuchet MS", sans-serif;
	list-style-position:outside;
	margin-left: 15px;
		}	

/* =pullquotes & blockquotes
-----------------------------------------------------------------------------*/
/* used to format pullquote with left alignment*/
.pullquote {
	float: left;
	width: 11em;
	margin: 0 6px 3px 0;
	padding: 8px;
	font-family:"Trebuchet MS", sans-serif;
	font-size:75%;	
	background:#CCCCCC;
	color:#000066;
	border:outset 1px;
	border-top-color: #000099;
	border-left-color: #000099;
	border-bottom-color: #99CCCC;
	border-right-color: #99CCCC;
	}		
/* used to format pullquote with right alignment*/
.pullquote2 {
	float: right;
	width: 11em;
	margin: 0 5px 0 10px;
	padding: 8px;
	font-family:"Trebuchet MS", sans-serif;
	font-size:70%;	
	background:#CCCCCC;
	color:#000066;
	border:outset 1px;
	border-top-color: #000099;
	border-left-color: #000099;
	border-bottom-color: #99CCCC;
	border-right-color: #99CCCC;
	}		
	
.pullquote2 a, .pullquote a, .warning a {
	background:#CCCCCC;
	color:#000066;
	}	
	
.pullquote2 a:hover, .pullquote a:hover, .warning a:hover {	
	background-color:#99CCFF;
 	color: #000099;
	text-decoration:underline;
}	

/* used to format disclaimer*/
.warning {
	float: right;
	width: 11em;
	margin: 0 5px 5px 10px;
	padding: 8px;
	font-family:"Trebuchet MS", sans-serif;
	font-size:70%;	
	background:#CCCCCC;
	color:#990000;
	border:outset 1px;
	border-top-color: #000099;
	border-left-color: #000099;
	border-bottom-color: #99CCCC;
	border-right-color: #99CCCC;
	}		
	
	/* used to format box*/
.box {
	float: right;
	width: 7em;
	margin: 0 20px 5px 0;
	padding: 0;
	font-family:Tahoma, sans-serif;
	font-size:120%;	
	text-align:center;
	background:#FFFFFF;
	color:#990000;
	}		
	
.box a {
	background-color: #FFFFFF;
	color: #003399;
}	
.box a:hover { 
	background-color: #FFFFFF;
 	color: #CCCCCC;
	text-decoration:underline;
 }	
				
.indent {
	margin-left: 30px;
	}	
/* =Tables
-----------------------------------------------------------------------------*/	
.fees {
	background-color:#FFFFFF;
	color: #000000;
	width: 265px;
}

.fees2 {
	background-color:#FFFFFF;
	color: #000000;
	width: 300px;
}

.service {
	width: 140px;
}

.fees3 {
	background-color:#FFFFFF;
	color: #000000;
	width: 360px;
}

.ca { text-align:center}

.fees4 {
	background-color:#FFFFFF;
	color: #000000;
	width: 445px;
}
.fees4 th, .fees5 th { text-align:left;}

.fees5 {
	background-color:#FFFFFF;
	color: #000000;
	width: 380px;
}

/*  used to format testimonials page */	
.divider {
	background:url(../images/divider.gif);
	background-repeat:no-repeat;
	background-position:left;
		}	
		
p.divider {
	height: 1.8em;
	margin-bottom: .5em;
	}

	/* used to format small text w/ a message, bold*/			
 .testify {
	font-size: 85%;
	text-align:right;
	font-style:italic;
	font-weight:bold;
	background-color: #FFFFFF;
	color:#000099;
	}
p.testify{
	margin-bottom: -8px;
	}	
	
hr {
	margin-bottom: 10px;
}	
	
	/* =Definition list, used to format Whole-foods list
-----------------------------------------------------------------------------*/	
 .oil dt {
 	font-size: 95%;
	 padding-left: 10px;
	 padding-bottom: 5px;
	 padding-top: 5px;
		}
.red {
	background-color:#FFF;
	color:#990000;
}

	/* =ID used to show current page
-----------------------------------------------------------------------------*/	
a#here {
	text-decoration: none;
	padding: .2em 1em;
	background-color: #FFFFFF;
	color:#000099;
		}
	/* =drop cap
-----------------------------------------------------------------------------*/		
.dropcap {
  float: left;
  font: normal 40pt/0.8em Georgia, "Times New Roman", Times, serif;
  color: #003399;
  margin-right: 2px;
}

.bold {
	font-weight: bold;
}

/* =Definition lists, used to format EO testimonies content
-----------------------------------------------------------------------------*/	
 .eos dt {
 	font-size: 100%;
	font-family:"Trebuchet MS", sans-serif;
	color: #003399;
	font-weight:bold;
	background-color:#FFFFFF;
	}
	
 .eos dd {
 padding-left: 20px;
 padding-bottom: 10px;
	}
/* =Definition lists, used to format massages
-----------------------------------------------------------------------------*/
#define dl {
	 padding-left: 10px;
	 padding-bottom: 5px;
	 padding-top: 2px;
	}
#define dt {
	font-weight: bold; 
}	
#define dd {
	margin-left: 12px;
	margin-bottom: 10px;
}