/* GENERAL PRESETS */
* {
	font-family:arial;
	font-size:97%;
}
h2, h3, h4, h5, h6 {
	color:#cccc99;
}
h1 {
	color:#003366;
}
h2 {
	font-size:180%;
	color:#003366;
}
h3 {
	font-size:140%;
	clear:both;
}
h4 {
	font-size:120%;
	color:#003366;
}
h5 {

}
h6 {
	font-size:80%;
	color:#003366;
}
a {
	color:#003366;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p {
	font-size:100%;
	clear:both;
}


/* FORMATTING AND PAGE LAYOUT */
/* The <div id="wrapper"> is used to hold all the content in the center of the page */
#wrapper {
	width:800px;
	margin:0 auto;
}
#header {
	background: #003366;
	overflow:auto;
}
#footer {
	overflow:auto;
	padding:0;
}
#footer ul {
	background: #003366;
	overflow:auto;
}
#footer p {
	text-align:center;
	font-weight:bold;
	color:#999966;
	font-size:110%;
	width:100%;
}


/* NAVIGATION BARS */
.nav {
	margin:0 auto;
}
.nav li {
	display:inline;
	float:left;
}
.nav li a {
	margin:0 7px;
	padding:10px;
	color:#cccc99;
	font-weight:bold;
	font-size:120%;
	width:110px;
	display:block;
	text-align:center;
	float:left;
}
.nav li a:hover {
	text-decoration:none;
	color:white;
}

/* SUBMENU NAVIGATION */
/* To style the menu that appears alongside the image, give the ul class="subNav" */
.subNav {
margin-left: 267px
}
.subNav li {
	list-style:none;
	margin:3px;
}
.subNav a {
	color:#003366;
	font-weight:bold;
	font-size:120%;
}
.subNav a:hover {
display:block;
	color:#cccc99;
	text-decoration:none;
}


/* GENERIC CLASSES */
/* give an image class="left" to make it slide to the left */
.left { 
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
/* give an image class="right" to make it slide to the right */
.right {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}