﻿/**********************************************************************************
* Header Utility Bar 
*
* This DIV element is the first element nested inside the form element.
* It renders at the very top of the page and contains:
* - Today's date 
* - Hyperlinks to utility pages such as "about this site", "contact us", etc.
***********************************************************************************/
#headerUtilityBarDiv 
{	
	/*
	* Force width to 100% so this will span the the entire width of the #page DIV.
	* This isn't necessary for IE, but is for Firefox and Opera, in order for the 
	* "utility page hyperlinks" to right-align on the page.
	*/
	width: 100%;				
	font-size: .85em;
	/*
	* What we are trying to do is vertically center the text for this section.  The text is 
	* contained in UL, LI and A elements within this DIV.  The following
	* settings work in IE, Firefox, and Opera.  What we do is set the overall 
	* height of the DIV, and then force the text into the center by adding padding to
	* the bottom.  
	* NOTES:
	* - Simply trying to set vertical-align doesn't work.
	* - Setting top and bottom padding only works in IE.
	*/
	height: 2.2em;
	padding-bottom: 1.1em;
	
	 /* Allows us to apply absolute positions to nested elements*/
	position: relative; 
}

/*
* Unordered list of items to display on the upper left of the page.
* For example, Today's date is typically an entry in this list.
*/
#headerUtilityBar_GeneralUtilitiesUL 
{
	float: left;
	left: 0;
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: absolute;
	bottom: 1.1em;
}
#headerUtilityBar_GeneralUtilitiesUL li
{		
	display: inline;
	margin: 0;
	text-align: left;
}

/*
* If displayed, this UL element will contain several entries which
* are hyperlinks to "utility pages" such as "about this site" and "contact us". 
*/
#headerUtilityBar_PageLinksUL
{		
	right: 0;
	text-align: right;
	margin : 0;
	list-style-type: none;
	position: absolute;
	bottom: 1.1em;

}

/*
* Settings to apply to all LI elements within the 
* headerUtilityBar_PageLinksUL element.
*/
#headerUtilityBar_PageLinksUL li 
{	
	display: inline;
	margin: 0;
	text-transform: lowercase;
	text-align: right;
}


/*
* Settings to apply to all IMG elements within the 
* headerUtilityBar_PageLinksUL element.
*/
#headerUtilityBar_PageLinksUL img 
{			
	 vertical-align: text-bottom;
}

/*
* utilityPageLinkA is the default class name that is applied to all of the 
* A elements for utility pages in both the header and footer sections of 
* the page.   
*/
a.utilityPageHyperLinks,
a.utilityPageHyperLinks:link,
a.utilityPageHyperLinks:visited
{			
/*
	color: #333;
*/
}
a.utilityPageHyperLinks:hover
{
/*
	color: #dc241f;
*/
}

a.utilityPageHyperLinks img
{
	text-decoration: none;
}


a.headerUtilityBar_GeneralUtilitiesBrowserWarningLink
a.headerUtilityBar_GeneralUtilitiesBrowserWarningLink:link,
a.headerUtilityBar_GeneralUtilitiesBrowserWarningLink:visited
{
	color: Red;
}

a.headerUtilityBar_GeneralUtilitiesBrowserWarningLink img
{
	vertical-align: text-bottom;
	margin-right: .2em;
	text-decoration: none;
}
