/* Selectors preceded by an asterisk (*) are IE7/IE6 hacks; Selectors preceded by an underscore (_) are IE6 only hacks */

/* GLOBALS */
* {
	margin: 0;
	padding: 0;
}

body {
	width: 850px;
	margin: 0 auto;
	font-size: 62.5%;
	color: #444;
	font-family: Verdana, Arial, sans-serif;
	background: #fff;
	line-height: 1em;
}

body.popup {
	width: 650px;
}

body.print {
	width: 850px;
}

html { min-height: 100%; margin-bottom: 1px; }

hr { display: none; }

a {	color: #61080c; text-decoration: none; }

	a img { border: none !important; }

ul { list-style: none; }

h1, h2, h3, h4 { font-family: 'Myriad Pro', Verdana, Arial, sans-serif; }

fieldset { border: none; }

.clear { clear: both !important; }

.orange, .orange a { color: #cc6600 !important; }

.maroon, .maroon a { color: #61080c !important; }

.teal, .teal a { color: #317d89 !important; }

.dark_grey, .dark_grey a { color: #666 !important; }

.darker_grey, .darker_grey a { color: #444 !important; }

.light_grey, .light_grey a { color: #999 !important; }

.left { text-align: left !important; }

.center { text-align: center !important; }

.right { text-align: right !important; }

.bold { font-weight: bold };

div.rule {
    
	background: #dce1e4;
	height: 3px;
}

.text_input {
	background: transparent url(/images/input_bg.png) repeat-x top center;
	_background: #fff url(../images/input_bg.gif) repeat-x top center;
	border-top: 1px solid #8e8e8e;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #e4e4e4;
	padding: 3px 2px 2px;
	width: auto;
	font-size: 1em;
	color: #444;
}

select {
	/*background: transparent url(/images/translucent_white.png) top center;*/
	_background: #fff;
	padding: 0;
	font-size: 1.25em;
	border-top: 1px solid #8e8e8e;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #e4e4e4;
	padding: 3px 2px 2px;
	width: auto;
	font-size: 1em;
	color: #444;
}

/* HEADER */
#header {
	position: relative;
	height: 4.1em;
	margin-bottom: 1.75em;
}

	#header h1 {
		width: 383px;
		height: 15px;
		background: url(/images/h1.gif);
		position: absolute;
		bottom: 0px;
		left: 0px;
	}
	
			#header h1 a span {
				display: none;
			}
			
	#header ul {
		position: absolute;
		top: 0;
		right: 0px;
		padding: 1em 0 1em 14px;
		background: url(/images/crest.gif) no-repeat left center;
	}

		#header ul li {
			float: left;
			padding: 0 1em;
		}
		
			#header ul li + li {
				border-left: 1px solid #9e9c9c;
			}
			
			#header ul li a {
				color: #9e9c9c;
			}
			
			#header ul li a:hover {
				color: #61080c;
			}
		

/* NAVIGATION */
#navigation {
	background: #84120b url(../images/nav_gradient.gif) repeat-x center bottom;
	height: 30px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 1em;
}

	#navigation ul { padding: 0 10px; }
	
		#navigation ul li {
			float: left;
			padding-bottom: 5px;
			margin-right: 2px;
		}
		
			#navigation ul li a {
				display: block;
				height: 10px;
				padding: 10px 10px 5px;
				font-family: 'Myriad Pro', Verdana, Arial, sans-serif;
				color: #fff;
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: 50% 10px;
			}
			
			#navigation ul li a#nav_home {
				width: 33px;
				background-image: url(../images/nav_home.gif);
			}

			#navigation ul li a#nav_my_profile {
				width: 67px;
				background-image: url(../images/nav_my_profile.gif);
			}

			#navigation ul li a#nav_mff {
				width: 192px;
				background-image: url(../images/nav_mff.gif);
			}

			#navigation ul li a#nav_search {
				width: 106px;
				background-image: url(../images/nav_search.gif);
			}

			#navigation ul li a#nav_resources {
				width: 67px;
				background-image: url(../images/nav_resources.gif);
			}
			
			#navigation ul li a#nav_giving_wisely {
				width: 106px;
				background-image: url(../images/nav_giving_wisely.gif);
			}

			
			#navigation ul li a#nav_about {
				width: 37px;
				background-image: url(../images/nav_about.gif);
			}
			
			#navigation ul li a#nav_faq {
				width: 19px;
				background-image: url(../images/nav_faq.gif);
			}
			
				#navigation ul li a span {
					display: none;
				}
			
			#navigation ul li a:hover, #navigation ul li.current a {
				background-color: #530000;
			}

/* MAIN (WRAPPER AROUND CONTENT & SIDEBAR) */
#main {
	background: url(../images/map.gif) no-repeat 50% 1em;
	line-height: 1.5em;
	min-height: 400px;
	_height: 400px;
	_overflow: visible;
}

	#main .hero_shot { margin-bottom: 1.5em; float: left; }


/* CONTENT */

#home #content .home-hero
{
    width: 600px;
}

#content
{
    width: 600px;
    float: left;
    *margin-right: 30px;
    _margin-right: 10px;
}

#home #content { width: 600px; }
	
	#content h1 {
		font-weight: normal;
		font-size: 2em;
		margin: 0.7em 0 1em;
		line-height: 1em;
	}
	
	#content h2 {
		color: #61080c;
		font-weight: normal;
		font-size: 1.8em;
		letter-spacing: -0.05em;
		margin-bottom: 0.5em;
	}
	
	#content h2.ruled {
		border-bottom: 3px solid #dce1e4;
		padding-bottom: 0.3em;
		margin-bottom: 0.3em;
	}
	
	#content h3 {
		margin-top: 2em;
		*font-size: 1.25em;
	}
	
	#content p {
		margin-bottom: 1em;
	}
	
			#content form table {
				border: none;
			}
			
				#content form table td {
					padding-bottom: 1em;
					margin-right: 10px;
					text-align: left;
					vertical-align: middle;
				}
				
				#content form table.templatetable td {
					vertical-align: top;
				}
				
					#content form table.templatetable td.submit { text-align: right }
				
					#content form table td select, #content form table td .text_input { width: 131px; }
					
					#content form table td.wide select, #content form table td.wide .text_input { width: 400px; }
					
					#content form table td a {
						color: #cc6600;
					}
					
					#content form table td a.attachment {
						color: #999;
					}
					
					
	#content .spacer {
		height: 2em;
	}
	
	#content table tbody#search_results {
		border-collapse: collapse;
		width: 100%;
	}
	
		#content table tbody#search_results th {
			text-align: left;
		}
		
		#content table tbody#search_results th a {
			color: #444444;
		}

		#content table tbody#search_results td {
			line-height: 1.5em;
			padding: 0.5em 0;
		}

			#content table tbody#search_results tr.on td {
				background: #f0f0f0;
				cursor: pointer;
			}
	
	#content table.search_nav {
		border-collapse: collapse;
		border-top: 1px solid #c4c4c4;
		width: 100%;
		margin-top: 2em;
	}
	
	#content ul {
		background: #eef0f2;
		padding: 1em;
	}
	
		#content ul li {
			padding: 0 0 0 2em;
			background: url(../images/bullet.gif) no-repeat 0px 0.5em;
			margin-bottom: 1em;
			color: #333;
		}
	
	#content .greyback {
	background: #DDDDDD;
		padding: 1em;
  margin-bottom: 10px;
	}

#summary #contextualization {
	float: right;
	color: #666666;
	background: #DDDDDD;
	width: 60%;
	line-height: 1.1;
 margin: 5px 5px 10px 10px;
}

#summary #contextualization p {
	padding: 0 10px 0 10px;
}

#summary #contextualization h2 {
		color: #61080c;
	font-size: 13px;
	padding: 5px 10px 0 10px;
}
	
/* SIDEBAR */
#sidebar {
	margin-left: 605px;
	width: 218px;
	*margin: 0;
	*width: 218px;
	_width: 215px;
}

#home #sidebar {
	/* margin-left: 652px; */
	*margin: 0;
	*width: 172px;
	_width: 169px;
}

	#sidebar h2 {
		margin-bottom: 0.5em;
		font-family: 'Myriad Pro', Arial, sans-serif;
		font-weight: normal;
		letter-spacing: 0.05em;
		font-size: 1.75em;
	}

	#sidebar h3 {
		text-transform: uppercase;
		font-size: 1em;
		color: #61080c;
		background: #dce1e4;
		padding: 0.25em 0.5em;
	}
	
	#sidebar p { margin-bottom: 1em; }
	
	#sidebar ul {
		border-right: 3px solid #dce1e4;
		padding: 0.5em;
	}

	#sidebar li { line-height: 1.25em; margin: 0 0 0.75em 0.75em; }
	
	#sidebar #user_info {
		background: #6c6c6c;
		color: #fff;
		padding: 1.5em 16px 1.1em;
		*padding-bottom: 1.1em;
		margin-bottom: 1em;
	}

		#sidebar #user_info a { color: #fff; }
		
		#sidebar #user_info ul { border: none; padding: 0; }
		
		#sidebar #user_info li { margin: 0 0 0.5em 0; }
		
		#sidebar #user_info h2 {
			*font-size: 1.5em;
		}

	#sidebar .logged_out {
		background: transparent !important;
		border-right: 3px solid #dce1e4;
		padding: 0 !important;
	}
	
		#sidebar .logged_out h3 {
			background: #dce1e4;
			padding-left: 4px;
			margin-bottom: 1.5em;
		}

		#sidebar .logged_out .spacer { height: 3px; }

		#sidebar .logged_out a { color: #61080c !important; }
		
		#sidebar .logged_out input { margin: 0 4px 0.25em 0; }

		#sidebar .logged_out .text_input { width: 132px; float: left; _width: 124px; background: #f6f7f8; border: 1px solid #e8eaeb; color: #9b9fa2; }
		
		#sidebar .logged_out p { padding-left: 4px; margin-bottom: 1em; }
		
		#sidebar .logged_out ul {
			background: #dce1e4 !important;
			padding: 1.5em 4px 0.5em !important;
			font-weight: bold !important;
		}
		
	#sidebar #save_links {
		padding: 10px 0 10px;
		background: #dce1e4;
		margin-bottom: 1em;
		text-align: center;
		/*_display: none;*/
	}
	
		#sidebar #save_links span {
			text-transform: uppercase;
			font-family: verdana, arial, serif, sans-serif;
			background: #CC6601;
			color: #FFFFFF;
			margin-left: auto;
			margin-right: auto;
			height: 15px;
			width: 187px;
			text-align: center;
			display: block;
			margin-bottom: 10px;
		}
		
	#sidebar div.rule {
		margin-bottom: 2em;
		overflow: hidden;
		background: #dce1e4;
		height: 3px;
	}
	
	a.attachment {
		display: block;
		font-weight: bold;
		color: #999;
		padding: 10px 0 10px 24px;
		background-position: left center;
		background-repeat: no-repeat;
		line-height: 1em;
	}
	
	a.attachment.edit {
		display: inline;
		line-height: 2.5em;
	}
	
	a.remove {
		color: #CC6600;
		font-size: .9em;
		font-weight: normal;
		padding: 0 0 0 20px;
	}

	a.attachment.doc {
		background-image: url(/images/word.gif);
	}

	a.attachment.xls {
		background-image: url(/images/excel.gif);
	}
	
	a.attachment.pdf {
		background-image: url(/images/pdf.gif);
	}
	
	a.attachment.ppt {
		background-image: url(/images/powerpoint.gif);
	}

/* FOOTER */
#footer {
	clear: both !important;
	padding: 4em 0 2em;
	color: #666;
	width: 100%;
}

#footer a {
	color: #666;
	text-decoration: underline;
}
	
.collapsedblock{
	/* background: #B2BDCC; */
	background: white URL(/images/row_bg.png) 1px 1px repeat-x;
	font-size: 11px;
	font-weight: bold;
	border-bottom: solid 1px #D7D7D7 ;
	padding: 2px;
	height: 1.2em;
	display: block;
	overflow: hidden;
	cursor: pointer;
}
.selected{
	background: #B2BDCC;
	color: white;
}

.expandedblock{
	/* background: #EDF3FE; */
	background: white;
	border: solid 1px #B2BDCC;
	font-size: 10px;
	font-weight: normal;
	padding:7px; 
}


.iconbuttons {
	display: inline;
	margin: 2px;
}
.iconbuttons ul{
	list-style-type: none;
	list-style: none;
	display: block;
}
#content .iconbuttons ul li{
	list-style: none;
	padding: 1px 1px 0 1px;
	display: block;
	overflow: visible;
	float: left;
	background: none;
}
.iconbuttons a{
	border: solid 2px white;
	padding: 3px; 
	padding-left: 22px;
}
.iconbuttons a:hover{
	border: solid 2px gray;
}

#pagelinks ul li {
	background: none;
	display: inline;
}
	
/* insertion of the kill class allows one to close out tables,
floated elements, etc., so that they will display properly
within the confines of the divs in which they are nested. */
.kill {clear: both; background-color: transparent;}

#content .saved_searches ul li .saved_search .search_url{
	float:left;
	padding: 0 10px 0 0;
}

#content .saved_searches ul li .saved_search .search_change{
	float:left;
	padding: 0 10px 0 0;
}

#content .saved_searches ul li .saved_search .search_delete{
	float:left;
	padding: 0 10px 0 0;
}



#curr_header {
	padding-bottom: 5px;
}

#content div#headers_display ul {
	float: left;
	padding: 0;
	list-style-position: inside;
}


#content div#headers_display ul li{
	float: left;
	background: none;
	width: 295px;
	text-align: center;
	padding: 2px; !important;
	margin: 0 !important;
}

#content div#headers_display ul li a {
	width: 295px;
	text-align: center;
}

body.popup #content,
body.popup #header,
body.print #content,
body.print #header
{
  margin-left: 10px;
}

.hidden {
	display: none;
	visibility: hidden;
}

.visible {
	display: block;
	visibility: visible;
}