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


#navcontainer
	{
	margin: 0;
	padding: 0;
	height:30px;
	width:786px;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	}
	
#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/home.jpg) no-repeat top left;
	float: left;
	margin: 0px;
	height: 30px;
	width: 130px;
	border-right: 1px solid black;
	}

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

#mesohabsim a
	{
	text-decoration: none;
	background: url(../images/mesohabsim.jpg) no-repeat top left;
	float: left;
	margin: 0px;
	height: 30px;
	width: 130px;
	border-right: 1px solid black;
	}

#mesohabsim a:hover
	{
	background: url(../images/mesohabsim2.jpg) no-repeat left top;
	color: #000000;
	}
	
		/* Projects BUTTON */	
		
#projects { float: left; }

#projects a
	{
	text-decoration: none;
	background: url(../images/projects.jpg) no-repeat top left;
	float: left;
	margin: 0px;
	height: 30px;
	width: 130px;
	border-right: 1px solid black;
	}

#projects a:hover
	{
	background: url(../images/projects2.jpg) no-repeat left top;
	color: #000000;
	}
		
		/* Resources BUTTON */	

#resources { float: left; }

#resources a
	{
	text-decoration: none;
	background: url(../images/resources.jpg) no-repeat top left;
	float: left;
	margin: 0px;
	height: 30px;
	width: 130px;
	border-right: 1px solid black;
	}

#resources a:hover
	{
	background: url(../images/resources2.jpg) no-repeat left top;
	color: #000000;
	}
	
		/* Rushing Rivers BUTTON */	
		
#rushingrivers { float: left; }

#rushingrivers a
	{
	text-decoration: none;
	background: url(../images/rushingrivers.jpg) no-repeat top left;
	float: left;
	margin: 0px;
	height: 30px;
	width: 130px;
	border-right: 1px solid black;
	}

#rushingrivers a:hover
	{
	background: url(../images/rushingrivers2.jpg) no-repeat left top;
	color: #000000;
	}
		
		/* Sim-Stream BUTTON */	
		
#simstream { float: left; }

#simstream a
	{
	text-decoration: none;
	background: url(../images/simstream.jpg) no-repeat top left;
	float: left;
	margin: 0px;
	height: 30px;
	width: 130px;
	border-right: 1px solid black;
	}

#simstream a:hover
	{
	background: url(../images/simstream2.jpg) no-repeat left top;
	color: #000000;
	}
	

/*----------------------------- BOTTOM NAVIGATION -----------------------*/

#navcontainer2 { margin: 0 auto; text-align: center;}

#navlist2
	{
	list-style: none;
	padding: 2px 0 0 0;
	margin: 0 auto;
	}

#navlist2 li
	{
	display: inline;
	padding: 0 5px 0 0;
	margin: 0;
	}
	
#navlist2 li a
	{
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	}
	
#navlist2 li a:hover
	{
	color: #2b44ad;
	}

#navlist2 li:before { content: "| "; }
#navlist2 li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist2 li
	{
	border-left: 1px solid black;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
	}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist2 { height: 1%; }

* html #navlist2 li
	{
	display: block;
	float: left;
	}

/*End hide*/
/*Mac IE 5*/
* html #navlist2 li:first-child { border-left: 0; }