body {
	background-color: #808092;
	background-image: url(images/bg_stripe_blue.gif);
	background-repeat: repeat;
	margin: 0px;
	color: #000000;
	font-family: arial, sans-serif;
}

a:link {
	color: #404092;
}

a:visited {
	color: #10656D;
}

a img {
	border: 0px;
}

/* The # symbol indicates an ID.  This ID must be unique to 
   a single element within the page.  */
/* Page header stuff */
#header {
	display: block;
	padding: 80px 0px 0px 0px;
	overflow: hidden;
	background-image: url(images/header_round_light2.gif); 
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 0px;
	width: 666px;
}

/* Menu stuff */
#menuContainer {
	position: relative;
	width: 666px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

#menuList {
	width: 646px;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	list-style-type: none;
/*	background-color: #AABADA;*/
	background-color: #FD8100;
	overflow: hidden;	/* This makes sure the container actually has a height */
	font-size: 115%;
}

#menuList li {
	float: left;
	text-align: center;
	border-right: 1px solid #818192;
}

#menuList li a{
	display: block;
	width: 125px;
	padding: 1px;
	text-decoration: none;
	color: #111111;
}

#menuList a:hover{
	background-color: #F5B56E;
}

#menuList li.activelink a, #menuList li.activelink a:hover{
	background-color: #EEEADD;
}



/* Main content stuff */
#mainContent {
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	width: 646px;
	padding: 0px 10px 10px 10px;	/* top right bottom left */
}

#mainContent #contentBox {
	background-color: #EEEADD;
	width: 636px;
	padding: 5px;
}


/* In the W3C box model, the width of an element gives the width of the content of the box, excluding padding and border. */