/* FOOTER */

div.footback {
 /* keep footer below content and menu */
	clear: both;
 /* this sets 10px on right to let the right image show, the balance 10px left on next div */
	padding: 0px 0px 0px 0px;
 width: 964px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
}
div#footer {
 /* this sets 10px on left to balance 10px right on last div */
	padding: 0px 0px 0px 10px;
}
div#fooleft {
	float: left;

}

div#footrt {
 float: left;
 clear:both; 

}
div#footer p {
/* sets different font size from default */
	font-size: 0.8em;
/* some air for footer */
	padding: 1.5em;
/* centered text */
	text-align: center;
	margin: 0;
}
div#footer p a {
 /* footer link would be same color as default we want it same as footer text */
	color: #006889;
}

#footer ul {
 /* some margin is set in the footer padding */
   margin: 0px;
 /* calling a specific side, left in this case */
   margin-left: 0px;
 padding: 0px;
 /* remove any default bullets, image used in li call */
   list-style: none;
}
#footer ul li {
 /* remove any default bullets, image used for consistency */
   list-style: none;
 /* float left to set first level li items across the top */
   float:left;
 /* a little margin at top */
   margin: 5px 0px 0px 0px;
 /* padding all the way around */
   padding: 5px 5px 5px 5px;
 /* you can set your own image here, used for consistency */
   background: url(../images/cms/minifleche.gif) no-repeat left 10px;
}
#footer ul li a {
 /* this will make the "a" link a solid shape */
   display:block;
 margin: 2px 0px 4px;
 padding: 0px 5px 0px 5px;
 color: #333;
}
/* set h3 to look like "a" */
#footer li h3 {
   font-weight:normal;
   font-size:100%;
   margin: 2px 0px 2px 0px;
   padding: 0px 5px 5px 5px;
}
/* set h3 to look like "a", less margin at this level */
#footer li li h3 {
   font-weight:normal;
   font-size:100%;
   margin: 0px;
   padding: 0px 5px 5px 5px;
}
#footer ul li li {
 /* remove any default bullets, image used for consistency */
   list-style: none;
 /* remove float so they line up under top li */
   float:none;
 /* less margin/padding */
   margin: 0px;
 padding: 0px 0px 0px 5px;
 /* you can set your own image here, used for consistency */
   background: url(../images/cms/minifleche.gif) no-repeat left 3px;
}
/* fix for IE6 */
* html #footer ul li a {
 margin: 2px 0px 0px;
 padding: 0px 5px 5px 5px;
 color: #666;
}
* html #footer ul li li a {
 margin: 0px 0px 0px;
 padding: 0px 5px 0px 5px;
 color: #666;
}
/* End fix for IE6 */
#footer ul ul {
/* remove float so they line up under top li */
   float:none;
/* a little margin to offset it */
   margin: 0px 0px 0px 8px;
   padding: 0;
}
#footer ul ul ul {
/* remove float so they line up under li above it */
   float:none;
/* a little margin to offset it */
   margin: 0px 0px 0px 8px;
   padding: 0;
}