/* This is an external style
sheet with CSS navigation */

body {background-color: #d6ddfa;
margin: 0 auto;
text-align: center;
font-family: Helvetica, Arial, sans-serif;
font-size: .9em;
}

/* This is the container div info */

#container {
	width: 800px;
	background-color: #fff;
	/* height: 1400px; */
	margin: 0 auto;
	overflow: visible;
 }


/* the simple navigation here */

#nav1 {width: 800px;
height: 40px;
background-color: #aeb8e4;
padding-top: 20px;
text-align: center;
}

#nav1 a:link, #nav1 a:visited 
{padding: 15px 25px;
text-align: center;
background-color: #455899;
font-size: 20px;
color: #d6ddfa;
text-decoration: none;
letter-spacing: 1px;
border-left: 2px solid #d6ddfa;
border-right: 2px solid #d6ddfa;
}

#nav1 a:hover {background-color: #d6ddfa;
color: #455899;
border-left: 2px solid #455899;
border-right: 2px solid #455899;
 }


#content {text-align: left; line-height: 150%; padding: 0px 15px;}


/* just to make the code stand out on my page */

.indentcode	{
	font-size: 11pt;
	font-weight:normal;
	line-height: 14pt;
	letter-spacing: 2px;
	color: red;
	font-family: helvetica, arial, sans-serif;
	margin-left: 25px;
}

div#footer { 
	margin: 0px auto; 
	padding: 3px 0px 3px 0px;
	
	width: 100%; 
	height: 20px; 
	background: #455899; }

div#footer p { text-transform: uppercase; 
	width: 780px; 
	margin: 3px auto; 
	font-size: 11px;
	letter-spacing: 1px; 
	padding: 0px; max-width: none; 
	color: #d6ddfa;}