/*********************************************************************
STYLE RESET - removes browser defaults
**********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

/*********************************************************************
GENERAL STYLES - top level appearance for entire site,
these items don't change throughout site, also includes utility 
classes and sifr styles
**********************************************************************/

h1 
	{
	font: 27px Arial, Helvetica, sans-serif;
	}
	
h2 
	{
	font: 20px Arial, Helvetica, sans-serif;
	}

h3 
	{
	font: 17px Arial, Helvetica, sans-serif;
	}

h4 
	{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #0161A8;
	padding: 0 0 5px 0;
	}

h5 
	{
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 0 0 5px 0;
	}

h6 
	{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #78AC18;
	padding: 0 0 5px 0;
	}

ul 	
	{
	margin: 0 0 0 20px;
	}

li 	
	{
	padding: 0 0 5px 0;
	}
	
p 	
	{
	padding: 0 0 15px 0;
	line-height: 1.5em;
	}

a 
	{
	text-decoration: none;
	}

a:hover 
	{
	
	}

/*********************************************************************
LAYOUT FRAMEWORK - main containers, structure that doesn't change
**********************************************************************/
body 
	{
 	background: #6bbac7 url(../images/bkg_body.jpg) top center fixed no-repeat;
	font: 12px Arial, Helvetica, sans-serif;
	color: #262626;
	}
	
body#egc_blog {
	background: #6BBAC7 url(../images/blog_body_bg.jpg) top center fixed no-repeat;
}

#page
	{
	margin: 0 auto;
	width: 968px;
	}

#header
	{
	position: relative;
	height: 160px;
	width: 955px;
	/*background: url(../images/bkg_header.png) bottom right no-repeat;*/
	z-index: 100;
	}
	
#container
	{
	background: #fff;
	position: relative;
	width: 968px;
	margin: 0 auto;
	background: url(../images/bkg_container.png) top center repeat-y;
	top: -20px;
	margin-bottom: -20px;
	}


/*********************************************************************
AUX NAV
**********************************************************************/
#top
	{
	background: url(../images/bkg_auxNav.png) top right no-repeat;
	padding: 8px 0 0 120px;
	width: 222px;
	height: 23px;
	float: right;
	}	

#top span
	{
	width: 198px;
	}

#auxNav
	{
	margin: 14px 31px 0 0;
	list-style-type: none;
	float: right;
	clear: right;
	}

#auxNav li
	{
	display: block;
	float: left;
	margin: 0 0 0 15px;
	}
	
/*********************************************************************
PRIMARY NAVIGATION
**********************************************************************/
#mainNav
	{
	position: absolute; 
	bottom: 18px;
	right: 0;
	background: url(../images/bkg_mainNav.png) top right no-repeat;
	list-style-type: none;
	height: 49px;
	padding: 22px 18px 0 100px;
	}

#mainNav li
	{
	display: block;
	float: left;
	background: url(../images/bkg_navItem.png) top right no-repeat;
	padding: 9px 11px 0 0;
	margin: 0 0 0 11px;
	}

/*fixes nav in safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
#mainNav li span
	{
	float: left;
	display: inline;
	width: 150px;
	}
}

#mainNav li.last
	{
	background: none;
	padding: 10px 0 0 0;
	}

#logo
	{
	padding: 18px 0 0 22px;
	width: 219px;
	height: 91px;
	background: url(../images/bkg_logo.png) center no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	}

/*********************************************************************
FOOTER
**********************************************************************/
#footer
	{
	background: url(../images/bkg_footer.png) top center no-repeat;
	height: 76px;
	padding: 30px 0 0 0;
	margin: 0 0 180px 0;
	width: 968px;
	position:relative;
	}

#footer .wrap
	{
	width: 300px;
	float: right;
	margin: 0 0 0 50px;
	}

#footer #nav
	{
	list-style-type: none;
	margin: 0;
	padding: 0 0 21px 0;
	font-size: 11px;
	}

#footer #nav li
	{
	float: left;
	margin: 0 16px 0 0;
	}

#footer #nav li a
	{
	color: #fff;
	}

#footer #nav li a:hover
	{
	color: #999;
	}
	
#footer .menu 
	{
	width:170px;
	background: url(../images/bkg_greenLinks.gif) top center no-repeat;
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 11px;
	}

#footer .menu li ul 
	{
	width:170px;
	display:inline-block;
	margin: 0;
	padding: 0 0 5px 0;
	position: relative;
	top: -3px;
	background: url(../images/bkg_greenLinksBottom.png) bottom center no-repeat;
	}

#footer .menu li ul li 
	{
	margin: 0;
	list-style-type: none;
	padding: 0;
	background: #989898
	}

#footer .menu li a 
	{
	color: #262626;
	text-decoration:none;
	display: block;
	padding: 3px 8px 3px 8px;
	}

#footer .menu li a.label 
	{
	background: url(../images/arrow_down.gif) 14em .9em no-repeat; 
	padding: 6px 8px 6px 8px;
	}

#footer .menu li a:hover
	{
	color: #262626;
	}

#footer .menu li li a:hover
	{
	color: #fff;
	}

/*NOTE: the next line doesn't work on ie6 so we use jquery for ie6*/
#footer #menu li li:hover 
	{
	background:url(ico-arrow-level2.gif) top left no-repeat;
	}
	
#footer #menu li li#current 
	{
	background:url(ico-arrow-level2.gif) top left no-repeat;
	}

/*********************************************************************
UTILITY CLASSES - used throughout entire site
**********************************************************************/
.clear
	{
  	clear:both; 
	height:1px; 
	overflow:hidden; 
	line-height:1%; 
	font-size:0px; 
	margin-bottom:-1px; 
	}
	
.floatRight
	{
	float: right;
	}

.floatLeft
	{
	float: left;
	}

.round 
	{
	background: none;	
	}

	
/*********************************************************************
SIFR
**********************************************************************/
.sIFR-active #top span
	{
	visibility: hidden;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 1em;
	display: inline-block;
	padding: 0;
	letter-spacing: 1em;
	}

.sIFR-active #mainNav li span
	{
	visibility: hidden;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 0;
	letter-spacing: 1em;
	}

.sIFR-active .home h1
	{
	visibility: hidden;
	font: 24px Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 0;
	letter-spacing: 1em;
	display: inline-block;
	}

.sIFR-active #news h2
	{
	visibility: hidden;
	font: 19px Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 0 0 10px 6px;
	letter-spacing: 1em;
	display: inline-block;
	}

.sIFR-active .callout h3
	{
	visibility: hidden;
	font: 16px Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 0 0 0 0;
	letter-spacing: 1em;
	display: inline-block;
	}
	
.sIFR-active .callout h4
	{
	visibility: hidden;
	font: 20px Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 0 0 0 0;
	letter-spacing: 1em;
	display: inline-block;
	}

.sIFR-active .callout h5
	{
	visibility: hidden;
	font: 15px Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 0 0 0 0;
	letter-spacing: 1em;
	display: inline-block;
	}

.sIFR-active #pageHeader h1
	{
	visibility: hidden;
	font: 27px Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 0 0 0 0;
	letter-spacing: 1em;
	display: inline-block;
	}

.sIFR-active #content h2
	{
	visibility: hidden;
	font: 20px Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 0 0 0 0;
	letter-spacing: 1em;
	display: inline-block;
	}

.sIFR-active #content h3
	{
	visibility: hidden;
	font: 16px Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 0 0 0 0;
	letter-spacing: 1em;
	display: inline-block;
	}

.sIFR-active .wrapBottom h4
	{
	visibility: hidden;
	font: 19px Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 0 0 12px 0;
	letter-spacing: 1em;
	display: inline-block;
	}
	
.sIFR-active .wrapBottom .quote p
	{
	visibility: hidden;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 0 0 3px 0;
	letter-spacing: 1em;
	display: inline-block;
	}

.sIFR-active .wrapBottom .quote span.name
	{
	visibility: hidden;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 0;
	letter-spacing: 1em;
	display: inline-block;
	}