#page {
	position:absolute;
	width:1140px;
	height:100%;
/* This below will position the entire page right in the middle of the browser */
	margin-left:auto;
	margin-right:auto;
/* Set this value to half of the page width */
}

#page #logo {
	position:relative;
	height:150px;
	width:100%;
}

/* This is the top layer container for the Nav Bar */
#page #navbar {
	position:relative;
	clear:both;
	/*height:50px;*/
	z-index:1000;
/*
	width:1024px;
	list-style:none;
	text-decoration:none;
	border:solid;
	border-width:1px;
*/
}

#page #content {
	position:relative;
	width:100%;
	/*height:100%;*/
	display:inline-block;
	margin-top:25px;

	/*For IE craptastic browsers */
	/**display:inline;*/

}

#page #footer {
	position:relative;
	margin-top:25px;
	width:100%;
}

/* Header Section CSS
 * 
 * 
 * This is the header bar, there is a logo that is season specific 200x150px
 * From there the rest of the space is our slogan
 * Please feel free to redistribute any or all of this code to learn as you see fit
 * Please remember to credit the source of the code
 * 
 */
div.logo {
	width: 200px;
	height:150px;

	padding:0;
	margin:0;
	display:inline-block;
	
	/*For IE craptastic browsers */
	/**display:inline;*/
}

div.logo img {
	border:0;
	background-color:green;
	display: inline-block;

	/*For IE craptastic browsers */
	/**display:inline;*/

}

div.slogan {
	width:935px;
	height:150px;
	
	text-align:center;
	vertical-align:top;
	position:relative;
	background-color:green;
	display:inline-block;
	
	left:-2px;
	
	/*For IE craptastic browsers */
	/**display:inline;*/
}


/* NAVIGATION BAR CSS
 * 
 * 
 * This bar is designed to be only one level deep beyond the top level
 * This is an experimental bar to learn CSS 
 * Please feel free to redistribute and learn as you see fit
 * 
 */

/* This is each top level list item across the horizontal */
a.menuitem {
  height:24px;
}

ul.hoznav a {
	text-decoration:none;
	color:inherit;
	font-family:sans-serif;
	font-size:12px;
	/*position:relative;*/
	display:block;
	/*height:inherit;*/
	padding-top:18px;
	padding-bottom:17px;
}

ul.hoznav {
	margin:0;
	padding:0;
	list-style:none;
	font-size:100%;
	cursor:default;
}

ul.hoznav li {
	/* Dimensioning */	
	margin-left: -2px;
	margin-right: -3px;
	list-style-type: none;
	position: relative;
	width:16.3%;
	height:50px;
	display:inline-block;
	/*float: left;*/

	/* Style */
	font-size: 100%;
	text-align: center;
	cursor: pointer;
	vertical-align:top;
	
	/* Coloring */
	background-color:#09b405;
	color:black;
	border-left:5px solid #000000/*#136211*/;

	/*For IE craptastic browsers */
	/**display:inline;*/
}

ul.hoznav li:hover {
	background-color:#136211;
	color:white;
}

ul.hoznav ul li:hover {
	background-color:#136211;
	color:white;
}

/* This is the first level submenu main container */
/* 
 * By default they are not shown on the browser once the parent contair is hovered, they are visible 
 *
 */
ul.hoznav ul {
	/*background-image: url(../images/head_05.png);*/
	background-color:#B8B8FA;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	margin-top:-3px;
	margin-left:1px;
	
	cursor: default;
	width:100%;
	position: relative;
	right:4px;
	top:3px;
	display:none;
	border-left:none;

}

/* Make sub lists visible when main entry has hover */
ul.hoznav li:hover ul{
	 display:block;	 
}

ul.hoznav ul li {
	width:inherit;
}

/* Ad Section CSS
 * 
 * 
 * This bar is designed to be only one level deep beyond the top level
 * This is an experimental bar to learn CSS 
 * Please feel free to redistribute and learn as you see fit
 * 
 */

div.asect {
	display:inline-block;
	vertical-align:top;
	width:250px;
	height:100%;
	padding:2px;
	
	/*For IE craptastic browsers */
	/**display:inline;*/

}
div.asect fieldset.indad {
	width:230px;
	display:inherit;
	border:solid 1px black;
	font-size:11px;
	padding:5px;
	margin-bottom:15px;
}
div.asect fieldset.indad legend {
	font-weight:bold;
}

div.asect fieldset.indad p.standard {
	font-size:11px;
	line-height:1.5;
	text-indent:0px;
}

/* Content Section CSS 
 *
 * 
 * This bar is designed to be only one level deep beyond the top level
 * This is an experimental bar to learn CSS 
 * Please feel free to redistribute and learn as you see fit
 * 
 */

div.maincontent {
	display:inline-block;
	left: 255px;
	width:860px;
	padding-left: 15px;

	/*For IE craptastic browsers */
	/**display:inline;*/	

}

fieldset.standard{
	border: solid 1px black;
	padding: 5px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

fieldset.news {
	width:100%;
	display:inherit;
	border:solid 1px black;
	font-size: 12px;
	font-weight:200;
	padding:5px;
	margin-bottom:15px;
}

fieldset.news legend {
	font-size: 15px;
	font-weight:bold;
	color:red;
}

h1.standard {
	font-family:"Ariel";
	font-size:24px;	
	text-indent:5px;
}

/* General font and format for the website (Includes paragrah indentation)*/
.standard {
	letter-spacing:1px;
	line-height:1.5;
	font-size:14px;
	text-indent:30px;
	margin-left:auto;
	margin-right:auto;
}

/* This inherits most of the standard class but does not indent font and format for the website (Includes paragrah indentation)*/
blockquote.standard{
	text-indent:0px;
}

/* 
 * Footer Section CSS
 * 
 * This bar is designed to be only one level deep beyond the top level
 * This is an experimental bar to learn CSS 
 * Please feel free to redistribute and learn as you see fit
 * 
 */
