/****************************************************************************************************************************/
/****************************************************************************************************************************/
/* The footer is contained in its own wrapper (the Footer div) that is positioned after the content section                 */
/* It contains the secondary navigation bar and a text area in separate divs                                                */
/****************************************************************************************************************************/

#footer {
	width: 100%;
	height: auto;
	top: 0px;
	left: 0px;
	position: relative;
	clear: both;
	margin: 0px;
	padding: 0px;
	border-style: none;
}

@media print {
	#footer {
		display: none;
		visibility: collapse;
	}
}


/* The Foot-nav div defines the space in which the secondary navigation menu (for non-core functions) list sits             */
/* The height had to be defined to correctly render the background                                                          */
/* It is suppressed for printing                                                                                            */
#foot-nav {
	width: 100%;
	height: 15px;
	top: 0px;
	left: 0px;
	position: relative;
	border-style: none;
	background-image: url('../images/site-style/nav-button-maroon-5x15-100.jpg');
	background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
}

@media print {
	#foot-nav {
		display: none;
		visibility: collapse;
	}
}

/* Defines the overall styling of the navigation list */
#foot-nav ul {
	list-style-type: none;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}

/* Defines the position, size and styling of the navigation list items. */
/* There are 8 of them, so each the width of each is 12.5% of the available width, */
/*    but the min-width cannot be set here, otherwise each <p> or <a> tag contained in them colapses to the min-width value */
/*    and the difference between the width and min-width appears as an empty section to the right of the <p> or <a> element!!! */
#foot-nav ul li{
	width: 12%;
	padding: 0px;
	margin: 0px;
	height: 15px;
	border-style: none;
	left: 0px;
	right: 0px;
	float: left;
	display: inline;
}

#foot-nav ul li.boundary{
	width: 2%;
}

/* Defines the position, size and styling of the links, including the text itself. */
/* The whole area of a list item becomes a link, rather than just the area of the text in it. */
/* Only the "min-width" is set here - see the note above relating to the <li> element.  */
#foot-nav ul li a{
    display: block;
	height: 15px;
    margin: 0px;
    padding: 0px;
    border-left: gray 1px solid;
    border-right: gray 1px solid;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;

}

/* Defines the changes displayed when the mouse enters the link area */
/* The text style reverts back as soon as the mouse leaves - this text effect is not presistent like with a hyperlink in body text */
#foot-nav ul li a:hover {
    color: #FFD700;
}

#foot-nav ul li a:focus {
	outline: 1px dotted;
    outline-offset: 0px;
    -moz-outline-radius: 0px;
}

/* Defines the overall styling of the footer text area */
#foot-text {
	width: 100%;
	height: auto;
	top: 0px;
	left: 0px;
	position: relative;
	border-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
}

@media print {
	#foot-text {
		border-style: solid none none none;
		border-width: medium;
		border-color: #990000;
		background: none;
	}
}

/* Defines the styling of footer text */
/* Margins and padding are removed to compact the text */
/* Footer text items used as hyperlinks are formatted the same as other text, until a cursor hovers on them*/
#foot-text p, #foot-text a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small; 
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #990000;
	text-decoration: none;
	text-align: left;
}

#foot-text a:focus {
	outline: 1px dotted;
    outline-offset: 1px;
    -moz-outline-radius: 3px;
}

#foot-text p {
    margin: 0px;
	padding: 0px 0px 0px 10px;
}

/* Defines the styling of footer list */
/* Margins and padding are removed to compact the text */
#foot-text ul {
	padding: 0px;
	margin: 0px;
}

/* Defines the styling of footer list items*/
/* Margins and padding are removed to compact the text and list item denominators are removed */
/* Footer text items used as hyperlinks are formatted the same as other text, until a cursor hovers on them*/
#foot-text ul li,  #foot-text ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	line-height: 100%;
	list-style-type: none;
	text-align: left;
}

#foot-text ul li a:focus {
	outline: 1px dotted;
    outline-offset: 1px;
    -moz-outline-radius: 3px;
}

#foot-text ul li {
	margin: 0px;
	padding: 0px 0px 0px 25px;
}

#foot-text a:hover {
	color: #800080;
	text-decoration: underline;
}

#foot-text a:focus {
	outline: 1px dotted;
    outline-offset: 1px;
    -moz-outline-radius: 3px;
}

#foot-text img {
	text-align: left;
	border-style: none;
	vertical-align: top;
}