/* navigation styles (use 'content type' to integrate php) */
/* <?php header("Content-type: text/css"); ?> */
	
div#main_nav_container{
	position: relative;
	float: left;
	overflow: hidden;
	width: 654px;
	}

ul#main_nav{ 
	list-style-type: none;
	margin: 14px 0 0 0;
	padding: 0;
	}
	
div#main_nav ul, div#main_nav li{ 
	display: inline; 
	}

li#nav_home, li#nav_services, li#nav_directors, li#nav_history, li#nav_contact_us{ 
	float: left; 
	width: 129px;
	height: 42px; 
	text-indent: -9999px;
	}
	
li#nav_home a, li#nav_services a, li#nav_directors a, li#nav_history a, li#nav_contact_us a{ 
	display: block; 
	width: 129px;
	height: 42px;
	overflow: hidden; 
	}

li#nav_home{ 
	background-image: url(../images/main_nav/home.gif);
	background-position: bottom; 
	}
	
li#nav_home a:hover{
	background-image: url(../images/main_nav/home.gif);
	background-position: bottom;
	}
	
li#nav_services{ 
	background-image: url(../images/main_nav/services.gif); 
	background-position: top;
	}
	
li#nav_services a:hover{
	background-image: url(../images/main_nav/services.gif);
	background-position: 0 -42px;
	}
	
li#nav_directors{ 
	background-image: url(../images/main_nav/directors.gif); 
	background-position: top;
	}
	
li#nav_directors a:hover{
	background-image: url(../images/main_nav/directors.gif);
	background-position: 0 -42px;
	}
	
li#nav_history{ 
	background-image: url(../images/main_nav/history.gif);
	background-position: top;
	}
	
li#nav_history a:hover{
	background-image: url(../images/main_nav/history.gif);
	background-position: 0 -42px;
	}
	
li#nav_contact_us{ 
	background-image: url(../images/main_nav/contact_us.gif); 
	background-position: top;
	}
	
li#nav_contact_us a:hover{
	background-image: url(../images/main_nav/contact_us.gif);
	background-position: 0 -42px;
	}