body, html
		{
			min-width: 				800px; 
			background-image:		url(images/stars.jpg);
			background-color:		#000;//transparent;
		}
/* Page, this contains all content on the page. */
		#pageWrapper
		{
			margin:			20px;
			padding:		10px;
		}
		
/* Controls the layout, and style of the header. */
		#headerWrapper
		{
			position: 	relative;
			clear: 		both;
			float: 		left;
			width: 		100%;
			overflow:	hidden;
		}
		#headerBar
		{
			float: 		left;
			width: 		200%;
			position: 	relative;
			left: 		130px;
		}
		#headerBar a:link, #headerBar a:active, #headerBar a:visited
		{
			text-decoration: 	none;
			color: 				white;
		}
		#headerBar a:hover
		{
			text-decoration: 	none;
			color: 				silver;
		}
		#headerImage
		{
			float: 		left;
			width: 		120px;
			position: 	relative;
			right: 		125px;
		}
		#image
		{
			width: 			100%;
			border-style: 	none;
		}
		#headerText
		{
			margin: 	0 10px 0 270px;
			position: 	relative;
			color: 		white;
		}
		#header
		{
			width: 50%;
			position: relative;
			right: 270px;
			padding-bottom: 1em;
			text-align: center;
			font-weight: bolder;
			color: white; 
		}
		#mainheader
		{
			margin: 15px 0 10px 0;
			font-size: 5em;
			width: 100%;
			text-shadow: 4px 4px 4px #ccc;
		}
		#subheader1
		{
			margin: 0 0 5px 0;
			position: relative;
			float: left;
			left: 10%;
			font-size: 2.3em;
		 }
		#subheader2
		{
			margin: 0 0 5px 0;
			position: relative;
			float: right;
			right: 10%;
			font-size: 2.3em;
		}
/* the navigation bar */
		#navBar
		{	
			border-top: 1px solid silver;
			position: relative;
			margin: 5px 0 20px 0;  /* creating space above and below for formating */
			clear: left;
			float: left;
			padding: 0;
			width: 100%;
			overflow: hidden;   /* Were going to use a trick that puts some portions of */
								/*the page outside the area of the page.  This stops it */
								/*from showing the dead space to the right. */
		}
		#navBar ul
		{
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			position: relative;
			left: 50%;			/* We are moving the content of this item (which is 100% width)    */
								/*so that it's left edge is 50% of the way in.  In the list items  */
								/*in the code, we shift their right edges in varying amounts.      */
								/* This is based off of a method to have tabs alwoays be centered, */
								/*by shifting the list to the right by 50% of the page, then       */
								/*shifting each of the list items back, to the left, 50%.		   */
			text-align:center;
		}
		#navBar ul li
		{
			right: 50%;
			display: block;
			float: left;
			list-style: none;
			margin: 0;
			padding: 0 10px 0 10px;
			position: relative;
			color: white;
			font-size: 1.5em;
		}
		body#programingPage 	ul li#programing,
		body#gamingPage			ul li#gaming,
		body#dealersPage 		ul li#dealers,
		body#artShowPage 		ul li#artShow,
		body#registrationPage 	ul li#registration,
		body#areaFandomPage 	ul li#areaFandom 
		{
			background-color: #505050;
		}
/* This contols the layout of everything below the navigation bar, the main content of the page */
		#mainWrapper
		{
			position: relative;
			clear: both;
			float: left;
			width: 100%;
			overflow:hidden;
		}
		#main
		{
			float:left;
			width:200%;
			position:relative;
		}
/* These contorl the layout of the box that contains the sections of text */
		#contentWrapper
		{
			float: right;
			width: 50%;
			position: relative;
		}
		#content
		{
			margin: 0 1em 0 14em;
			position: relative;
			right: 100%;
			overflow: hidden;
			color: white;		
		}
/* These control the layout of the box that contains the links on the left */
		#sidebarLinks
		{
			border-right: 1px dashed silver;
			float:left;
			width:13em;
			position:fixed;
			left:2em;
			top: 330px;
			color: white;
			font-weight: bold;
		}
		#sidebarLinks ul
		{
			top: -15px;
			position: relative;
			font-weight: normal;
		}
/* pushing the footer to the bottom of the page */
		footer
		{
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 2em;   /* Height of the footer */
		}
/* Styling the links on the site */
		a:link img, a:visited img, a:active img
		{
			border-style: none;
			outline: none;
		}
		#navBar a:link, #navBar a:active, #navBar a:visited
		{
			text-decoration: none;
			color: silver;
		}
		#navBar a:hover
		{
			text-decoration: none;
			color: grey;
		}
		a:link
		{
			color: #3333ff;
		}
		a:active
		{
			color: #ffcc00;
		}
		a:visited
		{
			color: #9944cc;
		}
/* Page specific styling */
		#section
		{
			color:white;
		}
		#paragraph
		{
			padding: 10px 0 0 0;
			color:white;
		}
		#paragraph_header
		{
			height: 25px;
		}
		#paragraph_content
		{
			text-indent: 20px;
		}
		
		#answer
		{
			text-indent: 		20px;
			list-style-type:	none;
			margin-bottom:		.5em;
		}
		
/* Programing formating */
		#panel
		{
			font-weight:	bold;
		}
		#panel_category
		{
			font-size:		1.5em;
			font-weight:	bold;
		}
		#panel_description
		{
			margin-left:	2em;
		}