/* This area is excusively for the footer of the page. */
#footer{
	border-top: 2px solid #9cc430;
	color:#FFFFFF;
	clear:both;
	width:900px;
	height: 65px;
	background: url(../images/footer.jpg);
	padding: 10px 0;
	text-align: center;
	}
	
#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;
	margin:0;
	}

#footer ul li a{/*Since we did not specify a width, the default behavior is to extend 100%*/
	font-size: 70%; /*Scales the font size back to 80% from the body tag*/
	color: #37456a;
	text-decoration: none; /*This removes the underline for a link that is standard for the a tag.*/
	/*background-color: #0f2e8e;*/
	padding: 0 8px 0 8px; /*This extends the area of the item to create a button style.*/
	border-right: 1px solid #b9c9d9; /*This helps us see where the button begins and ends.*/
	text-align:center;/*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:#6699cc;
	color: #ffffff;
	}