/* CSS Document */
/* Begin MainNav */


#mainNav {
	padding: 0px;
	margin: 0px 0px 0px 130px;
	
	text-align:left;


}


#mainNav ul {
	
	list-style-type: none;
	margin: 3px auto 0px 0;
	padding: 0;
	list-style: none;
	display: inline;
	
}

#mainNav li {
	
	margin: 0px;
	font-size: 11.39px;
	font-family: "Century Gothic";

	color: #5e5b43;
	display: block;
	float: left;
	padding-top: 9px;
	padding-left: 0px;
	padding-bottom: 9px;
	
	background-image: url(../images/mainNav_divider.gif);
	background-repeat:no-repeat;
	background-position:left 1px;

	
}


#mainNav li a {
	text-decoration: none;
	color: #5e5b43;
	text-transform:uppercase;
	padding-bottom: 8px;
}

/*below is a list of styles for each navigation button*/

#mainNav li a.MainNav_home {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;

}
#mainNav li a.MainNav_home:hover {
background-image: url(../images/menu_bg.jpg);
background-position: center top; 
background-repeat:no-repeat;
color:#FFFFFF;
}

#mainNav li a.MainNav_home_Selected {
padding-left: 16px;
padding-right: 16px;
padding-top: 8px;
background-image: url(../images/menu_bg.jpg);
background-position: center top;
background-repeat:no-repeat;	 
 
color:#FFFFFF;
}

#mainNav li a.MainNav_getConnected {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;	
}

#mainNav li a.MainNav_getConnected:hover {
background-image: url(../images/mainNav_getConnectedbg.gif);
background-position: center top; 
background-repeat:no-repeat;	 
color:#FFFFFF;
}

#mainNav li a.MainNav_getConnected_Selected {
padding-left: 16px;
padding-right: 16px;
padding-top: 8px;	
background-image: url(../images/mainNav_getConnectedbg.gif);
background-position: center top; 
background-repeat:no-repeat;	 
color:#FFFFFF;
}


#mainNav li a.MainNav_AboutUs {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;	
}
#mainNav li a.MainNav_AboutUs:hover {
background-image: url(../images/mainNav_AboutUs.gif);
background-position: center top;
background-repeat:no-repeat;	 
color:#FFFFFF;
}

#mainNav li a.MainNav_AboutUs_Selected {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
background-image: url(../images/mainNav_AboutUs.gif);
background-position: center top; 
background-repeat:no-repeat;	
color:#FFFFFF;
}	

#mainNav li a.MainNav_calendar {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;

}
#mainNav li a.MainNav_calendar:hover {
	background-image: url(../images/mainNav_calendar.gif);
background-position: center top;
background-repeat:no-repeat;
color:#FFFFFF;

}
#mainNav li a.MainNav_calendar_Selected {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;	
	background-image: url(../images/mainNav_calendar.gif);
	background-position: center top;
	background-repeat:no-repeat;
	color:#FFFFFF;	
}

#mainNav li a.MainNav_serving {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	
}
#mainNav li a.MainNav_serving:hover {
background-image: url(../images/mainNav_Servingbg.gif);
background-position: center top;
background-repeat: no-repeat;  
color:#FFFFFF;
}
#mainNav li a.MainNav_serving_Selected {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	
background-image: url(../images/mainNav_Servingbg.gif);
background-position: center top;
background-repeat: no-repeat;  
color:#FFFFFF;
}
#mainNav li a.MainNav_store {
	padding-left: 6px; /* change back to 16 */
	padding-right: 16px;
	padding-top: 8px;	

}
#mainNav li a.MainNav_store:hover {
	background-image: url(../images/mainNav_getConnectedbg.gif); /* change back to mainNac_store.gif*/
background-position: center top;
background-repeat:no-repeat;
color:#FFFFFF;
}

#mainNav li a.MainNav_store_Selected {
	padding-left: 6px; /* change back to 16 */
	padding-right: 16px;
	padding-top: 8px;		
	background-image: url(../images/mainNav_getConnectedbg.gif); /* change back to mainNac_store.gif*/
background-position: center top;
background-repeat:no-repeat;
color:#FFFFFF;
}
		#mainNav li a {
	text-decoration: none;
	color: #5e5b43;
	text-transform:uppercase;
	padding-bottom: 8px;
}

/*below is a list of styles for each navigation button*/

#mainNav li a.MainNav_onedegree {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;

}
#mainNav li a.MainNav_onedegree:hover {
background-image: url(../images/menu_bg.jpg);
background-position: center top; 
background-repeat:no-repeat;
color:#FFFFFF;
}

#mainNav li a.MainNav_onedegree_Selected {
padding-left: 16px;
padding-right: 16px;
padding-top: 8px;
background-image: url(../images/menu_bg.jpg);
background-position: center top;
background-repeat:no-repeat;	 
 
color:#FFFFFF;
}

/* end MainNav*/