/* This area is excusively for the footer of the page. */
#footer{
	clear:both;
	width:830px;
	height: 118px;
	padding: 15px 0 0 0;
	margin: 0 auto;
	text-align: center;
	background-image: url(../images/footer.jpg);
	}
	
#footer ul{
	padding:0;
	margin: 0 2px 0 2px;
}

#footer ul li{/*This is an example of turning a bullet list into a horizontal list without bullets. The key is the display inline attribute.*/
	display:inline;
	padding:0 0 0 5px;
	margin: 0 0 0 10px;
	}

#footer ul li a{/*Since we did not specify a width, the default behavior is to extend 100%*/
	font-size: 90%; /*Scales the font size back to 80% from the body tag*/
	color: #E2E2E2;
	text-decoration: none; /*This removes the underline for a link that is standard for the a tag.*/
	/*background-color: #0f2e8e;*/
	padding: 0 8px 0 5px; /*This extends the area of the item to create a button style.*/
	margin: 0 5px 0 2px;
	text-align:left;/*This is a correction for IE 5*/
	/*width: 5em;*/
	}

#footer ul li a:hover{/*We have added focus in case a user is using the tab key or a pointing device other than a mouse.*/
	background-color:#CCCCCC;
	color: #000000;
	}