/* COLOR VARIABLES 
#home {}
#search {}
#volunteers {}
#nonprofits {}
#business {}
#about {}
*/

body { margin: 0px; padding: 0px; }

/* FOOTER */
#home div.footer, #search div.footer, #volunteers div.footer, 
#nonprofits div.footer, #business div.footer, #about div.footer { font-size: .7em; } 
/* account footer needs dotted line -- for others, it's set in the body structure */
#account div.footer { font-size: .7em; border-top: 1px solid #666; padding-top: 5px; }

.clear { clear: both; margin: 0px; padding: 0px; }

#publicnav { font-family: Helvetica, Arial, sans-serif; }

#publicnav p, #publicnav td, #publicnav th { font-size: 100%; }

/* VARIABLE ideally this is 800 but depending on top image may need to be wider */
#home, #search, #volunteers, #nonprofits, #business, #about, #account { min-width: 775px; }

/* left color bands */
#home #publicnav  div.bandonecolor { border-left: 17px solid #A00D3D; }
#search #publicnav div.bandonecolor { border-left: 17px solid #BA2001; }
#volunteers #publicnav div.bandonecolor { border-left: 17px solid #026879; }
#nonprofits #publicnav div.bandonecolor { border-left: 17px solid #3B7204; }
#business #publicnav  div.bandonecolor { border-left: 17px solid #511367; }
#about #publicnav div.bandonecolor { border-left: 17px solid #790000; }
#account #publicnav div.bandonecolor { border-left: 17px solid #BB2C05; }


#home #publicnav  div.bandtwocolor { border-left: 17px solid #B70F46; }
#search #publicnav div.bandtwocolor { border-left: 17px solid #DA2400; }
#volunteers #publicnav div.bandtwocolor { border-left: 17px solid #02879D; }
#nonprofits #publicnav div.bandtwocolor { border-left: 17px solid #5EA616; }
#business #publicnav  div.bandtwocolor { border-left: 17px solid #884B9D; }
#about #publicnav div.bandtwocolor { border-left: 17px solid #9E0B0E; }
#account #publicnav div.bandtwocolor { border-left: 17px solid #BB2C05; }
/* end left color bands */

/* secondary nav style */
#home #publicnav td.secondary { background-color: #DADADA; }
#search #publicnav td.secondary { background-color: #F43610; }
#volunteers #publicnav td.secondary { background-color: #37ABBE; }
#nonprofits #publicnav td.secondary { background-color: #70B62B; }
#business #publicnav  td.secondary { background-color: #985EAC; }
#about #publicnav td.secondary { background-color: #A2B6B9; }


/* end secondary nav style */

#publicnav td.secondary { width: auto; color: #333;  }
#publicnav td.secondary a { color: #333; text-decoration: none;}
#publicnav td.secondary ul { float: right; list-style-type: none; margin: 0px; padding-right: 15px; padding-top: 2px; }
#publicnav td.secondary li { font-size: .75em; float: left; margin-left: 11px; margin-right: 11px; }
#publicnav td.secondary li.off a:link, 
#publicnav td.secondary li.off a:visited {  letter-spacing: .02em; }
#publicnav td.secondary li.off a:active, 
#publicnav td.secondary li.off a:hover { color: #FFF; letter-spacing: .02em;}
#publicnav td.secondary li.on a:link, 
#publicnav td.secondary li.on a:visited, 
#publicnav td.secondary li.on a:active, 
#publicnav td.secondary li.on a:hover { color: #FFF; font-weight: bold;  letter-spacing: .02em;}



div.tertiarynav { width: 100%; height: 20px; margin: 0px; padding: 0px; clear: both; float: none;color: #FFF; }
div.tertiarynav a { text-decoration: none;}
div.tertiarynav ul { float: right; list-style-type: none; margin: 0px; padding-right: 15px; padding-top: 2px;}
div.tertiarynav li {  font-size: .7em;  float: left; margin-left: 11px; margin-right: 11px; }
div.tertiarynav li.off a:link, 
div.tertiarynav li.off a:visited { font-weight: normal;  letter-spacing: .02em;}
div.tertiarynav li.off a:active, 
div.tertiarynav li.off a:hover { color: #FFF; letter-spacing: .02em;}
div.tertiarynav li.on a:link, 
div.tertiarynav li.on a:visited, 
div.tertiarynav li.on a:active, 
div.tertiarynav li.on a:hover { font-weight:bold; color: #FFF; letter-spacing: .02em; }



/* tertiary nav style */
#volunteers div.tertiarynav { background-color:#69C0CE; }
#nonprofits div.tertiarynav { background-color:#93CF58; }
#business div.tertiarynav { background-color:#C385D9; }
	/* not used -- here just in case */
#home div.tertiarynav { background-color:#DADADA; }
#search div.tertiarynav { background-color:#F43610; }
#account div.tertiarynav { background-color:#F37C16; }
#about div.tertiarynav { background-color:#A2B6B9; }

/* end tertiary nav style */

/* GLOBAL NAVIGATION */
#publicnav table { width: 100%; padding: 0px; margin: 0px; }
#publicnav div.bandone{ } 
#publicnav td.hclogo { width: 189px; }
#publicnav div.bandtwo { border-top: 1px solid #666; border-bottom: 1px solid #666; } 
#publicnav td.ubiquitousglobal { text-align: center; width: 189px; height: 20px; border-right: 1px solid #666; 
background-color:#DADADA; font-size: .7em; vertical-align: middle; margin: 0px; padding: 0px;  }
#publicnav td.ubiquitousglobal a { color: #333; text-decoration: none; }
#publicnav td.ubiquitousglobal a:link, div.tertiarynav li.on a:visited { color: #333; }
#publicnav td.ubiquitousglobal a:active, #publicnav td.ubiquitousglobal a:hover { color: #000; }



#publicnav td.primaryglobal ul { float: right; list-style: none outside; margin-left:0px; margin-bottom: 5px;
  margin-top:0px; padding-right: 15px; display: block; 
	font-family: Helvetica, Arial, sans-serif; font-size: 12px;   }
#publicnav td.primaryglobal li { padding-bottom: 0px; margin: 0px; font-weight: bold; 
	display: block; float: left; position: relative;  }
#publicnav td.primaryglobal a { color: #333; 
text-decoration: none; width:auto; margin:0px; padding: 2px 10px; }

#publicnav td.primaryglobal a:link, #publicnav td.primaryglobal a:visited, 
#publicnav td.primaryglobal a:active, #publicnav td.primaryglobal a:hover 
 { text-decoration: none; }

li#publicnav-home a:hover { color: #B70F46; }
li#publicnav-search a:hover  { color: #DA2400; }
li#publicnav-volunteers a:hover  { color: #37ABBE; }
li#publicnav-nonprofits a:hover  { color: #70B62B; }
li#publicnav-business a:hover { color: #985EAC; }
li#publicnav-myaccount a:hover  { color: #F37C16; }

li#publicnav-home a.on { color: #B70F46; }
li#publicnav-search a.on { color: #DA2400; }
li#publicnav-volunteers a.on { color: #37ABBE; }
li#publicnav-nonprofits a.on { color: #70B62B; }
li#publicnav-business a.on { color: #985EAC; }
li#publicnav-myaccount a.on { color: #F37C16; }

li#publicnav-home-off a.off { color: #333; }
li#publicnav-search-off a.off { color: #333; }
li#publicnav-volunteers-off a.off { color: #333; }
li#publicnav-nonprofits-off a.off { color: #333; }
li#publicnav-business-off a.off { color: #333; }
li#publicnav-myaccount-off a.off { color: #333; }

/*
#publicnav div.sponsoredby { background-color: #445566; width: 250px; }
#publicnav div.sponsoredby div.label { text-align: center; width: 150px; margin: 0px 25px 0px 0px; float: right; clear: both; font-size: .7em; background-color: #999; color: #FFF; padding: 2px; }
*/

#publicnav div.sponsoredby { width: 250px; padding-right: 10px; float: right; }
#publicnav div.sponsoredby div.label { text-align: center; width: 150px; float: right; clear: both; font-size: .7em; background-color: #999; color: #FFF; padding: 2px; 
margin: 0px 25px 0px 0px;
}

#publicnav div.delay { width: 325px; float: left; text-align: center; font-size: .7em; border: 1px solid #CC0000; margin-top: 25px; padding: 5px; }

#publicnav div.crisis { width: 250px; padding-right: 10px; float: right; }
#publicnav div.crisis div.label { text-align: center; width: 150px; float: right; clear: both; font-size: .7em; background-color: #37ABBE; color: #FFF; padding: 2px; margin: 0px 25px 0px 0px; }
#publicnav div.crisis p { text-align: center; font-size: .7em; }