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

.newsfeedtext { color: #fff; font-size: 11px; font-weight: bold; margin-left: 106px; line-height: 1.6}

.post_date { float: left; background: url(images/sidebar_date.jpg); height: 79px; width: 78px; margin: 15px; text-align: center; color: #fff; font-size: 11px; }


input.your-email, input.your-message { width: 240px; }
/* END RESET */


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

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

#contactsubmit
{
text-indent: -9999px;
float: right;
margin-right: 14px;
border: 0px;
width: 117px;
height: 78px;
background: url(images/button_submit.jpg) no-repeat;
}

/* END TOOLBOX */

/* Links */

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

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: 0px; line-height: 2.2; }

.news {font-size: 12pt; color: #135A7B; font-weight: bold;  text-decoration: none; }


/* 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
	{
	width: 600px;
	}
	
#maincontent ul, #maincontent ol
	{
	font-size: 12px;
	margin-left: 35px;
  margin-right: 35px;
  margin-bottom: 35px;
  margin-top: 0px;
	color: #616060;
	letter-spacing: 0.2pt; word-spacing: 0pt; line-height: 1.8; margin-bottom: 1.3em;
	}
	
#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.ourprogram_active {
			background: url(images/nav_our.png) no-repeat bottom center;
			width: 132px;    
			
			}
	           
		 ul#menu li a.howyou_active {
			background: url(images/nav_how.jpg) no-repeat bottom center;
	 		width: 168px; 
			 }     
			
	   	  ul#menu li a.about_active {
			background: url(images/nav_about.png) no-repeat bottom center;
		 	width: 102px;

	  		}
	       
		  ul#menu li a.whats_active {
			background: url(images/nav_whats.png) no-repeat bottom center;
			width: 165px;  
	   	  	}      
			  
		   ul#menu li a.contact_active {
			background: url(images/nav_contact.png) no-repeat bottom center;
		 	width: 145px;  
		  	}   
        
			  
			/* ------------------------------------------ */
			/* 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;
		}  
		
		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: 150px;
			   }
			  
		   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: 315px;
			   }
			   
		   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: 150px;
			}	

			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: 315px;
			   }
			   
		   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: 145px;

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