/*

CSS - http://www.oneillfdn.org/
http://www.oneillfdn.org/

http://www.oneillfdn.org/global.css

grn=#69913b
lt. grn=#87a762
med green=#789c4f
dk.gray=#5f554b
salmon=#E6BB84
canary yellow= #F9F7BE

/* =STRUCTURE
----------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width:90em;
	text-align:left;
	background-image: url(../_images/global/content_bg_160.jpg);
	background-repeat: no-repeat;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}
	
.wrapper {
	margin: 0em auto;
	width:90em;
	text-align:left;
/*	background-image: url(../_images/global/content_bg.gif);*/
	background-repeat: no-repeat;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;	
	}
		
	
html, body  {
	padding:0;
	margin:0;
    height: 100%;
}

#header {
	width:85em;
/*	height: 160px;*/
	text-align:left;
	}

.side_col {
	float: left;
	width: 17.5em;
	display:inline;
	margin-top: 8em;
	}
	
.side_col_rt {
	float: left;
	width: 17.5em;
	display:inline;
	margin-top: .3em;
	}
		
.home_side_col {
	float: left;
	width: 17.5em;
	display:inline;
	margin-top: 16em;
	}

.content {
	float: left;
	width: 53em;
	display:inline;
	}

.cont01,.cont02,.cont03,.cont04 {
	margin-bottom:2em;
	margin:0em 1.5em 0em 1em;
	}

.cont01,.cont015,.cont02,.cont03,.cont04 {
	display:inline;
	float:left;
	}

.cont01{
	width:10.3em;
	}
	
.cont015{ 
	width:23em;
	margin-bottom:2em;
	}

.cont02 {
	width:23em;
	}

.cont03 {
	width:34.8em;
	}

.cont04 {
	width:50em;
	}

#top_column {
	margin-top:2.5em;
}

#home_column {
	margin-top:14em;
}

#home_content {
	background-image: url(../_images/home_bg.jpg);
	background-repeat: no-repeat;
}

#fatherhood_content {
	background-image: url(../_images/fatherhood_bg.jpg);
	background-repeat: no-repeat;
}

#grants_content {
	background-image: url(../_images/grantmaking_bg.jpg);
	background-repeat: no-repeat;
}

#history_content {
	background-image: url(../_images/history_bg.jpg);
	background-repeat: no-repeat;
}

#app_process_content {
	background-image: url(../_images/app_process_bg.jpg);
	background-repeat: no-repeat;
}

#full_column {
margin-top:2.5em;
padding-bottom: 110px;
}

.side_copy {
	padding: 1.5em 1.5em 1em 1em;
	width:auto;
	}
		
p.side_copy {
font-size: 1em;
line-height:1.2em;
	}

#left_submenu {
	width:17.5em;
	float: left;
	}

#right_submenu {
	width:17em;
	float: right;
	margin-top: 0em;
	}

#footer {
	width:100%;
	background-color: #5f554b;
	text-align:left;
	bottom: -1px;
	height:auto;
	clear: both;
}

#footer_copy {
	margin: 0em auto;
	width: 71.5em;
	padding:1.5em 0 2em 18.5em;
	background-image: url(../_images/global/footer_bg_sprig.gif);
	background-position: right;
	background-repeat: no-repeat;
	}


#right_col_vrule {
	background-color: #4a7161;
}

#menucontainer {
	width:900px;
	height:30px;
	background-image: url(../_images/global/nav_bg.gif);
	background-repeat: repeat-x;
}

.clear {
	clear:both;
	line-height:0;
	}

/* =BODY & TEXT
----------------------------------------------- */
body {
	color:#fff;
	font-size:10px;
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	background-image: url(../_images/global/bg.jpg);
	background-repeat: repeat-x;
	background-color: #4a6b2a;
	text-align: center;

	}

*,img {
	border-style:none;
	margin:0;
	padding:0;
	}

p {
	font-size:1.4em;
	line-height:1.5em;
	margin-bottom:1em;
	}

.lead_text {
	font-size:14px;
	line-height:18px;
	}

.footernav_txt {
	color: #556293;
	font-family: arial, helvetica, sans-serif;
	}

.name {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	color: #556293;
	}

	
.copyright_footer {
	font-size: 1em;
	color: #E6BB84;
	}

.grantee_category {
	padding:0.25em .5em;
	color:#666666;
	font-size:1.4em;
	background-color:#E6BB84;
	font-weight: bold;
	margin-bottom: 0.8em;
	line-height: 1em;
	letter-spacing: -0.5px;
	margin-top: 0.6em;
}

.grantee_name {

	line-height: 1.5em;
	margin-top: 0.8em;
	color:#FFF;
	font-weight: bold;
}

.grantee_name_rule {
padding-top: 1em;
	color: #FFF;
	font-weight: bold;
	border-top: 1px solid #999;
}

.grant_total {
	background-image:url(../_images/global/bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 20px;
	padding-left: 1.6em;
padding-top: 1em;
	color: #FFF;
	font-weight: bold;
	border-top: 1px solid #999;
	padding-bottom: 1.5em;

}

#grants {
	color:#e6e6e6;
}

.grantee_rule {
	border-top: 1px solid #999;
	margin-bottom: 1em;
	margin-top: 1em;
}

.grant_nav {
	font-size:12px;
}

.par_intro {
	font-weight: bold;
	color: #E6BB84;
}

.subhead_norule {
	color:#F9F7BE;
	font-size:1.2em;
	font-weight: bold;
	margin-bottom: 0.8em;
	line-height: 1em;
	letter-spacing: -0.5px;
	padding-top: 0.5em;
}

.subhead_rule {
	border-bottom: 1px solid #87a762;
	padding-bottom: 0em;
	margin-bottom: 1.4em;
	margin-top: -1em;
}


/* =QUOTES / CALLOUTS
----------------------------------------------- */
.side_callout {
	width:17.5em;
	z-index:100;
	}

.side_callout p {
	padding: 1em ;
	color:#000;
	font-size:1.1em;
	}

#sc_yellow {
	background-color:#f9f7be;
	background-image: url(../_images/global/sc_yellow_bg.jpg);
	background-repeat: repeat-x;
	}


.quote {
	width:45em;
	margin-left:1em;
	padding:1em 1em 1em 2em;
	font-size:1.em;
	line-height: 1.4em;
	background-image: url(../_images/quote_bg.gif);
	background-repeat: repeat-x;
	}
	
.quote_auth {
	font-size:1em;
	line-height: 1.4;
	}
	
.side_quote {
	font-size:1.2em;
	line-height:1.2em;
	font-style: italic;
	color: #E6BB84;
	font-weight: bold;
}	
	
	
.open_quote {
	margin-left: -1.5em;
	float:left;
	}
	
	
.close_quote {
	float:right;
	margin-top: .5em;
	}
	
	
#side_dates {
	background-color:#87a762;
	}
	
#side_news {
	background-color:#497965;
	}
			
	
#side_links {
	background-color:#789c4f;
	}

	
	
/* =LISTS
----------------------------------------------- */

.list {
	margin-left:1.4em;
	margin-bottom:0.5em;
	font-size: 1.4em;
	padding: .5em 0em .5em;	
	}

.list li {
	margin-bottom: 0.5em;
	line-height: 1.6em;
	}
	


.list ul ol {
	font-size: 1em;
padding-left: .5em;
line-height: 1.6em;
	}
		
.list ol li {
	font-size: 1em;
padding-left: .5em;
line-height: 1.6em;
	}
	
	
.list_indent {
margin-left: 1.5em;
}
	
	
.sub_list {
margin: 0.5em 0 0.5em 1.2em;
font-size:14px;
	line-height: 1.6em;
	list-style-type: square;
}

.side_copy ul {
	font-size:1.2em;
	list-style: none;
	}

.side_copy li {
	margin-bottom: 0.5em;
	line-height: 1.4em;
	}



/* =TOP NAV
----------------------------------------------- */

#top_nav {
	width: 290px;
	height: 20px;
	background: #fff;
	float: right;
	padding: 0px;
}

#top_nav ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}

#top_nav li {
float: left;
font-weight: bold;
}

#top_nav a {
	color: #666;
	padding: 4px 10px 4px 10px;
	display: block;
	text-decoration:none;
}

#top_nav a:hover {
color: #7c9d4c;
text-decoration:none;
}




/* =LINKS
----------------------------------------------- */
/*a:link {
	text-decoration:none;
	}   */

p a:visited,.side_copy a:visited,.list a:visited,.side_copy a:visited {
	text-decoration:none;
	}

p a:link,p a:visited,.side_copy a:link,.side_copy a:visited,.list a:link,.list a:visited  {
	color: #F9F7BE;
	text-decoration:none;
	border-bottom: 1px dotted #8ba097;
	}

p a:hover,.side_copy a:hover,.list a:hover {
	color: #F9F7BE;
	border-bottom: 1px solid #fff;
	}
	

*/

/* =HEADS
----------------------------------------------- */
h1,h2,h3,h4,h6 {
	font-weight:light;
	margin:0;
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	}

h1 {
	font-size:32px;
	padding:0 0 .25em;
	color: #F9F7BE;
	letter-spacing: -1px;
	}

h2 {
	font-size:36px;
	padding:0 0 .95em;
	color: #F9F7BE;
	letter-spacing: -1px;
	}


h3 {
	font-size: 2.4em;
	padding:.5em 0 .5em;
	color: #E6BB84;
	}

h4 {
	font-size:1.4em;
	color: #F9F7BE;
	padding:.8em 0 .2em 0;
	font-weight: bold;
	}

h5 {
	text-transform: uppercase;
	letter-spacing: 1px;
	/*	font-weight:bold;  */
	padding:0em 0em .5em;
	color: #E6BB84;
	font-size: 1.2em;
	}

h6 {
	color:#F9F7BE;
	font-size:1.6em;
	font-weight: bold;
	margin-bottom: 0.7em;
	border-bottom: 1px solid #87a762;
	line-height: 1em;
	letter-spacing: -0.5px;
	padding-bottom: 0.3em;
	padding-top: 0.5em;
}
 
 
/* =IMAGES
----------------------------------------------- */

.main_img {
	margin-left:2em;
	}

.img_left_gtr {
	margin: .5em 0em .7em -2em;
	z-index: 100em;
	}
	
.img_left {
	margin: .5em 1em .7em 0em;
	float: left;
	}

.headshot {
	margin: .5em 1.5em 1em 0em;
	float: left;
	}

.img_content_hdr {
	margin: 4px 0px 10px 10px;
	float: right;
	}

.img_right_ {
	margin: 0px 0px 10px 10px;
	float: right;
	}

.img_right_incopy {
	float:right;
	margin:.2em 0em .2em .2em; 
	margin-right: 0px;
	}

.hdr_img {
	margin: 3em 0em 1em 0em;
	}

.hdr_colorband {
	}
	
.body_rule {
	border-top: 1px #556293 solid;
	/*margin: .2em 0em .65em 0em;*/
	}




/* =LEFT MENU
----------------------------------------------- */


#left_submenu li {
	font-size:1.2em;
	line-height:14px;
	font-weight:bold;
}

#left_submenu ul {
	width:144px;
	list-style-type:none;
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	
}

#left_submenu a {
	display:block;
	width:144px;
	margin-top: 1px;
	padding:5px 10px;
	text-decoration:none;
	background-color: #789c4f;
	color: #F9F7BE;
}


#left_submenu a:visited {
	color: #F9F7BE;
}

#left_submenu a:hover {
	background-color:#87a762;
	color:#fff;
}

#left_submenu a.active { 
	background-color:#87a762;
	color:#fff;
}

ul#left_submenu a#active a {
	background-color:#87a7621;
	color:#fff;
}




/* =RIGHT MENU
----------------------------------------------- */

#right_submenu li {
	font-size:1.2em;
	line-height:14px;
	font-weight:bold;
}

#right_submenu ul {
	width:144px;
	list-style-type:none;
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	
}

#right_submenu a {
	display:block;
	width:144px;
	margin-top: 1px;
	padding:5px 10px;
	text-decoration:none;
	background-color: #87a762;
	color: #FFF;
}

#right_submenu a:visited {
	color: #fff;
}

#right_submenu a:hover {
	background-color:#E6BB84;
	color:#666666;
}

#right_submenu a.r_active {
	background-color:#E6BB84;
	color:#666666;
}





/* =MAIN NAV
----------------------------------------------- */


.menu {
	width:90em;
	position:relative;
	z-index:100;
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:900px; w\idth:899px;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {
	float:left;
	position:relative;
	color: #cfcac5;
	width:auto;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	color: #FFFFFF;
	font-weight:bold;
	border-right:1px solid #b7ab9f;
  /*	border-width:1px 0 1px 1px; 
 	background:#f0da94;*/
 	padding: 2px 20px 0px 20px;
	line-height:28px;
}


/* a hack so that IE5.5 faulty box model is corrected */
/* * html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}*/

/* style the second level background */
/* .menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(/graphics/drop.gif) bottom right no-repeat;}*/

/* style the second level hover */

#first {
	border-left:1px solid #b7ab9f;
}

.menu ul ul a.drop:hover {
	background:#556293;
}

.menu ul ul :hover > a.drop {
	background:#556293;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#556293;
}

/* style the third level hover */
.menu ul ul ul a:hover {
	background:#556293;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;position:absolute;height:0;top:30px;left:0; width:149px; 
/*border-top:1px solid #000;*/ 
}

/* another hack for IE5.5 */
* html .menu ul ul {
	top:28px;t\op:30px;
}

/* position the third level flyout menu */
.menu ul ul ul {
	left:149px; top:-1px; width:149px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-149px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute; top:0; left:0; border-collapse:collapse;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background-color:#aaa095; 
	color:#fff; 
	/*height:auto; */
	line-height:1.2em; 
	padding:5px 8px; 
	width:128px;
	border-width:0 1px 1px 1px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:150px;w\idth:128px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#fff;
	background-color: #5f554b;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#fff;
	background-color: #5f554b;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility:visible; 
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul { 
	visibility:visible;
}


/* =FOOTERNAV
----------------------------------------------- */

#footer_nav {
}

#footer_nav ul {
	width:650px;
	list-style-type:none;
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:1em;
	padding:0;
	
}


#footer_nav li {
display:inline;
	font-size:1.2em;
	line-height:14px;
	
}

#footer_nav a {
	width:144px;
	padding:5px 5 10 0;
	text-decoration:none;
	color: #F9F7BE;
}

#footer_nav a:visited {
	color: #F9F7BE;
}

#footer_nav a:hover {
    color: #fff;
	text-decoration:none;
	border-bottom: 1px dotted #8ba097;
}

#footer_nav a.r_active {
	background-color:#E6BB84;
	color:#69913b;
}


/* =FORMS
----------------------------------------------- */

/* Menu  */
#header em { display: none;}
#header ul { width: 100%; float: left; padding: 0px; margin: 0px; list-style-type: none;}
#header li { float: left; padding: 0px; margin: 0px; display: inline}
#header li a { DISPLAY: block; HEIGHT: 46px }

#header li a.home { background: url(../images/menu_01.png) no-repeat left top; WIDTH: 52px }
#header li a.homeActive { background: url(../images/menu_01.png) no-repeat left bottom; WIDTH: 52px }
#header li a.gallery { background: url(../images/menu_02.png) no-repeat left top; WIDTH: 60px}
#header li a.galleryActive { background: url(../images/menu_02.png) no-repeat left bottom; WIDTH: 60px}
#header li a.resources { background: url(../images/menu_03.png) no-repeat left top; WIDTH: 76px; margin: 0px; padding: 0px;}
#header li a.resourcesActive { background: url(../images/menu_03.png) no-repeat left bottom; WIDTH: 76px}
#header li a.submit { background: url(../images/menu_04.png) no-repeat left top; WIDTH: 97px}
#header li a.submitActive { background: url(../images/menu_04.png) no-repeat left bottom; WIDTH: 97px}
#header li a.feed { background: url(../images/menu_05.png) no-repeat left top; WIDTH: 68px}
#header li a.feedActive { background: url(../images/menu_05.png) no-repeat left bottom; WIDTH: 68px}
#header li a.about { background: url(../images/menu_06.png) no-repeat left top; WIDTH: 52px}
#header li a.aboutActive { background: url(../images/menu_06.png) no-repeat left bottom; WIDTH: 52px}
#header li a.blog { background: url(../images/menu_10.png) no-repeat left top; WIDTH: 51px}
#header li a.blogActive { background: url(../images/menu_10.png) no-repeat left bottom; WIDTH: 51px}
#header li a.contact { background: url(../images/menu_07.png) no-repeat left top; WIDTH: 64px}
#header li a.contactActive { background: url(../images/menu_07.png) no-repeat left bottom; WIDTH: 64px}

#header li a:hover { background-position: left bottom }


/* =TEST
----------------------------------------------- */
.invisible {display:none;}