@charset "utf-8";
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
	line-height: 18px;
	}

#container {
	width: 910px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: auto;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border-right: solid 1px black;
	border-left: solid 1px black;
	border-bottom:solid 1px black;
	}

p, h1, h2, h3, h4, h5, ul {
	margin: 0;
	padding: 0;	
	}

h2 {
	font-size: 18px;
	line-height: 29px;
	padding: 0px 20px 0px 20px;
	margin: 0;
	}

#list {padding: 0px 15px 0px 40px;}

#list li {
	list-style-image: bullet;
	list-style-position: outside;
 	padding: 0px 0px 5px 0px;
	color: #663366;
}

#left {
	float: left;
	width: 545px;
	}

#left p {
	padding: 5px 25px 10px 20px;
	margin: 10px 0px;
	color: #663366;
	}

#left img {	padding-top: 10px;}

.papyrus {	font-family: Papyrus, Arial, Helvetica, sans-serif;	}

.papyrus, #footer {	color:#000066;	}

#right {
	float: right;
	width: 346px;
	}

#right img {margin-top: 100px;}

#right p {
	text-align: center;
	padding: 10px 20px 0px 0px;
	}

#footer {
	width: 910px;
	clear:both;
	margin: 20px 0px 5px 0px;
	}
#header {
	border-bottom: solid white 10px;
	width: 910px;
	height: 180px;
	}
				
#footer .copyright {font-size: 80%;}

.bold {	font-weight: bold;}

/* --------  CSS Nav styles ----- */	

#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#nav ul li {float: left;}
	
#nav {
	width: 910px;
	height: 40px;
	background-color: #61a3c6;
	}	

/* ---- eliminates border around image or link when clicked ------ */
a {border: 0px;}
a img {border:0px;}
a:active {outline: none;}
a:focus {-moz-outline-style: none;}
/* links -------  */

a:link { color:#40608D; }
a:visited {color: #40608D; }
a:hover { color: #9E2B9B }