/* Generic Selectors */

body {
	font-family: "Times New Roman", Times, serif;
	background-color: #FFFFFF;
	background-image: url("images/background-1.gif");
	text-align: center;
}


p {
	width: 90%;
	text-indent: 30px;
	margin-left: 20px;
}


li {
	line-height: 165%;
}


ul
{
	list-style-type: none;	/*Remove the bullets*/
	padding: 0;		/*Remove padding and margins*/
	margin: 0;
}


h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #000080;
	text-align: center;
	line-height: 60%;
}


h2 {
	font-family: "Times New Roman", Times, serif;	
	font-size: 20px;
	font-weight: bold;
	/*line-height: 50%;*/
	color: #000080;
}


h3 {
	font-family: "Times New Roman", Times, serif;	
	font-size: 18px;
	font-weight: bold;
	color: #000080;
	/*line-height: 60%;*/
	text-align: center;
}


/*************************  ID's *************************/


#container
{
width: 90%;		   /*Any width, forces content to left & right edges*/
margin: 10px auto;	   /*Move div from top & bottom __ px & center the div "auto" margins left & right*/
background-color: #FFFFFF;
color: #333;
border: 1px solid #000080;
line-height: 130%;	   /*increase the line-height of text to increase readability*/
text-align: left;
}


#header
{
padding: .1em;
border-bottom: 1px solid #000080;
max-width: 36em;
}


#leftnav
{
float: left;	/*When a div is set to float, a width must be included*/
width: 190px;
margin: 0;
padding: 1em;   /*padding will move the text away from the edges of the div*/ 
}


#content
{
margin-left: 200px; /*make text appear as a new column, margin-left width is greater than width of "leftnav" div*/
border-left: 1px solid #000080;  /*problem if leftnav div is longer than content. if so, apply border to right side of leftnav*/
padding: .5em;
max-width: 36em;
}


#centerbox
{
margin-left: 40px;
margin-right: 80px;
border: 1px solid #000080;
padding: .4em;
padding-right: .4em;
padding-left: .5em;
max-width: 36em;
}


#centerbox p
{
text-indent: 0px;
}


#content1
{
margin-left: 200px;
border-left: 1px solid #000080; 
padding: .5em;
max-width: 36em;
}

#content1 p
{
text-indent: 0px;
}


#footer
{
margin: 0;
clear: both;		/*critical: will force footer below floated elements above*/
font-size: 70%;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid #000080;
}

#footer p{
text-align:center;
}


/*************************  Pseudo classes *************************/

a:link {
	color: #0000ff;
	text-decoration: underline;
	font-weight: bold;
}

a:visited { 
color: #880088;
text-decoration: underline;
font-weight: bold;
}

a:hover {
color: #0099ff;
padding-bottom: 5px;
font-weight: bold;
text-decoration: underline;

}  
a:active { 
color: #ff0000;
font-weight: bold; 
}