/* Purpose: undo some default styling of common (X)HTML browsers      */ 
  
/* link underlines tend to make hypertext less readable,  
* because underlines obscure the shapes of the lower halves of words 
*********************************************************************/ 
a:link, a:visited { text-decoration:underline; color:#1F8AB3 } 

/*
Classes
-----------------------------------------------------------------------*/
.green-line {background-color:#677842; width:718px; text-align:center; margin:10px 0 10px 0; font-weight:bold; color:#ffffff; }
.green-line2 {background-color:#677842; width:670px; text-align:center; margin:10px 0 10px 0; font-weight:bold; color:#ffffff; }
/* Tag alterations
--------------------------------------------*/
body 
{ 
text-align:left;
margin: 0px 0px 0px 0px;
scrollbar-base-color: #677842; 
scrollbar-face-color: #ffffff; 
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color: #677842;
scrollbar-highlight-color: #677842; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-shadow-color: #677842;
scrollbar-darkshadow-color: #ffffff; 
background-color:#007C3B;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height: 18px;
} 
.bodytext 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:18px;
} 
.bodyred 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#EA1C28;
line-height: 14px;
} 
.bodygreen 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#007C3B;
line-height: 18px;
} 
.bodyblack 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height: 18px;
} 
.bodywhite
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
line-height: 18px;
} 
.links 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height: 14px;
} 
.eventsgreen 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#007C3B;
line-height: 14px;
} 
.eventstext 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
line-height: 14px;
} 
.eventsblack 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
line-height: 14px;
} 
.bodysponsor 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height: 22px;
} 
.footertext 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
line-height: 14px;
} 
.footertext2 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
line-height: 14px;
} 
.footeryellow 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FEEF00;
line-height: 14px;
} 
.footergreen 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#007c3b;
line-height: 14px;
} 
.media-line {
	background-color:#487cb7;  
	text-align:center; 
	margin:10px 0 10px 0; 
	font-weight:bold; 
	color:#ffffff; 
	padding:2px 0;
	width:735px;
}



/*
added 1-24-2010 for lightbox image functions on Family Wellness page
----------------------------------------------------------*/
.thumbnail a:link img, .thumbnail a:visited img { border: 1px #6f5545 solid; padding: 0px; margin-bottom:10px;}

.thumbnail a:hover img { border: 1px #999 solid; }

/*
SPRITE NAV
----------------------------------------------------------*/


/* SPRITE NAVIGATION */
#menu {
	background: url(../images/nav2008.gif) top left no-repeat;					
	width: 760px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 30px;		/* Height of entire image */
	margin:0;
	padding:0;
}
#menu span { display: none; }
#menu li { 
	position: relative;
	float: left;
	list-style: none;
}
#menu li, #menu a { 
	height: 30px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#menu-01 {left: 0px; width: 55px;}
#menu-02 {left: 1px; width: 54px;}
#menu-03 {left: 2px; width: 72px;}
#menu-04 {left: 3px; width: 90px;}
#menu-05 {left: 4px; width: 55px;}
#menu-06 {left: 5px; width: 136px;}
#menu-07 {left: 6px; width: 80px;}
#menu-08 {left: 7px; width: 71px;}
#menu-09 {left: 8px; width: 77px;}
#menu-10 {left: 9px; width: 61px;}

/* Changed values should match "width" numbers specified above */
#menu-01 a:hover {background: transparent url(../images/nav2008.gif)   0px -30px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/nav2008.gif) -56px -0px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/nav2008.gif) -111px -0px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/nav2008.gif) -184px -0px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/nav2008.gif) -275px -0px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/nav2008.gif) -331px -0px no-repeat;}
#menu-07 a:hover {background: transparent url(../images/nav2008.gif) -468px -30px no-repeat;}
#menu-08 a:hover {background: transparent url(../images/nav2008.gif) -549px -0px no-repeat;}
#menu-09 a:hover {background: transparent url(../images/nav2008.gif) -621px -30px no-repeat;}
#menu-10 a:hover {background: transparent url(../images/nav2008.gif) -699px -30px no-repeat;}

/* SON OF SUCKERFISH */

#menu li ul {
	position: absolute;
	left: -9999px;
		/* Background color of drop down menu - add more styles (i.e. background image) if you want */
}

#menu li ul li {
	height: 20px;				/* Height of each drop down menu item */
	border-bottom: 1px solid #fff; 
	background:#007c3b;
}
#menu li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
}
#menu li ul li a span {
	display: block;
	padding-left: 5px;
}

/* Drop down link styles */
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}

#menu-02 a:link, #menu-02 a:visited, #menu-02 a:hover, #menu-02 a:active 
#menu-03 a:link, #menu-03 a:visited, #menu-03 a:hover, #menu-03 a:active
#menu-04 a:link, #menu-04 a:visited, #menu-04 a:hover, #menu-04 a:active
#menu-05 a:link, #menu-05 a:visited, #menu-05 a:hover, #menu-05 a:active
#menu-06 a:link, #menu-06 a:visited, #menu-06 a:hover, #menu-06 a:active
#menu-08 a:link, #menu-08 a:visited, #menu-08 a:hover, #menu-08 a:active {
	cursor:default;
}

#menu li:hover ul, #menu li.sfhover ul { left: auto; background-position: 0 0; }

/* Hover styles for drop down items */
#menu-02 ul a:hover, #menu-03 ul a:hover, #menu-04 ul  a:hover, #menu-05 ul  a:hover, #menu-06 ul  a:hover, #menu-08 ul  a:hover { 
	background-image: none;
	background-color: #63c57c;
	cursor:pointer;
	
}

/* width of drop down menu - choose width that allows items to display on one line */
#menu-02 ul, #menu-02 li { width: 120px; margin:0; padding:0; }		
#menu-03 ul, #menu-03 li { width: 190px; margin:0; padding:0;  }		
#menu-04 ul, #menu-04 li { width: 110px; margin:0; padding:0;  }		
#menu-05 ul, #menu-05 li { width: 135px; margin:0; padding:0;  }	
#menu-06 ul, #menu-06 li { width: 150px; margin:0; padding:0;  }	
#menu-08 ul, #menu-08 li { width: 190px; margin:0; padding:0;  }	

/* Lightbox section added 1-24-2010 for photos on Family Wellness page
 * ------------------------------------------------------------------------- */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.emilionaresfoundation.org/images/overlay.png", sizingMethod="scale");
	}