/*== Different images on the main page and interior: ==*/
html, body {background:#333; height: auto;} 

/*== Portal level: main.css ==*/
body#main, body#splash {height: 100%;}

/*  INTERIOR POSITIONING *?
/*== positioning To the top ==*/
div#shiv {
	margin-top: -1000px;	/* Half the height of div#centered. */
}
/*== Positioning to the center ==*/
div#centered {
	margin: 0 auto;
	width: 1000px;
	height: 1000px;
}

/* SPLASH CENTERING */
/*== positioning To the top ==*/
body#splash div#shiv {
	margin-top: -610px;
}
/*== Positioning to the center ==*/
body#splash div#centered {
	margin: 0 auto;
	width: 1000px;
	height: 610px;
}

/*== padding of interior pages ==*/
td.content, #content {padding:100px 0 0 0; margin: 0; width: 1000px;} 

/*== Gets rid of the border around the content ==*/
.container{border: none; margin: 0 auto; width: 1000px;}

/*== The size of your header, and then what ever extra padding you need ==*/
.frame-content{padding-top: 80px;}


/*== Needed for flash drop downs ==*/
#headerswf{position:absolute;  z-index:100;}
#header {position: fixed}

#f2{width: 1000px;}

.eventImage {width: auto; overflow: hidden;}


div#prepended-content {
	margin: 80px 0 -80px 0 !important;
}

/*///////// colors tips page, background is the color of the stripe ////*/
dt{background: #CCC; color: #333;}
dt a:link {color:#999;}
dt a:hover {color:#666;}
dt a:visited {color:#999;}

/* ---- Links for everything within the sitemap/moreinformation/footer ---- */
/* The BZ Footer links */
#tabbar {width: 990px;}
#tabbar a{color: #FFF;}
#tabbar a:link{color:#FFF;}
#tabbar a:active{color:#666;}
#tabbar a:visited{color:#FFF;}
#tabbar a:hover{color:#666;}

/* Bz Coppy Right link */
#bz a{color: #FFF;}
#bz a:link{color:#FFF;}
#bz a:active {color:#666;}
#bz a:visited{color:#FFF;}
#bz a:hover{color:#666;}

#bzcopyright a {color: #FFF;}
#bzcopyright a:link {color: #FFF;}
#bzcopyright a:active {color: #666;}
#bzcopyright a:visited {color: #FFF;}
#bzcopyright a:hover {color: #666;}


/* General links inside the More information secion links section */
#sitecontent a {color: #FFF;}
#sitecontent a:link {color: #FFF;}
#sitecontent a:active {color: #666;}
#sitecontent a:visited {color: #FFF;}
#sitecontent a:hover {color: #666;}

/* The Vehicle links in the Sitemap sction, which link to the VI */
#vi dl dd a {color:#FFF;}
#vi dl dd a:link {color:#FFF;}
#vi dl dd a:active{color:#666;}
#vi dl dd a:visited{color:#FFF;}
#vi dl dd a:hover {color:#666;}

/* These are the links, in the sitemap, on the right: the main site navigation */
#sitemap dl dd ul li a {color:#FFF;}
#sitemap dl dd ul li a:link {color:#FFF;}
#sitemap dl dd ul li a:active{color:#666;}
#sitemap dl dd ul li a:visited{color:#FFF;}
#sitemap dl dd ul li a:hover {color:#666;}


/* ---- The Sitemap content ---- */
/* The main background of the site map */
	#sitemapinfo{background: none; color: #FFF;} 
/* The Section Headers */
	#sitemapinfo h1, #sitemapinfo h2, #sitemapinfo h3{color:#666; background: none;} 
/* The Background of the list options */
	#sitemapinfo dt{background: none; color:#666; border-bottom: 3px solid #666;}
/* The background and color of the list items */
	#sitemapinfo dl, #sitemapinfo li, #sitemapinfo dd{background:none ; color:#666;}

/* ---- The moreInformation content ---- */
/* The main background of the More Information Section */
	#moreinformation, #siteinfo{background: none; color: #FFF;}
/* The Section Headers */	
	#moreinformation h1, #moreinformation h2{color:#666; background:none } 
/* The color of the text within Paragrahps */	
	#moreinformation #siteinfo #sitecontent p {color:#FFF;} 
/* The inner div which holds the more info */	
	#moreinformation dt{background:none; color:#666}
/* The color of any list items */	
	#moreinformation dl, #moreinformation h3, #moreinformation ol, #moreinformation li, #moreinformation dd {background:none; color:#666}