@charset "utf-8";

/*  

Version: 1.0
Author: Associates for Women's Health
Author URI: http://www..com
Copyright © 2008 Associates for Women's Health. All Rights Reserved.

*/

@media screen, projection {

/* BODY, FONTS AND LINKS: =body
--------------------------------------------------------- */
	*	{ margin: 0; padding: 0; }
	body	{ font-family: Arial, Helvetica, sans-serif; }

/* CONTAINERS: =containers
--------------------------------------------------------- */
	.container	{ width: 600px; margin: 0 auto; }
	
	.header-wrapper	{ width: auto; background: #DED6DF; }
	.navigation-wrapper	{ width: auto; background: #C9B280; }
	.image-wrapper		{ width: auto; }
	
/* IMAGE HEADER: =image
--------------------------------------------------------- */
	#header		{ height: 253px; background: url(../images/header.jpg) no-repeat; width: 540px; height: 252px; }
	
	#header h1	{ text-indent: -9999px; }
	#header p		{ text-indent: -9999px; }
	
/* NAVIGATION: =navigation
--------------------------------------------------------- */
	#navigation ul		{ list-style-type: none; padding: 12px 0 15px 10px; }
	#navigation ul li	{ display: inline; padding: 0 20px 0 0; }
	
	#navigation ul li a			{ font-size: 11px; color: #FFFFFF; text-decoration: none; }
	#navigation ul li a:hover	{ color: #F9F1E0; text-decoration: underline; }
	#navigation ul li.current a	{ font-weight: bold; color: #F9F1E0; text-decoration: none; }
	
	#navigation-shadow	{ background: url(../images/menu-shadow.gif) repeat-x; height: 4px; }
	
/* CONTENT: =content
--------------------------------------------------------- */
	#content		{ margin-top: 40px; padding: 0 10px 0 10px; }
	
	#content h2, #content h3, #content p	{ padding-left: 10px !important; padding-right: 20px !important; }
	
	#content h2	{ color: #702C6A; padding: 0 0 14px 0; font-size: 18px; font-weight: bold; }
	#content h3	{ color: #C5A67A; padding: 10px 0 5px 0; font-size: 13px; font-weight: normal; text-transform: uppercase; }
	
	#content p	{ font-size: 12px; color: #898989; line-height: 17px; padding: 0 0 10px 0; }
	
	#content p a		{ color: #702C6A; text-decoration: underline; }
	#content p a:hover	{ color: #C9B280; text-decoration: none; }
	
	#content ul		{ list-style-type: square; margin: 6px 0 16px 40px; }
	#content ul li		{ color: #626262; font-size: 12px; padding: 0 60px 2px 0; line-height: 17px; }
	
	#content ul li a		{ color: #702C6A; text-decoration: underline; }
	#content ul li a:hover	{ color: #C9B280; text-decoration: none; }

/* FOOTER: =footer
--------------------------------------------------------- */
	#footer	{ margin-top: 40px; border-top: 1px solid #E9E0CC; padding: 10px 0 30px 0; position: relative; }
	
	#footer p	{ color: #D1D1D1; font-size: 10px; padding: 0 10px 0 10px; }
	
	#footer p#phone-number	{ background: url(../images/phone.gif) no-repeat; width: 151px; height: 16px; position: absolute; top: 15px; right: -10px; text-indent: -9999px; }

/* MISC: =misc
----------------------------------------------- */
	hr { display: none; }

	/* 
	* Image replacement using the Gilder/Levin IR technique 
	* http://www.ryznardesign.com/pages/web_page_coding/gilder_levin_ir_mac/gilder_levin_ir_mac_2.html
	*/		
	.replace { 
	position: relative;
	/* hide overflow: hidden from mac ie5 \*/
	overflow: hidden;
	font-size: 1.2em; /* reset to desired font size for good browsers for CSS on/images off situations*/
	/* end hide from mac ie5 */
	}
	.replace span { display: block; position: absolute; top: 0px; left: 0px; z-index:1; /*for Opera 5 and 6*/ }

	.replace a { display:block; cursor: pointer; }
	a.replace { cursor: pointer; }

	/*
	* "How To Clear Floats Without Structural Markup" -
	* http://www.positioniseverything.net/easyclearing.html
	*/
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix 		{ display: inline-block; }  

	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */
	
	
}