/* CSS Document */

body{
background: #e8e8ff;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
}

#wrapper{
	width: 770px;
	background-color:#ffffff;
	background-image: url(images/leftcol-border.gif);
	background-repeat: repeat-y; 
	margin:10px auto;
	text-align:left;
}

#banner{
height: 120px;
background-image:  url(images/mgibanner.jpg);
background-repeat: no-repeat;
}

#leftcol #nav{
	border-bottom: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #333333;
	font-weight: bold;

} 

#leftcol #nav ul {
margin: 0; 
padding: 0;
background-color: transparent;
list-style-type: none;
font-size: 80%;
border: 1px solid #000000;
}



#leftcol #nav ul li{												/* Defines li (list item elements) within the ul element. */
display: inline;										/* Default is column, use display: inline; to drop bullets and move to horizontal plane. */
padding: 0;
margin: 0;
}

											/* Defining link styles within the ul element. */
#leftcol #nav ul li a{
background-color: #990000;		/*869BCC*/
border-bottom: 1px solid #000000;
color: #ffffff;
display: block;
padding: 4px 0 6px 4px;
text-decoration: none; 
height: 1%;
}

											/* Allows background to change color on hover. */
											/* see part 3 #8 for xhtml coding of list. */

#leftcol #nav a:hover, #leftcol #nav a:focus { 
background-color: #210273;  /*003366*/
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
color: #ffffff;
}

#content {												/* Red background color for debugging. */
margin-left: 200px;										/* Allow space for left nav column. */
height: 1%;
}

#content p{												/* This is the container for the main content. */
font-size: 80%;											/* We are defining the paragraphs. */
margin: 20px;
}

#content h1{
font-size: 130%;
color: #003366;
padding: 0;
margin: 20px;
}

#content h2{
font-size: 110%;
color: #003366;
padding: 0;
margin: 20px;
}

#content h3{
font-size: 100%;
color: #003366;
padding: 0;
margin: 20px;
}

#content ul li{
font-size: 80%;
color: #666666;
margin: 10px;
padding: 0;
}

#content form{
font-size: 80%;
color: #666666;
margin: 0;
padding: 0;
}

#content table p{
font-size: 80%;
color: #666666;
margin: 0;
padding: 0;
}

#content table td{
font-size: 80%;
color: #666666;
margin: 0;
padding: 0;
}

.leftimage{												/* Left and Right float classes. */
float: left;
margin-right: 10px;
border: 1px solid #000000;
}

.rightimage{
float: right;
margin-left: 15px;
border: 1px solid #000000;
}

.clearit{												/* To clear float elements. */
clear: both;
display: block;
}

#footer{
border-top: 1px solid #000000;
background-color: #990000;
color: #FFFFFF;
}

#footer p{
font-size: 70%;
}

#leftcol{	
  margin-top: 50px;
  margin-left: 10px;
  float: left;											/* Opening left column selector with yellow and height 150px. Delete height later. */
  width: 170px;											/* Floating column left. */
  }
  
.container{
width: 99%;
float: right;
}