/* This area is excusively for the footer of the page. */
#footer{
	clear:both;
	width:800px;
	height: 100px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid #67907b;
	}
	
#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;
	background: url(../images/footerBullet.gif) no-repeat left;
	}

#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;
	}

#leftContentFooter {
	width:180px;
	float: left;
	overflow: hidden;/*Pay attention here. We need this to fix problems with the IE browser error in reading the css.*/
	margin: 0;
	padding: 10px;
	background: #ffffff;
	height: 30px;
	font: bold 120% Arial, Helvetica, sans-serif;
	color: #67907b;
	}
	
#rightContentFooter {
	width:580px;
	float: right;
	overflow: hidden;
	margin: 0;
	padding: 10px;
	background: #ffffff;
	height: 30px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #67907b;
	}

#centerContentFooter {
	width:780px;
	float: right;
	overflow: hidden;
	margin: 0;
	padding: 10px;
	background: #ffffff;
	height: 30px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #67907b;
	}

html>body #leftContentFooter {
	width:180px;
	float: left;
	overflow: hidden;/*Pay attention here. We need this to fix problems with the IE browser error in reading the css.*/
	margin: 0;
	padding: 10px;
	background: url(../images/backgrounds/navigation-index.jpg) repeat-y left;
	height: 30px;
	}

html>body #leftContentFooter {
	width:580px;
	float: right;
	overflow: hidden;
	margin: 0;
	padding: 10px;
	background: #eadeeb url(../images/backgrounds/rightContent_index.gif) repeat-y;
	height: 30px;
	}

#copyrightLine {
	font-size:10px;
	color:#666;
	width: 800px;
}

#copyrightLine p{
	font-size:10px;
	color:#666;
	float:left;
	width: 500px;
}

#copyrightLine img{
	margin: 0;
	padding: 0;
	float:left;
}