/********************************************

BASIC CSS
This Page is For All HTML pages
Contains layout and header/footer

********************************************/



/********************************************
BASIC LAYOUT AND CONTENT STYLES
********************************************/

/* Hide from IE-Mac \*/

* {margin: 0; padding: 0}
img {border:none;}

body {
	font: 11px/15px Verdana, Helvetica, sans-serif; 
	color: #333333;
	background-color:#FFFFFF;
	padding-bottom:0px;
	}
	
#theHeader{
	position: relative;
	width: 768px; 
	margin-left: auto; 
	margin-right: auto;
	margin-top:10px;
	margin-bottom:30px;
	display:block;
	z-index:800;
	}

#theMain{
	position: relative;
	width: 768px; 
	margin-left: auto; 
	margin-right: auto;
	margin-top:0px;
	display:block;
	background:transparent url(../images/shadow_top.gif) no-repeat 0 0;
	padding-top:28px;	
	}
	
#oneColumn #theMain{
	background:transparent url(../images/shadow_top_2.gif) no-repeat 0 0;
	}
	
#twoColumnThin #theMain{
	background:transparent url(../images/shadow_top_3.gif) no-repeat 0 0;
	}

#theFooter{
	position: relative;
	width: 768px; 
	margin-left: auto; 
	margin-right: auto;
	margin-top:0px;
	margin-bottom:25px;
	display:block;
	background:transparent url(../images/shadow_bot.gif) no-repeat 0 0;
	padding-top:16px;
	padding-bottom:10px;
	}
	
#oneColumn #theFooter{
	background:transparent url(../images/shadow_bot_2.gif) no-repeat 0 0;
	}
	
#twoColumnThin #theFooter{
	background:transparent url(../images/shadow_bot_3.gif) no-repeat 0 0;
	}
/********************************************
GLOBAL TEXT  STYLES
********************************************/


a, a:link{color:#0066CC; text-decoration: none;}
a:visited{color:#0066CC; text-decoration: none;}
a:focus, a:hover, a:visited:hover, a:active{color:#0099ff; text-decoration: underline;}

p {
	font: 11px/15px Verdana, Helvetica, sans-serif; 
	color: #333333;
	}


	
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;	
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size:24px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 18px;
}


.sIFR-hasFlash h4 {
	visibility: hidden;
	font-size: 16px;
	letter-spacing:1px;
}
.sIFR-hasFlash h5 {
	visibility: hidden;
	font-size: 16px;
	letter-spacing:1px;
}

h1 {
	font: 24px/28px Times, serif;
	color:#669900;
	font-weight:bold;
	padding-top:3px;
	margin:0px 0px 15px 0px;
	}

	
h2 {
	font: 18px/20px Times, serif;
	color:#669900;
	margin:30px 0px 5px 0px;
	}	
	

	
h3 {
	font: 11px/15px Verdana, Helvetica, sans-serif;
	color:#333333;
	font-weight: bold;
	margin:20px 0px 0px 0px;
	}
	
h4{
	font: 16px/18px serif;
	color:#669900;
	margin: 0px;
	}
h5{
	font: 16px/18px serif;
	color:#669900;
	margin: 0px;
	}

blockquote{
	margin: 15px 0px 15px 0px;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	}
	
#subnav {
	font: 10px/12px Verdana, Helvetica, sans-serif; 
	color:#cccccc; 
	margin:0px;
	padding-bottom:22px;
	}
	
#subnav strong{
	color:#669900;
	font-weight: normal;
	}
	
#dbtablenav{
	display: inline-block;
	width: 711px;
	padding:5px 0px 10px 0px;
	}	
	
#dbtablenav:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
	}
	
#dbfilter{
	display:inline-block;
	font: 11px/15px Verdana, Helvetica, sans-serif;
	color:#669900;
	font-weight: bold;
	text-align:left;
	
	padding: 0px 0px 7px 0px; 
	}
	
#dbfilter select{font: 11px Verdana, Helvetica, sans-serif;color:#333333;}
.letter select{width:90px;}
.yr select{width:85px;}
.prog select{width:210px;}

#dbpage{
	font: 11px/15px Verdana, Helvetica, sans-serif;
	color:#cccccc;
	padding: 0px; 
	}
	
.dbpageselect{
	font: 11px/15px Verdana, Helvetica, sans-serif;
	color:#669900;
	font-weight: bold;
	padding: 0px; 
	}
	
#dbpage2{
	font: 11px/15px Verdana, Helvetica, sans-serif;
	color:#cccccc;
	padding:0px 0px 0px 15px;
	background:transparent url(../images/arrow_return.gif) no-repeat 0px 4px;}
	
.feature {
	font: 11px/15px Verdana, Helvetica, sans-serif;
	padding-top: 5px; 
	}

#gra th.year{text-decoration: underline;}	
#gra .grantee{font-weight:bold; width:135px;}	
#gra th.grantee {text-decoration: underline; font-weight: normal;}	
#gra .project{width:135px;}
#gra .genre{width:90px;}
.award{font-style:italic;}
.loc{font-style:italic;}
.newsitem{color:#7a7a7a; margin: 10px 0px 15px 0px;}
.date{text-transform: uppercase;}
.pub{font-style:italic;}
.article{font: 13px/16px Verdana, Helvetica, sans-serif; font-weight:bold;}
.attribute{color:#7a7a7a; padding: 15px 0px 0px 0px;}
#abt .position{color:#669900;}
#abt .name{font-weight: normal;}

.textBox {width: 360px;}
.textArea {width: 360px;}

.spacer{padding: 150px 0px 150px 0px;}
	
/********************************************
HEADER CONTENT
********************************************/

#headerlogo{width:760px; height:30px; background:transparent url(../images/rpf_header.gif) repeat-y 0px 0px;  margin:0px 0px 0px 3px;}
#headerlogo span{display:none;}	



/********************************************
MAIN WRAPPER 2 COLUMN
********************************************/
#main_wrapper{
	background:transparent url(../images/shadow_sides.gif) repeat-y 0px 0px; 
	padding:0 5px 0 3px;
	display: inline-block;
	}
	
#main_wrapper:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
	}
	
#twoColumnThin #main_wrapper{
	background:transparent url(../images/shadow_sides_3.gif) repeat-y 0px 0px; 
	padding:0 5px 0 3px;
	display: inline-block;
	}
	
/********************************************
MAIN WRAPPER 1 COLUMN
********************************************/
#oneColumn #main_wrapper{
	background:transparent url(../images/shadow_sides_2.gif) repeat-y 0px 0px; 
	}


/********************************************
MAIN CONTENT 2 COLUMN
********************************************/

#mainContent_wrapper{
	overflow:hidden;
	display:inline-block;
	background:transparent; 
	width:441px; 
	padding: 0px;
	float:left;
	}
	
#twoColumnThin #mainContent_wrapper{
	overflow:hidden;
	display:inline-block;
	background:transparent; 
	width:524px; 
	padding: 0px;
	float:left;
	}

#mainContent{margin:-2px 25px 15px 25px;}

#mainContent p{margin: 10px 0px 15px 0px;}

#mainContent ul{margin:10px 0px 20px 0px;}

#mainContent ul.arrow li{
	list-style: none;
	font: 11px/15px Verdana, Helvetica, sans-serif;
	display:block;
	padding:0px 0px 0px 28px;
	margin:0px 0px 5px 0px;
	background:transparent url(../images/bullet.gif) no-repeat 0px 4px;
	}


#mainContent ul li{
	list-style: none;
	display:block;
	font: 11px/15px Verdana, Helvetica, sans-serif;
	font-weight: normal;
	padding:0px 0px 0px 15px;
	margin:0px 0px 3px 0px;
	background:transparent url(../images/dot.gif) no-repeat 0px 4px;
	}

#gra #mainContent ul li{font-weight: bold;}
	
#gra #mainContent ul li.highlight a { color:#000000; text-decoration:none; outline:none; cursor:default; }  
   
   
   
#mainContent ol li{
	font: 11px/15px Verdana, Helvetica, sans-serif;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 3px 0px;
	}


#mainContent ol.faq li{
	color: #333333;
	font: 11px/13px Verdana, Helvetica, sans-serif;
	font-weight: bold;
	padding:0px;
	margin:15px 0px 10px 22px;
	}
	
#mainContent ol.faq ul li{
	font: 11px/15px Verdana, Helvetica, sans-serif;
	font-weight: normal;
	padding:0px 0px 0px 15px;
	margin:0px 0px 3px 0px;	
	}
	
.answer{
	margin: 15px 0px 15px 0px;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	}
	
/********************************************
MAIN CONTENT 1 COLUMN
********************************************/
#oneColumn #mainContent_wrapper{
	overflow:hidden;
	display:inline-block;
	background:transparent; 
	width:760px; 
	padding:0px;
	float:left;
	}
	
h5 { width:245px; } 
   

	
/********************************************
TABLE STYLES
********************************************/
#abt table{margin-bottom:25px; width:474px; border-spacing:0;}
#abt td{padding:10px 0px 0px 0px; border-bottom:1px dotted black;}
#abt .clear{padding:10px 0px 0px 4px; border:none; background:#fff; }
#abt td span {position:relative; bottom:-4px; background:#fff; padding-right:4px;}

#contactWrapper{width:710px; display: block; margin:0px; padding:0px;}

#contactInfo{width:230px; margin: 0px 20px 0px 0px; padding:0px; display:inline-block; float:left;}
#contactInfo p {margin:0px 0px 15px 0px;}
#contactForm{width:441px; background-color:#ebf5d7; padding-right:0px; margin:0px; border: 5px solid #dcedb9; display: block; float:right}
#contactForm table{margin-bottom:10px; padding:10px 0px 0px 7px; width:441px;}
#contactForm td{padding:10px 5px 0px 10px; border-bottom: 0px; vertical-align:top; }
#contactForm p{text-align:right; color:#669900; margin:2px 0px 0px 0px;}

#contactForm .textBox {width: 230px;}
#contactForm .textArea {width: 230px;}
.empty_tag{clear:both;}


#contactForm td p b {  font-weight:normal; color:#333 }
#contactForm label.error { display:block; font-weight:bold; color:#333; }
#errormessage { float:right; width:446px}
#errormessage p { font-weight:bold; margin-top:4px; }
#errormessage p strong { font-weight:bold; color:#333;  }

/*
#contact {width:700px; background-color:#ebf5d7; padding:0px; border: 5px solid #dcedb9;}
#contact table{margin-bottom:10px; padding:10px 0px 0px 7px; width:671px;}
#contact td{padding:10px 5px 0px 10px; border-bottom: 0px;}
#contact p{text-align:right; color:#669900; vertical-align:top; margin:2px 0px 0px 0px;}
*/
.thanks{padding:40px 5px 0px 10px; border-bottom: 0px; vertical-align:top;}

#gra table{margin:0px; width:711px;}

#gra th{
	background-color:#669900;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	color:#dfffbe;
	font-weight:normal;
	padding:10px 8px 10px 8px;
	text-align:left;
	}
	
#gra th a{color:#ffffff;}

#gra td{
	font: 11px/13px Verdana, Helvetica, sans-serif;
	text-align:left;
	vertical-align: top;
	background-color:#ebf5d7;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:10px 8px 10px 8px;
	}
	
#gra .plain td {
	font: 11px/15px Verdana, Helvetica, sans-serif;
	background-color:#ffffff;
	padding:10px 0px 0px 0px;
	}
	
#gra .odd td{background-color:#f5faeb}







/********************************************
SUB CONTENT 1
********************************************/
#subContent_wrapper{
	overflow:hidden;
	display:inline-block;
	width:319px;
	float:left;
	margin: 2px 0px 0px 0px;
	}
	
#twoColumnThin #subContent_wrapper{
	overflow:hidden;
	display:inline-block;
	width:236px;
	float:left;
	margin: 0px 0px 0px 0px;
	}

#subContent{
	padding:0px 25px 21px 23px;
	}
	
	
.subContent_inner1{
	padding: 10px 10px 0px 12px;
	}


#subContent p{
	font: 11px/13px Verdana, Helvetica, sans-serif; 
	color:#7a7a7a; 
	margin: 0px 0px 15px 0px;
	}

#subContent h2{
	font: 18px/18px serif;
	color:#669900;
	margin: 1px 0px 16px 0px;
	}
	


#subContent ul{margin:10px 0px 0px 0px; }

#subContent ol li{
	color: #0066cc;
	font: 11px/13px Verdana, Helvetica, sans-serif;
	padding:0px;
	margin:0px 0px 10px 22px;
	}
	
.sm	{font: 11px/13px Verdana, Helvetica, sans-serif;}

/********************************************
SUB CONTENT 2
********************************************/






/********************************************
FOOTER CONTENT
********************************************/


#copyright{float:left; font: 11px Verdana, Helvetica, sans-serif; color:#a2a2a2; margin:5px 0px 10px 10px;}
#top{float:right; text-align:right; padding-right: 8px; margin:5px 10px 10px 0px; background: url(../images/icon_top.gif) no-repeat right;}



/********************************************
OTHER
********************************************/
	   
.arrows {font: 10px Verdana, Helvetica, sans-serif; margin-bottom: 15px; color:#999999;}        
       
/********************************************
IMAGES
********************************************/
.dropShadow{
	width:276px;
	height:276px;
	background:url(../images/photo_edges.gif) no-repeat;
	margin:0px 0px 0px 0px;
	}
	
.dropShadowsm{
	width:189px;
	height:189px;
	background:url(../images/photo_edges_sm.gif) no-repeat;
	margin:0px 0px 0px 0px;
	}
	
.photo{
	width:250px;
	float:left;
	padding:12px 0px 0px 12px;	
	}
	
.photosm{
	width:165px;
	float:left;
	padding:11px 0px 0px 11px;	
	}

.img_left{width:auto; margin:0px; float:left;}

.img_right{width:auto; margin:0px; float:right;}

.caption{
	font: 10px/12px Verdana, Helvetica, sans-serif; 
	color:#669900; 
	margin:3px 0px 15px 0px;
	text-align: center;
	}	
	
/********************************************
HOME CSS
********************************************/
	
#hm #theMain{
	background-image:none;
	margin-top:0px;
	padding-top:0px;
	}
	
#hm #theFooter{
	background-image:none;
	}
	
#hm #main_wrapper{
	background-image:none; 
	padding:0 5px 0 3px;
	display: inline-block;
	}
	
#hm #mainContent{margin:7px 0px 0px 0px;}

#hm #mainContent_wrapper{
	overflow:hidden;
	display:inline-block;
	margin-left: auto; 
	margin-right: auto;
	background:transparent; 
	width:768px; 
	padding:0px;
	float:left;
	}

#hm #copyright{margin:30px 0px 10px 0px;}	

#hm h2 {
	font: 18px/20px Times, serif;
	color:#669900;
	margin:7px 0px 5px 0px;
	}	
	
/*GRANTS*/

/*#mainContent .highlight a, 
#mainContent .highlight a:link, 
#mainContent .highlight a:visited { color:#333333 !important; }*/


/*NEWS*/
#new #mainContent p {margin: 10px 0px 15px 0px;}

#new #mainContent ul {margin:10px 0px 0px 0px;}

#new #mainContent ul li {
	list-style: none;
	font: 11px/15px Verdana, Helvetica, sans-serif;
	display:block;
	padding:0px 0px 0px 18px;
	margin:0px 0px 5px 0px;
	background:transparent url(../images/dot.gif) no-repeat 0px 4px;
	}
	
#new h3, #fce h3{
	font: 11px/15px Verdana, Helvetica, sans-serif;
	background-color:#690;
	color:#fff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:2px;
	margin:5px 0 15px 0;
	padding:5px 7px
	}
	
#new h2, #fce h2 {
	margin-top:40px
	}
	
#new .divider, #fce .divider {
	display:block;
	background:transparent url(../images/meet_divider.gif) no-repeat 0 0;
	padding:10px 0}
	
#new .grantee, #fce .grantee{
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	color:#690;	
	padding-bottom:2px
	}
	
#new .award, #fce .award {
	font-style: normal;
	font-weight:bold;
	}
	
#new .dropShadowsm, #fce .dropShadowsm{
	background:url(../images/photo_edges_meet.gif) no-repeat;
	}
	
#new .caption, #fce .caption{
	text-align:left
	}
	
	
#new .dropShadowsm.left, #fce .dropShadowsm.left{
	float:left;
	margin:0 15px 10px 0;
	}
	
#new .dropShadowsm.right, #fce .dropShadowsm.right{
	float:right;
	margin:0 0 10px 15px
	}

#new #subContent ul li, #fce #subContent ul li{
	list-style: none;
	display:block;
	font: 11px/13px Verdana, Helvetica, sans-serif;
	font-weight: bold;
	padding:0px 0px 0px 13px;
	margin:0 0 5px 0;
	background:transparent url(../images/meet_subnav_bullet.gif) no-repeat 0 3px;
	}
	
#new #subContent ul li.select, #fce #subContent ul li.select{
	background: transparent url(../images/meet_subnav_bullet_sel.gif) no-repeat 0 3px;
	}

   
/* End hide */