/*------------------------------------------------------------------------------
	~/css/header-footer.css
	
	Defines styles used in both the sitewide header and sitewide footer,
	as well as the nav and subnav bars which fall just below the header.
------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
	Greens used (up for debate):
	
	Darkest:	#163C50 (header and footer link colors) (old: #163C50)
	Middle:		#308CBB (subnav background, text heading color)
	Lightest:	#AED6EA (nav background)
------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
	Styles shared between the header and footer
	(font-families and link colors, mostly)
------------------------------------------------------------------------------*/
#sitewide-header a, #sitewide-footer a, 
#sitewide-nav a, #sitewide-subnav a {
	font-family: arial, helvetica, verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #163C50;
}
#sitewide-header a:hover, #sitewide-footer a:hover, 
#sitewide-nav a:hover, #sitewide-subnav a:hover {
	text-decoration: underline;
}



/*------------------------------------------------------------------------------
    The header, comprised of the logo, the header links and the search box
    (The links and search box are positioned absolutely at the bottom left)
------------------------------------------------------------------------------*/
#sitewide-header {
	position: relative;
    width: 100%;
}
#sitewide-header h1 {
    margin: 0;
    padding: 10px;
    background: none;
}

/* for everyone except NN4 or IE5/Mac */
/*/\*/
#sitewide-header h1 img {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
}
/* */

/*/*/
#sitewide-header h1 img {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
}
/* */


/* for NN4 */
/*/*//*/
#sitewide-header .links {
    position: absolute;
    top: 20px;
	text-align: right;
}
/* */

/* for everything else */
/*/*/
div#sitewide-header div.links {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
/* */

/* for IE5/Mac only, this should fix the horizontal scrollbar bug */
/*\*//*/
div#sitewide-header div.links {
    right: 25px;
    margin-right: -15px;
}
/**/


/*------------------------------------------------------------------------------
	The search box
------------------------------------------------------------------------------*/
form#sitewide-search {
    font: 11px tahoma, verdana, arial, sans-serif;
	margin: 0px;
	padding: 0px;
}
form#sitewide-search input {
	font-size: 11px;
	padding-left: 1px;
    color: #333;
}
form#sitewide-search input.input-text {
	border: 1px solid #999;
	background-color: #eee;
}
form#sitewide-search input.input-submit {
	border: 1px outset #ccc;
	background-color: #ccc;
}



/*------------------------------------------------------------------------------
	nav and subnav
    
    #nav and #subnav both have 1px solid white bottom-borders, to provide the
    1-pixel separation.  They are declared a little bit strangely to accomodate
    Netscape 4 (aka The Beast)
------------------------------------------------------------------------------*/
#sitewide-nav, #sitewide-subnav {
	padding: 5px 10px;
	margin-top: -5px;
    
    /* for NN4 to look a *little* better */
	border: 1px solid #fff;
    border-bottom-width: 1px;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    width: 100%;
    
    /* make the font smaller (which NN4 doesn't need to see, since its
       fonts are too small already */
    /*/*/
    font-size: 11px;
    width: auto;
    margin: 0;
    /* */
}
#sitewide-nav {
	color: #769AAD;
    background-color: #AED6EA;
    
    /*/*/
    background: #AED6EA url(/images/topnavborder2007.gif) repeat-x top;
	padding-top: 7px;
	font-family: arial, verdana, sans-serif;
    /* */
}
#sitewide-subnav {
	background-color: #308CBB;
	color: #fff;
}
#sitewide-subnav a {
	color: #fff;
	font-weight: normal;
}


/*------------------------------------------------------------------------------
	The footer
------------------------------------------------------------------------------*/
#sitewide-footer {
	font-size: 10px;
    background-color: #AED6EA;
    clear: both;
    
    /* for NN4 to look a *little* better */
	border: 1px solid #fff;
    border-top-width: 1px;
    border-bottom-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    width: 100%;
    
    padding: 10px;
    
    /*/*/
    width: auto;
    border: none;
    border-top: 1px solid #fff;
    background: #AED6EA url(../images/home/footer.gif) repeat-x top left;
    font-size: 10px;
    line-height: 100%;
    /* */
}
div#sitewide-footer a {
	font-family: verdana, arial, sans-serif;
}
div#sitewide-footer p {
	margin: 2px 0;
}


/*------------------------------------------------------------------------------
    Holly Hacks all gathered into one place
    (info: http://www.positioniseverything.net/articles/hollyhack.html)
    
    These are mostly to fix the "Peekaboo" bug in IE/Win
    (info: http://www.positioniseverything.net/explorer/peekaboo.html)
------------------------------------------------------------------------------*/
/* Hides from IE5-mac \*/
placeholder.none-right-now
{
    height: 1%;
    position: relative;
}
/* End hide from IE5-mac */