/*----------------------------- TOP NAVIGATION -----------------------*/


#navcontainer
	{
	margin:0 0 0 15px;
	height:40px;
	width:700px;
	color:white;
	background:url(../images/navbkg.jpg);
	}
	
#navcontainer ul
	{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	}
	
				/* HOME BUTTON */
	
#home { float: left; }

#home a
	{
	text-decoration: none;
	background: url(../images/homered.jpg) no-repeat top left;
	font-size: 10px/12px;
	float: left;
	margin: 0px;
	height: 30px;
	width: 75px;
	}

#home a:hover
	{
	background: url(../images/homewhite.jpg) no-repeat left top;
	color: #000000;
	}
	
		/* MISSION BUTTON */	
	
#mission { float: left; }	

#mission a
	{
	text-decoration: none;
	background: url(../images/missionred.jpg) no-repeat top left;
	font-size: 10px/12px;
	float: left;
	margin: 0px;
	height: 30px;
	width: 100px;
	}
	
#mission a:hover
	{
	background: url(../images/missionwhite.jpg) no-repeat left top;
	color: #000000;
	}
	
		/* PLAN BUTTON */
	
#plan { float: left; }	

#plan a
	{
	text-decoration: none;
	background: url(../images/planred.jpg) no-repeat top left;
	font-size: 10px/12px;
	float: left;
	margin: 0px;
	height: 30px;
	width: 75px;
	}
	
#plan a:hover
	{
	background: url(../images/planwhite.jpg) no-repeat left top;
	color: #000000;
	}
	
		/* LINKS BUTTON */
	
#links { float: left; }	

#links a
	{
	text-decoration: none;
	background: url(../images/linksred.jpg) no-repeat top left;
	font-size: 10px/12px;
	float: left;
	margin: 0px;
	height: 30px;
	width: 75px;
	}
	
#links a:hover
	{
	background: url(../images/linkswhite.jpg) no-repeat left top;
	color: #000000;
	}	
	
		/* GET INVOLVED BUTTON */
	
#getinvolved { float: left; }	

#getinvolved a
	{
	text-decoration: none;
	background: url(../images/getinvolvedred.jpg) no-repeat top left;
	font-size: 10px/12px;
	float: left;
	margin: 0px;
	height: 30px;
	width: 150px;
	}
	
#getinvolved a:hover
	{
	background: url(../images/getinvolvedwhite.jpg) no-repeat left top;
	color: #000000;
	}	
	
		/* RRI BUTTON */
	
#rri { float: left; }	

#rri a
	{
	text-decoration: none;
	background: url(../images/rrired.jpg) no-repeat top left;
	font-size: 10px/12px;
	float: left;
	margin: 0px;
	height: 30px;
	width: 175px;
	}
	
#rri a:hover
	{
	background: url(../images/rriwhite.jpg) no-repeat left top;
	color: #000000;
	}	
	

/* -------------------- Bottom Navigation --------------------- */	


#bottomnavcontainer
	{
	margin:0 auto;
	height:50px;
	width:260px;
	color:white;
	background:url(../images/);
	}
	
#bottomnavcontainer ul
	{
	margin:0 auto;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	}	
	
		/* DONATE BUTTON */
		
#donate 
	{ 
	float: left; 
	background:url(../images/donateup.jpg) no-repeat top left;;
	}	

#donate a
	{
	text-decoration: none;
	background: url(../images/donateup.jpg) no-repeat top left;
	font-size: 10px/12px;
	float: left;
	margin: 0px;
	height: 40px;
	width: 150px;
	}
	
#donate a:hover
	{
	background: url(../images/donatedown.jpg) no-repeat left top;
	color: #000000;
	}
	
		/* RRI LOGO */
		
#rril{ float: left; }	

#rril a
	{
	text-decoration: none;
	font-size: 10px/12px;
	float: left;
	margin: 0px 0 5px 10px;
	height: 50px;
	width: 50px;
	}
	
#rril a:hover
	{
	color: #000000;
	}
	
		/* Ocean River LOGO */
		
#or{ float: left; }	

#or a
	{
	text-decoration: none;
	font-size: 10px/12px;
	float: left;
	margin: 0px 0 5px 0;
	height: 50px;
	width: 50px;
	}
	
#or a:hover
	{
	color: #000000;
	}