@charset "UTF-8";
/* CSS Document */

body{
background-color:#ffffff;
font:.8em Helvetica, Arial, sans-serif;
margin:0px;
}

img{
border:none;
}

p a, p a:visited{
color:#000000
}

p a:hover{
color:#CC0000
}

#wrapper{
position:relative;
margin:0px auto 0px auto;
width:800px;
background-image:url(images/blue_orange_bg.gif);
}

#wrapper.print{
background-image:none;
}

a.print_link_hide{
display:none;
}

#wrapper.print a.print_link_hide{
display:inline;
}

#wrapper.print img{
display:none;
}

#wrapper.print img.print_show{
display:inline;
}

#header{
background-color:#000000;
width:776px;
height:60px;
padding:9px 12px 9px 12px;
}

#wrapper.print #header{
display:none;
}

#wrapper div.logo_print{
display:none;
}

#wrapper.print div.logo_print{
display:block;
width:100%;
padding-bottom:12px;
border-bottom:1px solid black;
}

#wrapper.print div.logo_print img{
display:block;
}

img.logo{
margin-right:14px;
}

img.nav_img{
position:relative;
top:-12px;
margin-left:4px;
}

#right_bracket{
position:absolute;
right:12px;
top:9px;
}

#body_left_col{
width:194px;
float:left;
display:inline;
}

#wrapper.print #body_left_col{
display:none;
}

#body_left_col #in_the_news{
width:170px;
background-color:#CC0000;
padding:12px;
}

#news_header{

background-color:#99ccff;
}

#body_left_col #in_the_news h1{
font: bold 1em Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#FF9900;
margin:15px 0px 0px 0px;
}



#body_left_col #in_the_news p{
font: .9em Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0px;
letter-spacing:.1em;
font-weight:normal;
}

	#body_left_col #in_the_news p a:link, #body_left_col #in_the_news p a:visited{
	color:#FFFFFF;
	text-decoration:none;
	}
	
	#body_left_col #in_the_news p a:hover{
	color:#ff9900;
	text-decoration:none;
	}

#body_left_col #left_col_purple{
width:170px;
background-color:#660099;
padding:12px 12px 18px 12px;
}

#body_left_col #left_col_purple h1{
font: bold 1em Arial, Helvetica, sans-serif;
color:#FF9900;
margin:1px 0px 0px 0px;
text-transform:uppercase;
}

	#body_left_col #left_col_purple h1 a:link, #body_left_col #left_col_purple h1 a:visited{
	font: bold 1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FF9900;
	text-decoration:none;
	}
	
	#body_left_col #left_col_purple h1 a:hover{
	font: bold 1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
	}

#body_left_col #left_col_purple p{
font: .8em Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0px;
letter-spacing:.1em;
font-weight:normal;
}

	#body_left_col #left_col_purple p a:link{
	font: .8em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0px;
	letter-spacing:.1em;
	font-weight:normal;
	}
	
	#body_left_col #left_col_purple p a:hover{
	color:#ff9900;
	margin:0px;
	letter-spacing:.1em;
	font-weight:normal;
	text-decoration:none;
	}

p.learn_more{
padding:3px 0px 0px 0px;
text-transform:uppercase;
}

	p.learn_more a:link, p.learn_more a:visited{
	font: 1em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	}
	
	p.learn_more a:hover{
	font: 1em Arial, Helvetica, sans-serif;
	color:#ff9900;
	text-decoration:none;
	text-transform:uppercase;
	}

p.credits{
font-family: Arial, Helvetica, sans-serif;
font-size:.65em;
line-height:1.3em;
margin-left:56px;
}
	
	p.credits a:link, p.credits a:visited{
	color:#000000;
	text-decoration:underline;
	}
	
	p.credits a:hover{
	color:#cc0000;
	text-decoration:underline;
	}

div.left_col_item{
margin:0px 0px 12px 0px;
padding:0px 0px 18px 0px;
background-image:url('images/purple_dotted_rule.gif');
background-position:bottom;
background-repeat:repeat-x;
}

#body_right_col{
background-color:#ff9900;
width:606px;
float:left;
height:100%;
display:inline;
}

#wrapper.print #body_right_col{
background-color:#FFFFFF;
}

div.homepage_bg_1, div.homepage_bg_2, div.homepage_bg_3, div.homepage_bg_4, div.homepage_bg_5{
width:606px;
height:523px;
background-repeat:no-repeat;
position:relative;
}

div.homepage_bg_1{
background-image:url(images/home_page_bg_1.jpg);
}

div.homepage_bg_2{
background-image:url(images/home_page_bg_2.jpg);
}

div.homepage_bg_3{
background-image:url(images/home_page_bg_3.jpg);
}

div.homepage_bg_4{
background-image:url(images/home_page_bg_4.jpg);
}

div.homepage_bg_5{
background-image:url(images/home_page_bg_5.jpg);
}

#second_bg_holder{
width:100%;
height:100%;
position:absolute;
background-repeat:no-repeat;
}

#intro_message{
position:absolute;
left:58px;
top:145px;
}

#secondary_homepage_nav{
position:absolute;
right:0px;
top:102px;
width:179px;
}

#secondary_homepage_nav img{
margin-bottom:10px;
border:none;
}

#footer{
width:550px;
clear:both;
text-align:left;
margin-left:55px;
padding-top:18px;
}

#footer p{
font:.75em Arial, Helvetica, sans-serif;
padding-right:6px;
}
	
	#footer p a:link, #footer p a:visited{
	color:#000000;
	text-decoration:underline;
	}
	
	#footer p a:hover{
	color:#cc0000;
	text-decoration:underline;
	}
	

.clear{
width:800px;
clear:both;
}

#footer a.footer_button{
color:#000000;
text-decoration:underline;
padding:0px 0px 0px 24px;
}

/********  General page styles ********/

div.page_content{
position:relative;
margin:0px 0px 56px 55px;
}

div.page_content img.page_header{
margin:22px 0px 25px -2px;
}

#wrapper.print div.page_content img.page_header{
display:none
}

div.page_content img.page_header_print{
display:none;
}

#wrapper.print div.page_content img.page_header_print{
margin:22px 0px 25px -2px;
display:inline;
}

div.page_content img.page_header_split_col{
margin:22px 0px 25px 0px;
}

div.page_content p{
margin:1em 56px 0px 1px;
font:1em/1.5em Helvetica, Arial, sans-serif;
}

div.page_content h4{
margin:1em 56px 0px 0px;
font:bold 1em/1.5em Helvetica, Arial, sans-serif;
}

	div.page_content h4 a:link, div.page_content h4 a:visited{
	color:#000000;
	text-decoration:underline;
	}
	
	div.page_content h4 a:hover{
	color:#CC0000;
	text-decoration:underline;
	}

div.page_content h4 + p{
margin:0px 56px 0px 0px;
font:1em/1.5em Helvetica, Arial, sans-serif;
}

div.page_content p.grantees{
margin:0px 56px 0px 0px;
}

div.page_content span.page_intro_text{
font:bold 1.2em/1.3em Helvetica, Arial, sans-serif;
}

div.page_content_split_column{
width:180px;
margin:12px 0px 56px 0px;
float:left;
display:inline;
padding-right:25px;
}

div.page_content_split_column2{
width:180px;
margin:12px 0px 56px 55px;
float:left;
display:inline;
}

div.page_content div.page_content_split_column h2{
font-size:1.1em;
line-height:1.1em;
margin:12px 0px 0px 0px;
}

	div.page_content h2 a:link, div.page_content h2 a:visited{
	color:#000000;
	text-decoration:underline;
	}

	div.page_content h2 a:hover{
	color:#CC0000;
	text-decoration:underline;
	}

div.page_content h2{
font-size:1.1em;
line-height:1.1em;
margin:12px 0px 0px 0px;
}

	div.page_content h2 a:link, div.page_content h2 a:visited{
	color:#000000;
	text-decoration:underline;
	}

	div.page_content h2 a:hover{
	color:#CC0000;
	text-decoration:underline;
	}

div.page_content div.page_content_split_column h5, div.page_content div.page_content_split_column2 h5{
font-size:1.6em;
line-height:1.6em;
margin:12px 0px 0px 0px;
}

	div.page_content h5 a:link, div.page_content h5 a:visited{
	color:#000000;
	text-decoration:underline;
	}

	div.page_content h5 a:hover{
	color:#CC0000;
	text-decoration:underline;
	}

div.page_content_split_column p, div.page_content_split_column2 p{
margin:0px 0px 0px 0px;
}

div.page_content_split_column ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 12px;
}

div.page_content_split_column li{
margin:0px 0px 0px 0px;
font:1em/1.5em Helvetica, Arial, sans-serif;
}

img.page_content_img_subhead{
margin:18px 0px 0px 0px;
}

img.inset_image{
float:left;
display:inline;
margin-right:15px;
}

/******* Funding Guidelines Page *******/
ul {
line-height:1.5em;
margin-right:55px;
}

ol {
line-height:1.5em;
margin-right:55px;
}



/******* Grantees Page *******/
#grantees_years{
margin:0px 0px 0px 0px;
display:block;
}

/******* Links & Resoureces Page *******/
#links_resources_text p, #links_resources_text_2 p{
margin-bottom:6px;
line-height:1.1em;
}

/******* Outcome Stories Landing Page *******/
#outcome_landing_grid{
margin: 0px 0px 18px 0px;
}

#outcome_landing_grid img{
border:none;
}

div.os_landing_col, div.os_landing_col_no_divider{
width:172px;
float:left;
display:inline;
margin-right:4px;
}

div.os_landing_col{
background:url(images/os_divider.gif) right repeat-y;
}

img.os_landing_col_header{
margin:0px 0px 18px 0px;
}

img.os_landing_text{
margin-bottom:28px;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
width:513px;
	height:34px;
	position:absolute;
	left:234px;
	top:36px;
	z-index:100;
	font-family:helvetica, arial, sans-serif;
	line-height:18px;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}

/* 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;}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:14px;
text-decoration:none;
 color:#fff;
 height:34px;
 line-height:29px;
 }
/* 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(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}



/* 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:22px;
left:4px;
width:149px;
padding-bottom:6px;
 }
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* 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 {
 color:#fff;
 height:auto;
 line-height:1.3em;
 padding:8px 10px 8px 16px;
 width:128px;
 }
/* 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:#ff9900;
background:none;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#ff9900;
background:none;
}

/* 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;}


#menu_about li{
background:#cc0000;
color:#FFFFFF
}

#menu_juvenile_justice li{
background:#7333b3;
color:#FFFFFF
}

#menu_invited_projects li{
background:#99ccff;
color:#FFFFFF
}

#menu_invited_projects li a{
color:#000
}

#menu_invited_projects li a:hover{
color:#ff9900;
}

li.menu_last_item{
padding-bottom:4px;
}



div#print_link {
float:right;
margin:25px 18px 0px 0px;
position:relative;
z-index:10;
}

div#print_link_temp {
float:right;
margin:25px 55px 0px 0px;
}

#contact_left_column{
	margin-right:30px;
}