/* 
----------------------------------------------------------------------------- 
ZEROING OUT DEFAULTS / BASIC STYLES
-----------------------------------------------------------------------------*/
p, h1, h2, h3, h4, h5, h6, ul, ul li, form, dl, dt, dd, hr {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
a img {
	border:none;
}
#header .left span, h3, h4 {
	display: none;
}
body {
	background: #FDF884 url(http://www.edfundfpa.org/images/bg/bg.gif) repeat-y center top;
	margin: 0px;
	padding: 0px;
	font: .85em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#container {
	width: 777px;
	margin: 0px auto;
}




/* 
----------------------------------------------------------------------------- 
LAYOUT STYLES
-----------------------------------------------------------------------------*/
#header .left {
	height: 170px;
	width: 172px;
	float: left;
}
#header .right {
	float: right;
}
#content #left {
	float: left;
	width: 172px;
}
#home #content #right {
	float: right;
	width: 165px;
	font-size: 90%;
	margin-top: 15px;
}
#int #content #right {
	float: right;
	width: 605px !important;
	width: 165px;
	padding-top: 10px;
	font-size: 90%;
}
#home #content #middle {
	margin-right: 166px;
	margin-left: 173px;
	padding: 15px 8px 0px;
}
#footer {
	font-size: 90%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
	line-height: 14px;
}





/* 
----------------------------------------------------------------------------- 
HEADER STYLES
-----------------------------------------------------------------------------*/

#header .left a {
	background:url(http://www.edfundfpa.org/images/bg/logo.gif) no-repeat;
	display:block;
	height:170px;
	text-decoration:none;
	text-indent:-2000em;
	width:172px;
	z-index:1000;
}
#header .util {
	position: absolute;
	top: 10px;
	font-size: 10px;
	z-index: 1;
	width: 600px;
	text-align: right;
}
#header .util a {
	color: #201FD2;
	text-decoration: underline;
}
#header .banner {
	height: 138px;
	width: 605px;
	padding-top: 2px;
}
#header .tagline {
	background: url(http://www.edfundfpa.org/images/bg/tagline.gif) no-repeat;
	height: 27px;
	width: 580px;
	text-align: right;
	padding-right: 25px;
	padding-top: 3px;
}




/* 
----------------------------------------------------------------------------- 
NAVIGATION STYLES
-----------------------------------------------------------------------------*/
.nav {
	background: url(http://www.edfundfpa.org/images/bg/nav.jpg) no-repeat;
	margin-bottom: 15px;
}
.nav div {
	background: url(http://www.edfundfpa.org/images/bg/nav.jpg) no-repeat left bottom;
	padding: 0px 7px 12px 9px;
}
.nav .search {
	background: url(none);
	padding: 10px 15px 15px;
}
.nav .keyword {
	width: 90px;
	font-size: 90%;
	color: #000000;
	border: 1px solid #FFFFFF;
}



/*********************/
/* NAV MENU */
/*********************/

#nav { /* all lists */
	font-weight: normal;
}
	
#nav li { /* all list items */
	position : relative;
	line-height : 16px;
	vertical-align: middle;
	margin-bottom : 0;
	width: 156px;
}
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 156px;
	margin-top : -23px;
}
#nav li.twolines ul, #nav li.yellow1 ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 156px;
	margin-top : -39px;
}
#nav li ul a {
	color: #ffffff;
	text-decoration: none;
	background-color: #288bcd;		
}
#nav li ul li {
	border: 0px;
	background-color: #288bcd;
}
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#nav li a {
	width: 150px;
	w\idth : 150px;
	_width : 150px;
	display : block;
	color:#FFFFFF;
	font-size: 11px;
	text-decoration : none;
	padding : 3px;
	border-top: 1px solid #6C9D71;
	border-bottom: 1px solid #33602E;
}
html>body #nav li a {
	width : 150px;
}
#nav li.yellow1 a {
	background: url(http://www.edfundfpa.org/images/bg/nav-yellow.jpg) repeat-x left top;
	color: #2A2922;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #C8BD3E;
}
#nav li.yellow2 a {
	background: url(http://www.edfundfpa.org/images/bg/nav-yellow.jpg) repeat-x left bottom;
	color: #2A2922;
	border-top: 1px solid #FAF49F;
	border-bottom-style: none;
}
#nav a:hover, #nav a:visited:hover {
	background: #3A50C6;
	color: #FFFFFF;
}
#nav li.yellow1 a:hover {
	background: url(http://www.edfundfpa.org/images/bg/nav-yellow.jpg) repeat-x left top;
	background: #3A50C6;
	color: #FFFFFF;
}
#nav li.yellow2 a:hover {
	background: url(http://www.edfundfpa.org/images/bg/nav-yellow.jpg) repeat-x left bottom;
	background: #3A50C6;
	color: #FFFFFF;
}	
#nav li.yellow1 ul a, #nav li.yellow2 ul a {
	color: #ffffff;
	text-decoration: none;
	background: #288bcd url(none) no-repeat;
}
#nav li.yellow1 ul li, #nav li.yellow2 ul li {
	border: 0px;
	background: #288bcd url(none) no-repeat;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover uL {
	left: auto;
}


#nav li.on {
	border-bottom: 1px solid #345F2F;
	background: #0f81c7 url(http://www.edfundfpa.org/images/bg/nav-on.jpg) repeat-x;
	font-weight: bold;
}
#nav li.on ul { /* second-level lists */
	position : relative;
	left: auto;
	margin-left : 0px;
	margin-top : 0px;
	border-bottom: 1px solid #345F2F;
}
#nav li.on li {
	border: none;
	font-weight: normal;
}
#nav li.on a {
	display : block;
	color:#FFFFFF;
	font-size: 90%;
	text-decoration : none;
	padding : 3px 4px;
	border-top: 1px solid #6C9D71;
	border-bottom: none;
	width: 148px;
}

#nav li.on ul a {
	display : block;
	color:#FFFFFF;
	font-size: 85%;
	text-decoration : none;
	padding : 3px 4px 3px 19px;
	width : 133px;
	w\idth : 133px;
	_width : 133px;
	border: none;
}
#nav li.on li.on a {
	background: #013C68;
	display : block;
	color:#FFFFFF;	
	font-size: 85%;	
	text-decoration : none;
	padding : 3px 4px 3px 19px;
	width : 133px;
	w\idth : 133px;
	_width : 133px;
	border: none;
}






/* 
----------------------------------------------------------------------------- 
CONTENT STYLES
-----------------------------------------------------------------------------*/
/* \*/
* html #content #right .left {
	overflow: hidden;
	o\verflow: visible;
	width: 580px;
	w\idth: auto;
	he\ight: 1%;
}
/* */
#content #middle p, #content #middle ul, #int #content #right p, #int #content #right ul {
	margin-bottom: 1em;
	font-size: 95%;
}
#content #right p, #content #right ul {
	font-size: 95%;
}
#right ul li, #middle ul li {
	background: url(/images/bullets/blue.gif) no-repeat left 3px;
	padding-bottom: 8px;
	padding-left: 15px;
}
#content #middle .whatsnew {
	background: url(http://www.edfundfpa.org/images/components/whatsnew.gif) no-repeat left top;
	padding-top: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 95%;
}
#content #middle .whatsnew div {
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 22px;
	background: url(http://www.edfundfpa.org/images/components/whatsnew.gif) no-repeat left bottom;
}
#int #content #right .right {
	float: right;
	width: 165px;
	margin-bottom: 15px;
	margin-left: 25px;
}
#int #content #right .left {
	padding: 15px 5px 0px 15px;
	width: 585px;
}
#content #left p {
	margin-bottom: 7px;
}
#content #left .components {
	padding: 0px;
	margin: 0px 0px 10px;
}
h2 {
	font-size: 160%;
	font-weight: bold;
	color: #000000;
	margin-bottom: 3px;
}
h5 {
	font-size: 115%;
	font-weight: bold;
	color: #000000;
}
#right .sitemap1 li {
	background: url(http://www.edfundfpa.org/images/spacer.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}
.sitemaptitle {
	background: #0A2D55;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 3px;
}






/* 
----------------------------------------------------------------------------- 
COMPONENT STYLES
-----------------------------------------------------------------------------*/
#right .components  {
	margin-bottom: 10px;
	padding: 0px;
}
#right .components div {
	padding: 25px 0px 0px;
}
#right .components div div {
	margin: 0px;
	padding: 0px 15px 15px 8px;
}
.supportus {
	background: url(http://www.edfundfpa.org/images/components/supportus.jpg) no-repeat left top;
	font-size: 90%;
	color: #000000;
	padding-top: 35px;
}
.supportus div {
	background: url(http://www.edfundfpa.org/images/components/supportus.jpg) no-repeat left bottom;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.find {
	background: url(http://www.edfundfpa.org/images/components/familyplanning.jpg) no-repeat left top;
	font-size: 90%;
	color: #FFFFFF;
	padding: 50px 0px 0px;
}
.find div {
	background: url(http://www.edfundfpa.org/images/components/familyplanning.jpg) no-repeat left bottom;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.find .zip {
	width: 100px;
	border: 1px solid #FFFFFF;
	font-size: 90%;
	color: #000000;
}
.find .within {
	font-size: 90%;
}
.resources {
	background: url(http://www.edfundfpa.org/images/components/resources.gif) no-repeat left top;
}
.resources div {
	background: url(http://www.edfundfpa.org/images/components/resources.gif) no-repeat left bottom;
}
.links {
	background: url(http://www.edfundfpa.org/images/components/links-int.gif) no-repeat left top;
}
.links div {
	background: url(http://www.edfundfpa.org/images/components/links-int.gif) no-repeat left bottom;
}
.getinvolved {
	background: url(http://www.edfundfpa.org/images/components/getinvolved.gif) no-repeat left top;
}
.getinvolved div {
	background: url(http://www.edfundfpa.org/images/components/getinvolved.gif) no-repeat left bottom;
}
#right h4.whatsnew {
	background: url(http://www.edfundfpa.org/images/bg/whatsnew-title.gif) no-repeat;
	height: 20px;
	width: 67px;
}





/* 
----------------------------------------------------------------------------- 
USER STYLES
-----------------------------------------------------------------------------*/
.imgright {
	margin-left: 10px;
	margin-bottom: 5px;
}
.imgleft {
	padding-right: 10px;
	padding-bottom: 5px;
}




/* 
----------------------------------------------------------------------------- 
FOOTER STYLES
-----------------------------------------------------------------------------*/
#footer p {
	margin-bottom: 3px;
}




/* 
----------------------------------------------------------------------------- 
LINK STYLES
-----------------------------------------------------------------------------*/
#content #middle a, #content #right a, #footer a {
	color: #345F2F;
	text-decoration: none;
}
#content #middle a:hover, #content #middle a:visited:hover,
#content #right a:hover, #content #right a:visited:hover,
#footer a:hover, #footer a:visited:hover {
	text-decoration: underline;
}

#content #right .sitemaptitle a:link, #content #right .sitemaptitle a:visited {
	color: #FFFFFF;
}





/* 
----------------------------------------------------------------------------- 
CLEARING DIVS
-----------------------------------------------------------------------------*/
.clear {
    clear: both; 
    visibility: hidden;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
