/*top nav*/

#top_nav .buffer{
	position: absolute;
	left: 0px;
	top: 100px;
	width:100%;
	height:29px;
	z-index:999;
}

#top_nav .buffer ul{
	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
	clear:both;
	width: 100%;
}

#top_nav .buffer li{
	display:block;
	float:left;
	position:relative;
	list-style:none;
	height: 29px;
}

#top_nav .buffer li a{
	text-decoration: none;
	color: #fff;
}

#top_nav .buffer li a.here{
	background-position: top right;
	background-repeat: no-repeat;
}

a.home:link, a.home:visited{
	display: block;
	margin: 0 0 0 28px;
	width: 77px;
	height: 29px;
	background-image: url(images/home_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.home:hover, a.home:active{
	display: block;
	width: 77px;
	height: 29px;
	background-position: top right;
	text-indent: -1000em;
}

a.news:link, a.news:visited{
	display: block;
	margin-left: 4px;
	width: 82px;
	height: 29px;
	background-image: url(images/news_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.news:hover, a.news:active{
	display: block;
	width: 82px;
	height: 29px;
	background-position: top right;
	text-indent: -1000em;
}

a.jobs:link, a.jobs:visited{
	display: block;
	margin-left: 4px;
	width: 77px;
	height: 29px;
	background-image: url(images/jobs_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.jobs:hover, a.jobs:active{
	display: block;
	width: 77px;
	height: 29px;
	background-position: top right;
	text-indent: -1000em;
}


a.fuel:link, a.fuel:visited{
	display: block;
	margin-left: 4px;
	width: 77px;
	height: 29px;
	background-image: url(images/fuel_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.fuel:hover, a.fuel:active{
	display: block;
	width: 77px;
	height: 29px;
	background-position: top right;
	text-indent: -1000em;
}

a.services:link, a.services:visited{
	display: block;
	margin-left: 4px;
	width: 102px;
	height: 29px;
	background-image: url(images/services_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.services:hover, a.services:active{
	display: block;
	width: 102px;
	height: 29px;
	background-position: top right;
	text-indent: -1000em;
}

a.resources:link, a.resources:visited{
	display: block;
	margin-left: 4px;
	width: 115px;
	height: 29px;
	background-image: url(images/resources_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.resources:hover, a.resources:active{
	display: block;
	width: 115px;
	height: 29px;
	background-position: top right;
	text-indent: -1000em;
}

a.pib:link, a.pib:visited{
	display: block;
	margin-left: 4px;
	width: 77px;
	height: 29px;
	background-image: url(images/pib_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.pib:hover, a.pib:active{
	display: block;
	width: 77px;
	height: 29px;
	background-position: top right;
	text-indent: -1000em;
}

a.training:link, a.training:visited{
	display: block;
	margin-left: 4px;
	width: 102px;
	height: 29px;
	background-image: url(images/training_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.training:hover, a.training:active{
	display: block;
	width: 102px;
	height: 29px;
	background-position: top right;
	text-indent: -1000em;
}

/*---------NEW CODE FOR STORE-------*/

a.store:link, a.store:visited{
	display: block;
	margin-left: 4px;
	width: 102px;
	height: 29px;
	background-image: url(images/store_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.store:hover, a.store:active{
	display: block;
	width: 102px;
	height: 29px;
	background-position: top right;
	text-indent: -1000em;
}

/*---------END CODE FOR STORE-------*/

a.equipment:link, a.equipment:visited{
	display: block;
	margin-left: 4px;
	width: 115px;
	height: 29px;
	background-image: url(images/equipment_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.equipment:hover, a.equipment:active{
	display: block;
	width: 115px;
	height: 29px;
	background-position: top right;
	text-indent: -1000em;
}

a.events:link, a.events:visited{
	display: block;
	margin-left: 4px;
	width: 82px;
	height: 29px;
	background-image: url(images/events_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.events:hover, a.events:active{
	display: block;
	width: 82px;
	height: 29px;
	background-position: top right;
	text-indent: -1000em;
}

a.social:link, a.social:visited{
	display: block;
	margin-left: 4px;
	width: 82px;
	height: 29px;
	background-image: url(images/social_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.social:hover, a.social:active{
	display: block;
	width: 82px;
	height: 29px;
	background-position: top right;
	text-indent: -1000em;
}

a.magazine:link, a.magazine:visited{
	display: block;
	margin-left: 4px;
	width: 115px;
	height: 29px;
	background-image: url(images/magazine_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.magazine:hover, a.magazine:active{
	display: block;
	width: 115px;
	height: 29px;
	background-position: top right;
	text-indent: -1000em;
}

a.contact:link, a.contact:visited{
	display: block;
	margin-left: 4px;
	width: 102px;
	height: 29px;
	background-image: url(images/contact_btn.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

a.contact:hover, a.contact:active{
	display: block;
	width: 102px;
	height: 29px;
	background-position: top right;
	text-indent: -1000em;
}

#top_nav ul li ul {
	display:none;
}

#top_nav ul li:hover ul {
	display:block;
	position: absolute;
	left: 5px;
	top: 29px;
	width: 210px;
	background-color: #59585b;
}

#top_nav ul li ul li {
	height:auto;
	width: 210px;
	border-top: 1px solid #363436;
}


#top_nav ul li ul a:link, #top_nav ul li ul a:visited {
	display: block;
	padding: 0 0 0 10px;
	width: 200px;
	height: 30px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	line-height: 30px;
	background-color: #59585b;
	border-left: 1px solid #333333;
	border-right: 1px solid #363436;
	border-bottom: 1px solid #363436;
}

#top_nav ul li ul a:hover, #top_nav ul li ul a:active{
	height: 30px;
	background-image: url(images/nav_drpdn_slice_hover.gif);

}