/*
Theme Name: Healthy Androscoggin
Description: Based on previous site.
Version: 1.0
Author: Richard Stroud
Author URI: http://thcreations.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	background: url('images/bg.gif');
	color: #fff;
	text-align: center;
	display: block;
	margin:0 auto;
	}
	
#body_laph {
	background: none; 
	background-color:#0C1A6D;
	}

#page {
	background: url('images/innerbg.gif');
	border: 1px solid #ffffff;
	text-align: left;
	cellpadding: none;
	cellspacing: none;
	width:772px;
	display: block;
	margin:0 auto;
	}

#laph_page {
	background: #DFDDB3 url('images/bkg_laph.jpg') no-repeat;
	font-family: Verdana, Arial, sans-serif;
	border: 1px solid #ffffff;
	text-align: left;
	cellpadding: none;
	cellspacing: none;
	width:772px;
	display: block;
	margin:0 auto;
	}

#print_header {
	text-align: center;
	display: none;
	}

#header {
	background: #ffffff url('images/header.jpg') no-repeat top center;
	}

#laph_header {
	background: #ffffff url('images/header_laph.jpg') no-repeat top center;
	}

#headerimg 	{
	margin: 0;
	height: 216px;
	width: 772px;
	}

#laph_headerimg 	{
	margin: 0;
	height: 183px;
	width: 772px;
	}

#topline {
	background:url('images/tagline.jpg');
	background-repeat: norepeat;
	width: 100%;
	height: 46px;
	text-align: center;
	cellpadding: none;
	cellspacing: none;
	margin: 0;
	padding: 0;
	}

#laph_topline {
	background:url('images/topline_laph.jpg');
	background-repeat: norepeat;
	width: 100%;
	height: 46px;
	text-align: center;
	cellpadding: none;
	cellspacing: none;
	margin: 0;
	padding: 0;
	}
	
.tagline {
    border-bottom:5px solid #5BBC86;
	color:#3C7354;
	font-family:"Century Gothic", Arial;
	font-size:2.2em;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:3px;
    }
	
.laph_tagline {
    border-bottom:5px solid #3771AA;
	color:#3C7354;
	font-family:"Century Gothic", Arial;
	font-size:2.2em;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:3px;
    }

#subpage {
	background : url('images/bglines.gif') repeat-y;
	border:0;
	width:100%;
	}

#laph_subpage {
	background : url('images/bglines_laph.gif') repeat-y;
	border:0;
	width:100%;
	}

#baseline {
	background: #eee url('images/footer.gif') no-repeat top;
	width: 772px;
	height: 26px;
	border: none;
	}

#laph_baseline {
	background: #DFDDB3 url('images/baseline_laph.gif') no-repeat top;
	width: 772px;
	height: 26px;
	border: none;
	padding-bottom: 15px;
	}

#footer {
	color:#FFFFFF; 
	background-color:#3771AA; 
	padding:6px;
	border: none;
	}

#laph_footer {
	color:#FFFFFF; 
	background-color:#273792; 
	padding:10px;
	border: none;
	}

#footer p {
    margin: 0px;
	padding: 1px;
    text-align: center;
	font-size:14px;
	color:#FFFFFF; 
	}

#laph_footer p {
    margin: 0px;
	padding: 1px;
    text-align: center;
	font-size:12px;
	color:#FFFFFF; 
	}

#footer p a {
    text-align: center;
	font-size:14px;
	color:#FFFFFF; 
	}

#laph_footer p a {
    text-align: center;
	font-size:12px;
	color:#FFFFFF; 
	}
	
a {
  color: #016143;
  }
 
a:hover {
  color: #019943;
  }


/* Begin Sidebar */

/* Fix IE. Hide from IE Mac \*/
* html #sidebar ul li ul li { float: left; }
* html #sidebar ul li ul li a { height: 1%; }

/* Fix IE. Hide from IE Mac \*/
* html #sidebar ul li ul li ul li { float: left; }
* html #sidebar ul li ul li ul li a { height: 1%; }
/* End */

#sidebar ul {
margin-left: 5px;
padding-left: 0;
z-index: 10;
cellpadding: none;
}

#sidebar ul {
list-style : none;
}

#sidebar ul li {
padding : 3px 0 3px 10px;
position: relative; 
}

*html #sidebar ul li {
padding : 3px 0 3px -30px;
}

#sidebar {
width: 165px;
margin-left: 0px; 
background: transparent;
margin-bottom : 0px;
padding: 3px 2px 3px 3px;
float: left;
	}
	
#sidebar ul {
	background-color:#FDFCFA;
    cellspacing: 4px;
	padding: 2px 0 3px 0;
	margin-left: 0px;
	margin-bottom: 3px;
	}
	
#sidebar ul li {
    background-color:#3771AA;
	font-size:1.5em;
	letter-spacing:0.8;
	color:#FFFFFF;
	padding:3px 2px 3px 3px;
	margin: 4px 0px 2px 0px;
	list-style: none;
	}
	
#sidebar ul li a {
	color:#FFFFFF;
	text-decoration:none;
	}
	
#sidebar ul li a:hover {
    color: #cccccc;
	text-decoration:none;
	}
	
#sidebar ul li a:over {
    color: #cccccc;
	text-decoration:none;
	}

#sidebar ul li ul {
top : auto;
left: auto; 
}

#sidebar ul li ul {
display: none;
list-style : none; 
position: absolute; 
z-index: 20;
height: 1%;
left: 160px;
top: 1px;
margin: 0px;
cellspacing: 0px;
cellpadding: none;
}


#sidebar ul li ul li {
width: 100px;
font-size: .9em; 
font-weight: bold;
background: #3CD0EB;
margin: 0px;
}

#sidebar ul li ul li a {
margin-left: 5px;
color: #0C0F98;
}

#sidebar ul li ul li a:hover {
color: #999999;
}

#sidebar ul li ul li a:over {
color: #999999;
}

#sidebar ul li ul li ul {
position: absolute; 
z-index: 20;
height: 1%;
left: 100px;
top: 1px;
cellspacing: 0px;
}

*html #sidebar ul li ul li ul {
width: 125px;
}

#sidebar ul li ul li ul{
display: none;
}

#sidebar ul li:hover ul {
display: block;
}

#sidebar ul li.over ul {
display: block;
}

#sidebar ul li ul li ul li{
margin-left: -5px; 
width: 100px;
font-size: .9em; 
background: #09EBF9;
padding: 5px 5px 4px 2px;
}

#sidebar ul li ul li > ul {
top : auto;
left: auto; 
}

#sidebar ul li ul li ul {
list-style : none; 
background: #09EBF9;
padding-left:10px;
position: absolute; 
z-index: 30;
top: -1px;
left: 100px;
height: 1%;
}

#sidebar ul li ul li ul li {
}

#sidebar ul li ul li:hover ul {
display: block;
color: #ffffff;
}

#sidebar ul li ul li.over ul {
display: block;
color: #ffffff;
}

#sidebar ul li.over ul li ul li a{
margin-left: 5px;
color: #0C0F98;
}
	
.survey_gif {
margin: 10px 0 0 15px;
border: none;
}
	
.survey_gif a{
border: none;
}

.social_links {
text-align: center;
margin-top: 30px;
color: #0C0F98;
font-size: 1.5em;
font-weight: bold;
}

.facebook {
margin-top: 20px;
margin-left: 20px;
width:130px;
border: none;
}

.facebook img {
border: none;
}

.twitter {
margin-top: 20px;
margin-left: 20px;
width:130px;
border: none;
}

.twitter img {
border: none;
}
	
/* End Sidebar */

/* Begin LAPH Sidebar */

/* Fix IE. Hide from IE Mac \*/
* html #laph_sidebar { height: 500px; }
* html #laph_sidebar ul li ul li { float: left; }
* html #laph_sidebar ul li ul li a { height: 1%; }

/* Fix IE. Hide from IE Mac \*/
* html #laph_sidebar ul li ul li ul li { float: left; }
* html #laph_sidebar ul li ul li ul li a { height: 1%; }
/* End */

#laph_sidebar ul {
margin-left: 5px;
padding-left: 0;
z-index: 10;
cellpadding: none;
}

#laph_sidebar ul {
list-style : none;
}

#laph_sidebar ul li {
padding : 3px 0 3px 10px;
position: relative; 
}

*html #laph_sidebar ul li {
padding : 3px 0 3px -30px;
}

#laph_sidebar {
width: 180px;
min-height: 500px;
margin-left: 0px; 
background: transparent;
margin-bottom : 0px;
padding: 5px 2px 5px 3px;
float: left;
	}
	
#laph_sidebar ul {
	background-color:#FDFCFA;
    cellspacing: 4px;
	padding: 10px 0 10px 0;
	margin: 5px 0 5px 0;
	}
	
#laph_sidebar ul li {
    background-color:#DFDDB3;
	font-size:1.3em;
	font-weight: normal;
	letter-spacing:0.8;
	color:#273792;
	padding:3px 2px 3px 3px;
	margin: 4px 0px 2px 0px;
	list-style: none;
	}
	
#laph_sidebar ul li a {
	color:#273792;
	text-decoration:none;
	}
	
#laph_sidebar ul li a:hover {
    color: #ffffff;
	text-decoration:none;
	}
	
#laph_sidebar ul li a:over {
    color: #ffffff;
	text-decoration:none;
	}

#laph_sidebar ul li ul {
top : auto;
left: auto; 
}

#laph_sidebar ul li ul {
display: none;
list-style : none; 
position: absolute; 
z-index: 20;
height: 1%;
left: 177px;
top: -10px;
margin: 0px;
cellspacing: 0px;
cellpadding: none;
background: transparent;
}


#laph_sidebar ul li ul li {
width: 100px;
font-size: .9em; 
font-weight: bold;
background: #C0BE99;
margin: 0px;
}

#laph_sidebar ul li ul li a {
margin-left: 5px;
color: #0C0F98;
}

#laph_sidebar ul li ul li a:hover {
color: #999999;
}

#laph_sidebar ul li ul li.over a {
color: #999999;
}

#laph_sidebar ul li ul li ul {
display: none;
position: absolute; 
z-index: 20;
height: 1%;
left: 100px;
top: -10px;
cellspacing: 0px;
}

*html #laph_sidebar ul li ul li ul {
display: none;
width: 125px;
}

#laph_sidebar ul li ul li ul li{
margin-left: -5px; 
width: 100px;
font-size: .9em; 
background: #EDEBBD;
padding: 5px 5px 4px 2px;
}

#laph_sidebar ul li ul li > ul {
top : auto;
left: auto; 
}

#laph_sidebar ul li ul li ul {
list-style : none; 
background: transparent;
padding-left:10px;
position: absolute; 
z-index: 30;
top: -10px;
left: 100px;
height: 1%;
}

#laph_sidebar ul li:hover ul, #laph_sidebar ul li ul li:hover ul {
display: block;
}

#laph_sidebar li.over ul, #laph_sidebar ul li.over ul li.over ul {
display: block;
}

#laph_sidebar li:hover ul ul {
display: none;
}

/*  Begin Content */
#content {
    padding:8px 40px 0px 8px;
	font-size:1.3em;
	line-height:1.5;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	width: 550px;
	top: 0px;
	}
#laph_page #content {
    padding:18px 20px 0px 8px;
	width: 555px;
	}
	
#laph_page h1 {
	font-family: 'times new roman', Verdana, Arial, sans-serif;
	font-size: 1.5em;
	}
	
.header, h1, h1 a {
	font-size:1.4em;
	font-weight:bold;
	color:#016143;
	line-height:1;
	}
	
.subheader, .subheader a, h2, h2 a {
	font-size:1.0em;
	font-weight:bold;
	color:#016143;
	line-height:1.0;
	padding-top: 5px;
	padding-bottom:0px;
	}
	
h3, h3 a {
	font-size:0.9em;
	font-weight:bold;
	color:#016143;
	padding-top: 2px;
	padding-bottom:2px;
	}
	
.errors {
   font-size: 1.2 em;
   color: red;
   font-weight: bold;
   }
	
h4, h4 a {
	font-size:0.9em;
	font-weight:normal;
	color:#016143;
	padding-top: 2px;
	padding-bottom:2px;
	padding-left: 5px;
	}
	
.footnote, .footnote a {
	font-size:10px;
	font-weight:normal;
	}
	
/*  End Content  */

.clearer {
	clear: both;
}



/* Begin Images */

img, img a {
    border: 1px solid #000000;
	padding: 0;
	margin: 0;
	}
	
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* End Images */


/*   Site Map   */

#sitemap ul {
	font-size:18px;
	font-weight:bold;
	color:#016143;
	list-style: none;
	padding: 5px 0px 4px 0px;
}

#sitemap ul li ul {
	font-size:14px;
	font-weight:bold;
	color:#016143;
	list-style: none;
}

#sitemap ul li ul li ul {
	font-size:12px;
	font-weight:normal;
	color:#016143;
	list-style: none;
	padding: 3px 0px 3px 0px;
}

/*  End Site Map */
	
/*   In This Section settings  */
	
#in_this_section {
	text-align: left;
	text-decoration: none;
	margin: 30px 0 0 50px;
	font-weight: normal;
	font: 1.0em Arial, Verdana, Sans-Serif;
	}
	
#in_this_section ul {
  font-size: 0.9em;
  list-style: none;
  display: block;
	}
	
#in_this_section ul li {
  background: transparent;
  margin: 10px 0 10px 0;
  padding: 0 10px 0 20px;
  position: relative;
	}
	
#in_this_section ul li a {
	text-decoration: none;
	}
	
#in_this_section ul li a:hover {
	text-decoration: none;
	}