/* 
    AUTHOR: Art Webb
            93-octane.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */

* { margin: 0; padding: 0; }

body { font: 62.5% Arial; }

p {font-family: arial,sans-serif; color: #616060; font-size: 12px; letter-spacing: 0.2pt; word-spacing: 0pt; line-height: 1.8; margin-bottom: 1.3em; }

h3 { font-size: 18px; padding-bottom: 15px; padding-top: 12px; color: #000; }

h4 { color: #fff; font-size: 28px; margin-top: 5px; }

.newsfeed { margin-right: 10px; color: #fff; }

.post_date { float: left; width: 78px; height: 78px; margin-left: -4px; margin-right: 15px; margin-bottom: 15px; text-align: center; background: url(images/date.jpg) no-repeat; color: #fff; font-size: 11px;  }

.post_full_date { font: 1.3em/1.3em; color: #616060; } 

/* END RESET */


/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.transpBlack { background: url(transpBlack.png); }
.spacer { background: clear; height: 400px; }


/* END TOOLBOX */

/* Links */

a { color: #0D5F84; text-decoration: none; outline: none; }

a img { border: none; }

.program { font-size: 15pt; font-weight: bold; color: #000; text-decoration: none; }

.quick {font-size: 11pt; color: #135A7B; font-weight: bold;  text-decoration: none; margin-left: 25px; }

/* End Links */

html#main
	{
	background: #fff url(images/page_back_main.jpg) repeat-x;
	}
	
html#sub
	{
	background: #fff url(images/page_back_sub.jpg) repeat-x;
	}

#wrapper
	{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	}
	
#headerwrapper
	{
	width: 100%;
	}

.container_brand 
	{
	width: 100%;
	}

.container_brand h1 {
	text-indent: -9999px;
	background:transparent url(images/RMHC_home-page.png) no-repeat scroll 0pt;
	height:116px;
	margin:0 0 0 10px;
	width:407px;
}

#banner
	{
	width: 100%;
  	text-align: center;
	padding-bottom: 15px;
	}

#title
	{
	padding-top: 12px;
	padding-bottom: 15px;
	}

#contentwrapper
	{
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #000;
	}

#maincontent
	{
	font-size: 13pt;
	width: 600px;
	}
	
#maincontent ul, #maincontent ol
	{
	margin: 35px;
	color: #616060;
	}
	
#faqtop
	{
	width: 100%;
	background: #FDF0DB;
	}
	
#faqtop ul
	{
	margin: 25px;
	list-style-type: none;
	font-size: 13pt;
	}
	
#faqtop ul li
	{
	padding-top: 7.5px;
	padding-bottom: 7.5px;
	}
	
#faqtop ul li a
	{
	color: #00557D;
	text-decoration: none;
	font-weight: bold;
	}

	
#sidebarwrapper
	{
	float: right;
	width: 309px;
	margin: 10px;
	}
	
.sidebarbox
	{
	width: 100%;
	margin: 0px auto;
	}
	
.sidebarboxtop
	{
	width: 100%;
	height: 22px;
	background: url(images/sidebar_box_top.jpg) repeat-x;
	}
	
.sidebarboxmain
	{
	width: 100%;
	background: url(images/sidebar_box_main.jpg) repeat-y;
	}
	
.sidebarboxbottom
	{
	width: 100%;
	height: 22px;
	background: url(images/sidebar_box_bottom.jpg) repeat-x;
	}
	
.sidebartext
	{
	margin: 25px;
	color: white;
	font-size: 12px;
	}

.sidebartitle
	{
	width: 100%;
	text-align: center;
	}

.sidebarbox ul
	{
	margin-top: -18px;
	margin-left: 60px;
	}

.sidebarbox ul li
	{
	line-height: 1.8;
	}

.sidebartext ul li
	{
	margin-left: -45px;
	}
	
#footerwrapper
	{
	width: 100%;
	height: 110px;
	background: #F3B64C url(images/footerbg.jpg) repeat-x;
	}
	
#footer
	{
	width: 960px;
	margin: 0px auto;
	padding: 25px;
	}
	
#footer ul
	{
	float: left;
	margin-right: 60px;
	list-style: none; 
	line-height: 1.8;
	}

/* ------------------------------------------ */
/* NAVIGATION */
/* ------------------------------------------ */    
#navigation {
}
ul#menu {
	list-style: none;
	} 
	
	ul#menu li {
		display: inline;
	}
	
	ul#menu li a  {
		text-indent: -9999px;
		display: block;
		float: left;
		height: 25px;
		margin-top: 15px;
		}  
		
		ul#menu li a.ourprogram {
			background: url(images/nav_our.png) no-repeat top center;
			width: 132px;    
			
			}
	           
		 ul#menu li a.howyou {
			background: url(images/nav_how.jpg) no-repeat top center;
	 		width: 168px; 
			 }     
			
	   	  ul#menu li a.about {
			background: url(images/nav_about.png) no-repeat top center;
		 	width: 102px;

	  		}
	       
		  ul#menu li a.whats {
			background: url(images/nav_whats.png) no-repeat top center;
			width: 165px;  
	   	  	}      
			  
		   ul#menu li a.contact {
			background: url(images/nav_contact.png) no-repeat top center;
		 	width: 145px;  
		  	}   
		
			  ul#menu li a.donate_now {
				height: 45px;
				background: url(images/donate.png) no-repeat top center;
			 	width: 165px;
			   margin-top:0px;
			  	}
	
	
	
			ul#menu li a.ourprogram:hover, ul#menu li a.ourprogram:active,
			ul#menu li a.howyou:hover, ul#menu li a.howyou:active,
			ul#menu li a.about:hover, ul#menu li a.about:active,
			ul#menu li a.whats:hover, ul#menu li a.whats:active,
	   		ul#menu li a.contact:hover, ul#menu li a.contact:active {
				background-position: center center;
			} 
			 ul#menu li a.donate_now:hover{
					background-position: bottom center;
				}  
			 
			
			body#ourprogram ul#menu li a.ourprogram,
			body#howyou ul#menu li a.howyou,
			body#about ul#menu li a.about,
			body#whats ul#menu li a.whats,
			body#contact ul#menu li a.contact {
				background-position: bottom center;
			}    
      
		  ul#menu li a.whats_active {
			background: url(images/nav_whats.png) no-repeat bottom center;
			width: 165px;  
	   	  	}            
			/* ------------------------------------------ */
			/* END NAVIGATION */
			/* ------------------------------------------ */        
		

	   
	
/* ------------------------------------------ */
/* SUBNAVIGATION */
/* ------------------------------------------ */ 
/* .subnavigation {
	clear:both; */
} 
ul#subnavlist {
	list-style: none;
	float: left;
	} 
	
	ul#subnavlist li {
		display: inline;
	}
	
   ul#subnavlist li a  {
		text-indent: -9999px;
		display: block;
		float: left;
		height: 21px;
		margin-top:5px;
		margin-left: 0px;
		}  
		
		ul#subnavlist li a.sub_ronald {
			background: url(images/sub_ronald.png) no-repeat top center;
			width: 171px;    
			}
	           
		 ul#subnavlist li a.sub_grants {
			background: url(images/sub_grants.png) no-repeat top center;
	 		width: 166px; 
			 }     
			
	   	 ul#subnavlist li a.sub_scholars {
			background: url(images/sub_scholars.png) no-repeat top center;
		 	width: 145px;

	  		}
	       
		 ul#subnavlist li a.sub_rooms {
			background: url(images/sub_rooms.png) no-repeat top center;
			width: 214px;  
	   	  	}      
			  
		   ul#subnavlist li a.sub_famsupport {
			background: url(images/sub_famsupport.png) no-repeat top center;
		 	width: 241px;  
		  	}   
		
		   ul#subnavlist li a.sub_wishlist 
			   {
			   background: url(images/sub_wishlist.png) no-repeat top center;
			   width: 71px;
			   margin-left: 180px;
			   }
			  
		   ul#subnavlist li a.sub_volunteers
			   {
			   background: url(images/sub_volunteers.png) no-repeat top center;
			   width: 94px;
			   }
			   
		   ul#subnavlist li a.sub_poptops
			   {
			   background: url(images/sub_poptops.png) no-repeat top center;
			   width: 74px;
			   }
			   
		   ul#subnavlist li a.sub_partnership
			   {
			   background: url(images/sub_partnership.png) no-repeat top center;
			   width: 171px;
			   margin-left: 345px;
			   }
			   
		   ul#subnavlist li a.sub_staff
			   {
			   background: url(images/sub_staff.png) no-repeat top center;
			   width: 124px;
			   }
			  
	
			ul#subnavlist li a.sub_ronald:hover, ul#subnavlist li a.sub_grants:hover,
			ul#subnavlist li a.sub_scholars:hover, ul#subnavlist li a.sub_rooms:hover,
			ul#subnavlist li a.sub_famsupport:hover ,
			ul#subnavlist li a.sub_wishlist:hover,
			ul#subnavlist li a.sub_volunteers:hover,
			ul#subnavlist li a.sub_poptops:hover,
			ul#subnavlist li a.sub_partnership:hover,
			ul#subnavlist li a.sub_staff:hover			
			{
				background-position: center center;
			} 
			
			ul#subnavlist li a.sub_wishlist_active
			{
			   background: url(images/sub_wishlist.png) no-repeat bottom center;
			   width: 71px;
			   margin-left: 180px;
			}	

			ul#subnavlist li a.sub_volunteers_active
			{
			   background: url(images/sub_volunteers.png) no-repeat bottom center;
			   width: 94px;
			}	

			ul#subnavlist li a.sub_poptops_active
			{
			   background: url(images/sub_poptops.png) no-repeat bottom center;
			   width: 74px;
			}			

		   ul#subnavlist li a.sub_partnership_active
			   {
			   background: url(images/sub_partnership.png) no-repeat bottom center;
			   width: 171px;
			   margin-left: 345px;
			   }
			   
		   ul#subnavlist li a.sub_staff_active
			   {
			   background: url(images/sub_staff.png) no-repeat bottom center;
			   width: 124px;
			   }			
			   
		ul#subnavlist li a.sub_ronald_active {
			background: url(images/sub_ronald.png) no-repeat bottom center;
			width: 171px;    
			}
	           
		 ul#subnavlist li a.sub_grants_active {
			background: url(images/sub_grants.png) no-repeat bottom center;
	 		width: 166px; 
			 }     
			
	   	 ul#subnavlist li a.sub_scholars_active {
			background: url(images/sub_scholars.png) no-repeat bottom center;
		 	width: 114px;

	  		}
	       
		 ul#subnavlist li a.sub_rooms_active {
			background: url(images/sub_rooms.png) no-repeat bottom center;
			width: 214px;  
	   	  	}      
			  
		   ul#subnavlist li a.sub_famsupport_active {
			background: url(images/sub_famsupport.png) no-repeat bottom center;
		 	width: 241px;  
		  	}   
			 
			
			/* ------------------------------------------ */
			/* END SUB-NAVIGATION */
			/* ------------------------------------------ */  
			
			
/*---:[ comment styles ]:---*/

#comments { width: 46.8em; }

	dl#comment_list { margin: 0 0 0 0; }
		
		dl#comment_list dt { padding: 0 0 33px 0; background: url('images/comment_top.gif') 0 100% no-repeat; font-size: 1.1em; line-height: 1.8182em; color: #999; }
		
		dl#comment_list dt.author { background: url('images/comment_author_top.gif') 0 100% no-repeat; }
		
			dl#comment_list dt .comment_num { padding: 0 0.3636em 0 0; }
			
				dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited { color: #999; }
				
				dl#comment_list dt .comment_num a:hover { color: #a90000; }
				
			dl#comment_list dt strong { font-size: 1.4545em; color: #000; }
				
				dl#comment_list dt strong a, dl#comment_list dt strong a:visited { color: #000; border-bottom: 1px dotted #999; }
				
				dl#comment_list dt strong a:hover { color: #000; border-bottom: 1px solid #a90000; }
		
		dl#comment_list dd { width: 428px; padding: 0 20px; margin: 0 0 1.5385em; background: #dfdfdf url('images/comment_bottom.gif') 0 100% no-repeat; }
		
		dl#comment_list dd.author { background: #f6f4c9 url('images/comment_author_bottom.gif') 0 100% no-repeat; }
		
			dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote { margin-bottom: 1.1538em; }



/*---:[ comment form styles ]:---*/

#comment_form { width: 46.8em; margin: 0 0 4.0em 0; }

	#comment_form a:hover { text-decoration: underline; }

	#comment_form p { padding: 0.7692em 0; }
	
		#comment_form label { padding: 0 0 0 0.83333em; font-size: 1.2em; }

		#comment_form .text_input { width: 15.3846em; padding: 0.23077em; color: #a90000; font: bold 1.3em Verdana, sans-serif; border-top: 0.15385em solid #999; border-left: 0.15385em solid #999; border-right: 0.07692em solid #eee; border-bottom: 0.07692em solid #eee; }
		
		#comment_form .text_input:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }
		
		#comment_form .text_area { width: 32.9231em; }

		#comment_form p.subscribe-to-comments { font-size: 1.3em; }
		
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }

		#comment_form .form_submit { padding: 0.5em; background: url('images/submit_bg.gif') repeat-x; color: #000; border: 0.21429em double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer; }
		
		#comment_form .form_submit:hover { color: #a90000; }
			
			

/*---:[ search form styles ]:---*/

#search_form { margin: 0 0 0.5833em 0; }

html[xmlns*=""] body:last-child #search_form { margin: 0 0 0.75em 0; } /* This is a hack for Safari */

	#search_form .search_input { width: 15.91667em; padding: 0.25em; color: #777; font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; border: 0.083333em solid #999; border-right-color: #eee; border-bottom-color: #eee; }
	
	#search_form .search_input:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }
	
	#content .search_input { font-size: 0.9231em !important; }