body{
text-align: -moz-center !important;
text-align:center;
background:url(images/background.jpg);
margin:0px;
font:12px Arial, Helvetica, sans-serif;
}
/*--eliminates dashed lines around links on Firefox---*/
a {
  outline: none;
}


/*-Main page headers----*/
.maincontent h1{
margin:0px;
margin-left:2%;
font:bold 2.125em Arial, Helvetica, sans-serif;
color:#30348e;
line-height:120%;
}
/*---- sub page subject headers----*/
h2{
margin:12px 0 0 2%;
font:bold 1.50em Arial, Helvetica, sans-serif;
color:#cc0000;
line-height:120%;
}

/*---------side har headlines-------*/
h3 {
margin:0px;
font:bold 1.500em Arial, Helvetica, sans-serif;
color:#333399;
text-align:center;
}
h5 {
margin:0px;
font:bold 1.500em Arial, Helvetica, sans-serif;
color:#333399;
text-align:center;
}
h5 a{
color:#cc0000;
text-decoration:underline;
}
h5 a:hover{
color:#333399;
text-decoration:none;
}
.maincontainer{
background:url(images/shadow.gif) repeat-y;
width:1022px;
background-position:center;
overflow:hidden;}

.container{
width:1004px}

.headertop{
background:url(images/header_Top.jpg) no-repeat;
width:1004px;
height:82px;}
.headertop   {
			/*  Hide the text part of the links by moving it waaaayyy offscreen. */
			text-indent:-3000px;
			}

.headerside{
background:url(images/header_Side.jpg) no-repeat;
width:282px;
height:85px;
float:left;}

.uppernav{
background:url(images/uppernav.jpg) no-repeat;
float:left;
width:722px;
height:85px;}

.headerbottom{
background:url(images/header_Bottom.jpg) no-repeat;
float:left;
width:1004px;
height:65px;}
.headerbottom   {
			/*  Hide the text part of the links by moving it waaaayyy offscreen. */
			text-indent:-3000px;
			}

#MenuMap {
margin:0px;
padding:0px;
top:0px;
width:722px;
height:85px;
position:relative;
background-image:url(images/uppernav.jpg);     		 /*change*/
list-style:none;
text-decoration:none;
}
	#MenuMap li {
	margin:0px;
	padding:0px;
	position:absolute;
	height:85px;
	}

		#MenuMap a {
		display:block;
		height:85px;
		}
			
			#MenuMap a.NavLink {
			/*  Hide the text part of the links by moving it waaaayyy offscreen. */
			text-indent:-3000px;
			}

/*  NavLink dimensioning rules - specify offset from top and (constant) width of active area. */
				#HomeUpper 		{left:0px; 		width:96px; }
				#AboutUpper		{left:96px; 	width:88px; }
				#StorageUpper 	{left:184px; 	width:92px; }
				#GalleryUpper 	{left:274px; 	width:89px; }
				#SuppliesUpper 	{left:363px; 	width:89px; }
				#TrucksUpper		{left:452px; 	width:89px; }
				#FAQUpper 		{left:541px; 	width:89px; }
				#ContactUpper 	{left:630px; 	width:92px; }
					
/*  Menu hover, active, and "current page" rules, using a "sprite" imagemap, and background positioning. */


				#HomeUpper a:hover {background: transparent url(images/uppernav.jpg) 		 -0px -85px no-repeat;}
				#AboutUpper a:hover {background: transparent url(images/uppernav.jpg) 	 -96px -85px no-repeat;}
				#StorageUpper a:hover {background: transparent url(images/uppernav.jpg) 	 -184px -85px no-repeat;}
				#GalleryUpper a:hover {background: transparent url(images/uppernav.jpg) 	 -274px -85px no-repeat;}
				#SuppliesUpper a:hover {background: transparent url(images/uppernav.jpg) 	 -363px -85px no-repeat;}
				#TrucksUpper a:hover {background: transparent url(images/uppernav.jpg) 	-452px -85px no-repeat;}
				#FAQUpper a:hover {background: transparent url(images/uppernav.jpg) 		 -541px -85px no-repeat;}
				#ContactUpper a:hover {background: transparent url(images/uppernav.jpg) 	 -630px -85px no-repeat;}
					
				#homeupperpage #HomeUpper a {background: transparent url(images/uppernav.jpg) 			 0px -85px no-repeat;}
				#aboutupperpage #AboutUpper a {background: transparent url(images/uppernav.jpg) 		-96px -85px no-repeat;}
				#storageupperpage #StorageUpper a {background: transparent url(images/uppernav.jpg)	-184px -85px no-repeat;}
				#galleryupperpage #GalleryUpper a {background: transparent url(images/uppernav.jpg) 	-274px -85px no-repeat;}
				#suppliesupperpage #SuppliesUpper a {background: transparent url(images/uppernav.jpg) 	-363px -85px no-repeat;}
				#trucksupperpage #TrucksUpper a {background: transparent url(images/uppernav.jpg) 		-452px -85px no-repeat;}
				#faqupperpage #FAQUpper a {background: transparent url(images/uppernav.jpg) 			-541px -85px no-repeat;}
				#contactupperpage #ContactUpper a {background: transparent url(images/uppernav.jpg) 	-630px -85px no-repeat;}

.body{
background:url(images/bodybackground.gif) repeat-y;
min-height:450px;
width:1004px;
overflow:visible;
float:left;
text-align:left;}

.sidebar p {
margin: 12px 5% 0 5%;
font: 12px Arial, Helvetica, sans-serif;
}
.sidebar p a{
color:#CC0000;
}
.sidebar p a:hover{
color: #333399;
text-decoration:none;
}

.sidebar  h3 {
margin:0;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
line-height:100%;
 }
 
.sidebar  img {
margin-left:12px;
}
.maincontent p{
margin: 18px 2% 0 2%;
font:12px Arial, Helvetica, sans-serif;
line-height:150%}
.maincontent p a{
color:#CC0000;
}
.maincontent p a:hover{
color: #333399;
text-decoration:none;
}

.sidebar{
width:228px;
overflow:visible;
float:left;}

.maincontent{
width:776px;
overflow:visible;
float:left;
}

.button{
background:url(images/animated_button.gif) no-repeat;
height:165px;
width:165px;
float:right;
margin:0 10px 10px 10px;
}

.donkey{
background:url(images/Donkey.gif) no-repeat;
height:116px;
width:100px;
float:right;
margin: 0 10px 0 10px; 
}

.footerleft{
background:url(images/footer_Left.gif) no-repeat;
float:left;
width:237px;
height:59px;
}
.footerleft   {
			/*  Hide the text part of the links by moving it waaaayyy offscreen. */
			text-indent:-3000px;
			}
.lowernav{
background:url(images/footer_Middle.gif) no-repeat;
float:left;
width:525px;
height:59px;
}
.footerright{
background:url(images/footer_Right.gif) no-repeat;
float:left;
width:242px;
height:59px;}
.footerright   {
			/*  Hide the text part of the links by moving it waaaayyy offscreen. */
			text-indent:-3000px;
			}

/*----- Foot Navigation*/

#MenuMapBottom {
margin:35px 0 0 0;
padding:0px;
top:0px;
width:525px;
position:relative;
font:bold .950em Arial, Helvetica, sans-serif;
 /*background-image:url(images/lowernav.gif);     		change*/
}

		#MenuMapBottom a {
		color:#333399;
		text-decoration:none;
		}
		#MenuMapBottom a:hover{
		color: #CC0000;
		text-decoration:underline;
		}
			
			/*  #MenuMapBottom a.NavLink {
			Hide the text part of the links by moving it waaaayyy offscreen. 
			text-indent:-3000px;
			}*/

/*  NavLink dimensioning rules - specify offset from top and (constant) width of active area.
				#Home 		{left:0px; 		width:52px; }
				#About 		{left:52px; 	width:63px; }
				#Storage 	{left:115px; 	width:56px; }
				#Gallery 	{left:171px; 	width:88px; }
				#Supplies 	{left:259px; 	width:109px; }
				#Trucks		{left:368px; 	width:48px; }
				#FAQ 		{left:416px; 	width:35px; }
				#Contact 	{left:451px; 	width:74px; } */
					
/*  Menu hover, active, and "current page" rules, using a "sprite" imagemap, and background positioning.


				#Home a:hover {background: transparent url(images/lowernav.gif) 		 -0px -59px no-repeat;}
				#About a:hover {background: transparent url(images/lowernav.gif) 	 -52px -59px no-repeat;}
				#Storage a:hover {background: transparent url(images/lowernav.gif) 	 -115px -59px no-repeat;}
				#Gallery a:hover {background: transparent url(images/lowernav.gif) 	 -171px -59px no-repeat;}
				#Supplies a:hover {background: transparent url(images/lowernav.gif) 	 -259px -59px no-repeat;}
				#Trucks a:hover {background: transparent url(images/lowernav.gif) 	-368px -59px no-repeat;}
				#FAQ a:hover {background: transparent url(images/lowernav.gif) 		 -416px -59px no-repeat;}
				#Contact a:hover {background: transparent url(images/lowernav.gif) 	 -451px -59px no-repeat;}
					
				#homepage #Home a {background: transparent url(images/lowernav.gif) 			 0px -59px no-repeat;}
				#aboutpage #About a {background: transparent url(images/lowernav.gif) 		-52px -59px no-repeat;}
				#storagepage #Storage a {background: transparent url(images/lowernav.gif)	-115px -59px no-repeat;}
				#gallerypage #Gallery a {background: transparent url(images/lowernav.gif) 	-171px -59px no-repeat;}
				#suppliespage #Supplies a {background: transparent url(images/lowernav.gif) 	-259px -59px no-repeat;}
				#truckspage #Trucks a {background: transparent url(images/lowernav.gif) 		-368px -59px no-repeat;}
				#faqpage #FAQ a {background: transparent url(images/lowernav.gif) 			-416px -59px no-repeat;}
				#contactpage #Contact a {background: transparent url(images/lowernav.gif) 	-451px -59px no-repeat;} */


				
#MenuMapButton {
margin:0px;
padding:0px;
top:0px;
width:165px;
height:165px;
position:relative;
background-image:url(../images/animated_button.gif);   		 /*change*/
list-style:none;
text-decoration:none;
}
	#MenuMapButton li {
	margin:0px;
	padding:0px;
	position:absolute;
	height:165px;
	}

		#MenuMapButton a {
		display:block;
		height:165px;
		}
			
			#MenuMapButton a.NavLink {
			/*  Hide the text part of the links by moving it waaaayyy offscreen. */
			text-indent:-3000px;
			}
			#Button		{left:0px; 		width:165px; }