/*
THEME NAME: Engage As You Age
THEME URI: 
DESCRIPTION: Theme made for EngageAsYouAge.com by porting HTML, CSS and Scripts from engage's old static HTML site and mixing it with code from the theme "Sandbox" Contains new Nav system but also still contains a lot of legacy code from the original static html site. Still contains Tables instead of Divs, for instance.
VERSION: 1.9
AUTHOR: Andrew A. Peterson
AUTHOR URI: http://andrewapeterson.com
TAGS:
*/


@charset "utf-8";
/* CSS Document */
* {margin:0}

* {padding:0}
/** Ben! The following is the Navigation Padding! The second value is what you want to change **/
.horizmenu ul li a {
color:#CC333F;
padding:6px 32px;
z-index:100;
}

body {
	background-color: #B2D0BF;
	font-family: Georgia, serif;
}
/* new menu */
.horizmenu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-image:url('http://www.engageasyouage.com/wp-content/uploads/2011/07/navbg.jpg');
float:left;
font-size:95%;
line-height:16px;
height:32px;
padding-left:30px;
width:100%;
color:#98BB7D;
margin-top:10px;
margin-bottom:7px;
position:relative;
z-index:100;
}

.horizmenu a {
color:#CC333F;
font-weight:100;
}
.horizmenu ul {
display:inline-block;
list-style-type:none;
margin:0;
padding:0;
}
.horizmenu ul li {
display:inline;
float:left;
position:relative;

}

li.page_item{margin-bottom:0px;}

.horizmenu ul li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: none repeat scroll 0 0;
color:#98BB7D;
display:block;
font-weight:bold;
font-family:Myriad Pro;
text-decoration:none;
}
* html .horizmenu ul li a {
display:inline-block;
z-index: 9999;	
}
.horizmenu ul li a:link, .horizmenu ul li a:visited {
color:#000000;
}
.horizmenu ul li a:hover, .horizmenu ul li ul li a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ffffff none repeat scroll 0 0;
color:#000000;
}
.horizmenu ul li a:hover, .horizmenu ul li ul li a:hover {
border-bottom:4px solid #4D220D;
text-decoration:none;
}
.horizmenu ul li.current_page_item a,.horizmenu ul li.current_page_ancestor a,.horizmenu ul li ul li.current_page_item a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ffffff none repeat scroll 0 0;
color:#000000;
font-weight:bold;
}

.horizmenu ul li.current_page_ancestor ul li.page_item a{
background:#eeeeee none repeat scroll 0 0;
color:#000000;
}
.horizmenu ul li.current_page_ancestor ul li.page_item a:hover{
background:#999999 none repeat scroll 0 0;
color:#000000;
}
.horizmenu ul li.current_page_ancestor ul li.current_page_item a{
background:#eeeeee none repeat scroll 0 0;
color:#000000;
}
.horizmenu ul li.current_page_ancestor ul li.current_page_item a:hover{
background:#999999 none repeat scroll 0 0;
color:#000000;
}
.horizmenu ul li.current_page_item ul li.page_item a{
background:#eeeeee none repeat scroll 0 0;
color:#000000;
} 
.horizmenu ul li.current_page_item ul li.page_item a:hover{
background:#999999 none repeat scroll 0 0;
color:#000000;
} 

.horizmenu ul li ul {
border-top:4px solid #4D220D;
display:block;
left:0;
position:absolute;
visibility:hidden;
background:#ffffff none repeat scroll 0 0;
color:#000000;
}
.horizmenu ul li ul li {
display:list-item;
float:none;

}
.horizmenu ul li ul li ul {
top:0;
}
.horizmenu ul li ul li a {
margin:0;
padding:5px 8px;
width:auto;
background:#eeeeee none repeat scroll 0 0;
color:#000000;
}
.horizmenu ul li ul li a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#999999 none repeat scroll 0 0;
border-bottom:1px #000000;
color:#000000;
}

.downarrow {
position:absolute;
right:7px;
top:12px;
width:11px;
}
.rightarrow {
position:absolute;
right:5px;
top:9px;
}

/* new menu over */

#blogcontainer {
margin:7px;
background-color:#FFFFFF;
border:3px solid #D0EDDD;
}

#blogcolumn {
width:580px;
margin-left:20px;
margin-right:20px;
float:left;
}

#mediawrapper {
float:right;
margin-right:0px;
margin-top:5px;
margin-left:20px;
width:60px;
}

.entry-content {
background-color: #ffffff;
font-family: Georgia, Times New Roman, serif;
margin-top:0px;
margin-bottom: 10px;
line-height: 1.45em;
font-size: 14px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin-right: 0px;
}

.entry-meta{
font-family: Myriad Pro, Arial, sans-serif;
font-size: 13px;
color: #999999;
margin-bottom:20px;
}

.wp-caption-text{
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-style:italic;
line-height:1.3em;
}

p {
margin-bottom:10px;
}

.entry-info {
font-family: Myriad Pro, Arial, sans-serif;
font-size: 13px;
color: #999999;
}

.entry-info-bullet{
color: #BBBBBB;
}

hr {
background:#8B8B8B;
height:1px;
border:0px;
margin-top:20px;
margin-bottom:20px;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
margin-top: 0px;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

html { 
 height: 100%; 
 margin-bottom: 1px; 
 }

 
#wrapper {
      margin: 0 auto;
      text-align: left;
      vertical-align: middle;
      width: 820px;
}

a img {border: 1px solid #000000;}

img {
border:1px solid #000000;
}

img.noborder {
border:0px;
}

h1 {
	font-size: 22px;
	color: #004812;
	text-align: left;
	margin-bottom:10px;
}

h1.entry-title a{
	font-size: 24px;
	font-family: Myriad Pro, Helvetica, sans-serif;
	color: #5F4F67;
	text-align: left;
	line-height:1.2em;
	margin-bottom:10px;
	font-weight:normal;
	text-decoration:none;
}

h1.entry-title a:hover{
	color: #98BB7D;
}

h2 {
font-size:24px;
font-family:Myriad Pro, Helvetica, sans-serif;
line-height:1.1em;
margin-bottom:7px;
}

h3 {
font-size:20px;
font-family:Myriad Pro, Helvetica, sans-serif;
line-height:1.1em;
margin-bottom:7px;
}

.category_title {
	font-size: 24px;
	font-family: Myriad Pro, Helvetica, sans-serif;
	color: #555555;
	text-align: left;
	line-height:1.2em;
	padding-bottom:6px;
	margin-bottom:20px;
	border-bottom:1px solid #8B8B8B;
	text-decoration:none !important;
}

.category_title_gray {
	color:#8B8B8B;
}

.logo {
	background:url(/wp-content/uploads/2011/07/logo.jpg) no-repeat;
		width:307px;
	height:108px;
}

.contact {
	font-size: 18px;
	text-align: right;
	float: none;
	vertical-align: top;
	padding-top: 75px;
	padding-bottom:35px;
}

.phone {
	font-weight: bold;
	color: #004812;
}

a:link {
	color: #647578;
	text-decoration:underline;
}
a:visited {
	color: #98BB7D;
	text-decoration:underline;
}
a:hover {
	color: #98BB7D;
	text-decoration:underline;
}

#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 10px;
}

#menuwrapper {
	width: 820px;
	background-image: url(images/navbar.gif);
	background-repeat: no-repeat;
	height: 32px;
}

#navigation {
width: 820px;
}

#content {
font-size:14px;
line-height:1.3em;
margin:20px 20px 30px 0px;
padding-bottom:0;
padding-right:0;
padding-top:0;

width:820px;

}

.image-home{
	margin-left: 10px;
	margin-top: 3px;
	float: right;
	border: 1px solid #CCC;
}

.right-image{
	margin-left: 5px;
	float: right;
	margin-top: -5px;
}

.about-left-img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 3px;
}

#footer {
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	 text-align:right;
	vertical-align: top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	line-height: 2em;
	margin-top: 15px;
}

#footer td {
	padding-top: 10px;
}

#footer a:link {
	color:  #000000;
	text-decoration:none;
}

#footer a:visited {
	color: #000000;
	text-decoration:none;
}

#footer a:hover {
	color: #000000;
	text-decoration:underline;
}
ul {
	margin-left: 15px;
 
	list-style-type: disc;
}
li {
	margin-bottom: 8px;
}
ol {
	list-style-type: decimal;
	margin-left: 30px;
}

/* 
  -----------------------------------
LEFT SIDEBAR
  -----------------------------------
*/

#leftcolumn {
width:140px;
font-family: Trebuchet MS, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
line-height:2em;
margin-right:40px;
min-height:100%;
position:absolute;
margin-top:-5px;
}

.leftnavtitle {
font-family: Myriad Pro, Helvetica, sans-serif;
font-size:16px;
}

ul.leftnav {
list-style-type:none;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
margin-left:10px;
line-height:1.3em;
text-decoration:none;
}

ul.leftnav a {
color:#5F4F67;
text-decoration:none;
}

ul.leftnav a:hover {
color:#5F4F67;
text-decoration:underline;
}

#current a {
color:#98BB7D;
text-decoration:none;
}

#services {
margin-left:180px;
}

/* 
  -----------------------------------
NEW SIDEBAR
  -----------------------------------
*/


#sidecolumn {width: 190px; float:right; }
#sidecolumn ul {
	margin-left: 10px;
	list-style-position: inside;
	list-style-type: none;

}
h3 .widgettitle {padding-top:10px; margin-bottom: 3px;}

}
#sidecolumn ul li {
	margin-bottom: 0px;
}
#sidecolumn ol {
	list-style-position: inside;
	list-style-type: decimal;
	margin-left: 30px;
}


/* 
  -----------------------------------
  Pop Menu Magic 2
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme: 08 - Cayenne
  -----------------------------------
*/

/*Menu Outer Wrapper*/
.p7PMMh08 {
	width: auto;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
	text-align: left;
	line-height: normal;
	font-weight: normal;
}
/*Hide Sub-Menu in Design View*/
.p7PMMh08 ul div {
	display: none;
}
/*
TOP LEVEL MENU
*/
.p7PMMh08 ul {
	margin: 0;
	padding: 0;
}
.p7PMMh08 li {
	list-style-type: none;
	float: left;
	width: 120px;
}
/* Hide from IE5 Mac \*/
.p7PMMh08 li {width: auto;}
/*End Hiding*/

/*Top Level Links*/
.p7PMMh08 a {
	display: block;
	text-decoration: none;
	padding: 6px 0px 7px 0px;
	color: #FFF !important;
	border-right: 1px solid #000;
	background-color: #195929;
	text-align: center;
	font-weight: bold;
}
.p7PMMh08 a:hover {
	color: #FFF !important;
	background-color: #195929;
	font-weight: bold;
	text-decoration: underline;
	
}
/*
Syntax for special classes programatically assigned to first and last links and also LIs
See user guide for more information
*/
.p7PMMh08 ul a.pmmfirst {
	border-left-width: 0;
}
.p7PMMh08 ul a.pmmlast {
	border-right: 0;
}
.p7PMMh08 ul li.pmmfirst {
	border-right: 0;
	}
.p7PMMh08 ul li.pmmlast {
	border-right: 0;
}
.p7PMMh08 ul ul a.pmmfirst {
	border-top: 0;
	border-left-width: 1px;
}
.p7PMMh08 ul ul ul a.pmmfirst {
	border-top: 1px solid #555;
}
/*First Sub Level*/
.p7PMMh08 ul ul {
	z-index: 10000;
	background-color: #195929;
	width: 229px;
}
.p7PMMh08 ul ul li {
	float: none;
	background-image: none;
	background-color: #195929;
}
.p7PMMh08 ul ul a {
	padding: 6px 0px 6px 16px;
	color: #FFF !important;
	background-image: none;
	zoom: 1;
	background-color: #195929;
	text-align: left;
	overflow: hidden;
	border: 1px solid #195929;
}
.p7PMMh08 ul ul a:hover {
	background-color: #195929 !important;
	color: #FFF !important;
	background-image: none;
	border-color: #195929 !important;
}
/*Third Level (Flyouts in horizontal menu)*/
.p7PMMh08 ul ul ul {

}
/*
SPECIAL IMAGE-BASED RULES
*/
.p7PMMh08 img {
	border: 0;
}
.p7PMMh08 .p7PMM_img {
	padding: 0;
	border: 0;
	background-image: none;
	background-color: transparent;
}
/*
TRIGGERS and CUURENT MARK RULES
The Closed state relates to trigger items when their child menus are not showing
The Open state relates to trigger items when their child menus are showing
Selectors appended with _left Automatically change arrow position and orientation
if sub levels are set to fly out to the left
*/

/*Sub Level*/
.p7PMMh08 ul a.trig_closed, .p7PMMh08 ul a.trig_closed_left {
	background-image: url(p7pmm/img/pmm_south_light.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMh08 ul a.trig_closed_up {
	background-image: url(p7pmm/img/pmm_north_light.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMh08 ul a.trig_open, .p7PMMh08 ul a.trig_open_up {
	color: #FFF !important;
	background-color: #195929 !important;
	border-color: #000;
}
.p7PMMh08 ul a.trig_open {
	color: #FFF !important;
}
.p7PMMh08 ul ul a.trig_closed {
	background-image: url(p7pmm/img/pmm_east_light.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMh08 ul ul a.trig_closed_left {
	background-image: url(p7pmm/img/pmm_west_light.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.p7PMMh08 ul ul a.trig_open {
	color: #FFF !important;
	background-color: #424242 !important;
	border-color: #E83A00 !important;
}
/*The Current Marker (You are here) links*/
.p7PMMh08 .current_mark {
	font-weight: bold !important;
	color: #FFF !important;
	font-variant: normal !important;
	text-decoration:none !important;
}
.p7PMMh08 ul ul .current_mark {
	font-weight: bold !important;
	color: #FFF !important;
	font-variant: normal !important;
	text-decoration:none !important;
}


/*
Utility Rule used for Clearing floats in Horizontal Menus
*/
.p7pmmclearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

/*make far right submenu narrower */
#p7PMM_1 .root_5 ul {
	width: 123px;
}

/*assign widths to root menu items */
#p7PMM_1 .root_1 {width: 100px;}
#p7PMM_1 .root_2 {width: 160px;}
#p7PMM_1 .root_3 {width: 140px;}
#p7PMM_1 .root_4 {width: 140px;}
#p7PMM_1 .root_5 {width: 140px;}
#p7PMM_1 .root_6 {width: 110px;}
