﻿/* #585858 Darker Gray */
/* #cfcfcf Light Gray. */

/************************************************/
/* Base Styles    								*/
/************************************************/

html { background: url(/images/template/backgrounds/html_background.jpg) top left }

body { background: url(/images/template/backgrounds/body_background.gif) top left repeat-x; }

hr.clear { display:block; clear:both; visibility:hidden; height:0; border-width:0; margin:0; padding:0; }

/************************************************/
/* Start of Site								*/
/************************************************/
div.siteContainer { display: block; margin: 0px auto; padding-top: 12px; position: relative; width: 955px; }


/************************************************/
/* Start of Header								*/
/************************************************/
div.headerWrapper { background: #FFFFFF; display: block; height: 275px; overflow: hidden; width: 955px; }

div.headerWrapper.homepage { height: 450px;}

div.headerWrapper div.overlay 
{ 
	background: url(/images/Template/backgrounds/header-overlay.png) top left no-repeat; 
	display: block;
	height: 275px; 
	position: absolute;
	width: 955px;
	z-index: 500;
}

div.headerWrapper.homepage div.overlay { height: 450px; }

div.headerWrapper div.overlay a.logo { left: 10px; position: absolute; top: 14px; }

div.headerWrapper a.serviceInteruption
{
	background: url(/images/template/backgrounds/header-service-interuption.png) top left no-repeat;
	color: #ffcc33;
	display: block;	
	font-family: Lucida Sans;
	font-size: 11px;
	font-weight: bold;
	height: 58px;
	left: 355px;
	line-height: 14px;
	padding: 18px 10px 0px 10px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: -2px;	
	width: 102px;		
}

div.headerWrapper div.banners { padding-left: 14px; }

ul.howCanWeHelp 
{
	background: url(/images/template/backgrounds/header-how-can-we-help-bg.gif) top left no-repeat; 
	display: block;
	height: 35px;
	left: 707px;
	position: absolute;
	font-family: Georgia;
	font-size: 18px;
	line-height: 22px;
	top: 58px;
	width: 233px;	
	z-index: 950;	/* Used to overlay the Red Primary Menu in the Header */
}

ul.howCanWeHelp li { cursor: pointer; display: block; text-indent: 10px; padding-top: 7px; height: 28px; width: 223px; }

ul.howCanWeHelp ul.howCanWeHelpPanel 
{
	background: #ffffff;
	border-bottom: 1px solid #789ab6;
	border-left: 1px solid #789ab6;
	border-right: 1px solid #789ab6;
	display: none; 
	position: absolute;
	top: 35px;
	left: 0px;
	width: 231px;
}

ul.howCanWeHelp ul.howCanWeHelpPanel li 
{
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #ccc;
	width: 231px;
	line-height: 14px;
	height: 30px;
}

ul.howCanWeHelp ul.howCanWeHelpPanel li a 
{
	display: block;
	color: #be0c0c;
	font-family: Lucida Sans;
	font-size: 11px;
	margin: 0px;
	padding: 8px 0px 8px 0px;
}

ul.howCanWeHelp ul.howCanWeHelpPanel li a:hover
{
	background: #F8F8F8;
} 

div.headerWrapper div.globalNavWrapper 
{ 	
	background: url(/images/template/backgrounds/header-global-nav-bg.gif) top left no-repeat; 
	display: block;
	height: 37px;
	margin-top: -12px;
	position: absolute;
	right: 15px;
	width: 421px;
}

div.headerWrapper input.searchBox 
{ 	
	background: url(/images/template/backgrounds/header-sitesearch-box-bg.gif) top left no-repeat; 
	border: none;
	color: #ffffff;
	display: block;
	font-family: Georgia;
	font-size: 12px;
	height: 20px;
	left: 50px;
	line-height: 14px;
	overflow: hidden;	
	padding: 6px 0px 0px 0px;
	position: absolute;
	top: 5px;
	width: 157px;
}

div.headerWrapper input.searchButton 
{	
	background: url(/images/template/backgrounds/header-sitesearch-button-bg.gif) top left no-repeat; 
	border: none;
	display: block;
	height: 25px;
	left: 15px;
	position: absolute;
	top: 5px;
	width: 35px;	
}

div.headerWrapper input.searchButton:hover { cursor: pointer; }

div.headerWrapper ul.globalNavigation { position: absolute; left: 215px; top: 12px; }
div.headerWrapper ul.globalNavigation li { border-left: 1px solid #ffffff; float: left; margin-left: 5px; padding-left: 5px; }
div.headerWrapper ul.globalNavigation li.first { border: none; }
div.headerWrapper ul.globalNavigation li a { color: #ffffff; font-family: Times New Roman; text-transform: uppercase; }
div.headerWrapper ul.globalNavigation li a:hover { text-decoration: underline; }

/* Primary Menu Wrapper */
div.primaryNavigation { left: 214px; position:relative; top: 93px; width: 730px; }

/* Internal Secondary Menu (Section Sub-Pages) */
ul.primaryMenu { display: block; height: 38px; width: 730px; }
ul.primaryMenu li {  display: block; float: left; height: 38px; } 

ul.primaryMenu li a 
{
	color: #ffffff;
	display: block; 
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	height: 26px;
	padding-top: 12px;
	text-align: center;
	text-transform: uppercase;
	width: 100%; 
} 

ul.primaryMenu li.button1 { padding-left: 25px; width: 176px;  } 
ul.primaryMenu li.button2 { width: 197px; } 
ul.primaryMenu li.button3 { width: 214px; } 
ul.primaryMenu li.button4 { width: 118px; } 

ul.primaryMenu li ul { display: none; }

ul.primaryMenu ul.primaryMenuPanel { height: auto; left: 0px; position: absolute; top: 38px; width: 698px; }

ul.primaryMenu ul.primaryMenuPanel li {}
ul.primaryMenu ul.primaryMenuPanel li div.itemContent 
{
	background: url('/images/template/backgrounds/primary-menu-dropdown-bg.png') top left;
	border-bottom: 1px solid #cb0000;
	border-left: 1px solid #cb0000;
	border-right: 1px solid #cb0000;
	display: block;
	padding: 15px;
	width: 698px;
}

ul.primaryMenu ul.primaryMenuPanel li div.itemContent,
ul.primaryMenu ul.primaryMenuPanel li div.itemContent p
{
	font-family: Lucida Sans;	
	font-size: 11px;
	line-height: 16px;
}

ul.primaryMenu ul.primaryMenuPanel li div.itemContent h3
{
	color: #bf0c0c;
	font-family: Lucida Sans;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 5px;
	width: 200px;
}

ul.primaryMenu ul.primaryMenuPanel li div.itemContent ul.sectionNavigation
{
	display: block;
	margin-left: 25px;
	margin-top: 12px;
	position: relative;
	width: 360px;		
}

ul.primaryMenu ul.primaryMenuPanel li div.itemContent ul.sectionNavigation li
{
	display: block;
	float: left;
	height: auto;
	margin: 0px 0px 8px 0px !Important;
	padding: 0px !Important;
	width: 180px;
}


ul.primaryMenu ul.primaryMenuPanel li div.itemContent ul.sectionNavigation li a
{
	color: #be0c0c;
	font-family: Lucida Sans;
	font-size: 11px;
	font-weight: normal;	
	height: auto;
	line-height: 12px;	
	margin: 0px !Important;
	padding: 0px !Important;
	text-align: left;
	text-decoration: underline;
	text-transform: capitalize;
}

ul.primaryMenu ul.primaryMenuPanel li div.itemContent ul.sectionNavigation li a:hover
{
	text-decoration: none;
}



/************************************************/
/* Start of Body								*/
/************************************************/
div.bodyWrapper	{ background: #FFFFFF; display: block; padding: 4px 0 0 0; position: relative; width: 955px; }

.leftColumn, .centerColumn, .rightColumn { }

.Layout1Column .leftColumn	 { display: none; }
.Layout1Column .centerColumn { display: block; width: 955px; }
.Layout1Column .rightColumn  { display: none; }

.Layout2Column .leftColumn	 { display: block; float: left; position: relative; width: 215px; }
.Layout2Column .centerColumn { display: none; }
.Layout2Column .rightColumn  { display: block; float: left; position: relative; width: 740px; }

.Layout3Column .leftColumn	 { display: block; float: left; position: relative; width: 215px; }
.Layout3Column .centerColumn { display: block; float: left; position: relative; width: 540px; }
.Layout3Column .rightColumn  { display: block; float: left; padding: 0px 11px 0px 9px; position: relative; width: 180px; }



.Layout1Column .contentWrapper { margin: 15px 0px 15px 5px; overflow: hidden; padding: 10px; }
.Layout2Column .contentWrapper { margin: 15px 0px 15px 0px; overflow: hidden; padding: 10px; }
.Layout3Column .contentWrapper { margin: 15px 0px 15px 0px; overflow: hidden; padding: 10px; }



.breadCrumbWrapper 
{
	background: #104b7d;
	display: block;
	position: absolute;
	top: -3px;
	height: 16px;
	z-index: 100;
	padding: 4px 0px 0px 10px;

}

.Layout1Column .breadCrumbWrapper { left: 14px; width: 920px; }
.Layout2Column .breadCrumbWrapper { left: 0px; width: 719px; }
.Layout3Column .breadCrumbWrapper { left: 0px; width: 719px; }

.breadCrumbWrapper,
.breadCrumbWrapper a
{
	font-family: Verdana !Important;
	font-size: 11px !Important;
	color: #ffffff !Important;
}

.breadCrumbWrapper a:hover { text-decoration: underline; }

/* Internal Secondary Menu (Section Sub-Pages) */
ul.secondaryMenu
{		
	background: url('/images/template/backgrounds/secondary-menu-ul-bg.jpg') top left repeat-x #0f4b7d;
	display: block;
	margin-left: 15px;
	width: 188px;
}

ul.secondaryMenu li 
{
	border-bottom: 1px solid #73acd7;
	border-top: 1px solid #334e64;
}

ul.secondaryMenu li.title 
{ 
	background: url('/images/template/backgrounds/secondary-menu-li-title-bg.jpg') top left no-repeat #ffffff; 
	border: none;
	color: #104b7d;
	font-family: Georgia;
	font-size: 12px;
	height: 25px;
	text-align: center;
	text-transform: uppercase;
	padding-top: 20px;
}

ul.secondaryMenu li a 
{
	color: #ffffff;
	background: url('/images/template/backgrounds/secondary-menu-a-bg.gif') 7px 12px no-repeat;
	line-height: 16px;
	display: block;
	font-family: Georgia;
	font-size: 11px;
	padding: 10px 0px 10px 23px;
	width: 165px;
}

ul.secondaryMenu li:hover	 { background: url('/images/template/backgrounds/secondary-menu-li-active-bg.jpg') top left repeat-x #114b7d; }
ul.secondaryMenu li.active	 { background: url('/images/template/backgrounds/secondary-menu-li-active-bg.jpg') top left repeat-x #114b7d; }

ul.secondaryMenu li.title:hover { background: url('/images/template/backgrounds/secondary-menu-li-title-bg.jpg') top left no-repeat #ffffff; }

ul.secondaryMenu li.active a { font-weight: bold; }


/* Internal Tertiary Menu (Section Sub-Pages) */
ul.tertiaryMenu 
{	
	background:url("/images/Template/backgrounds/menu-tertiary-bg-grad.gif") bottom repeat-x #fcfcfc;
	border: 1px solid #cfcfcf;
	border-bottom:none;	
	display: block;
	margin: 30px 0px 10px 0px;
	width: 179px; 
}

ul.tertiaryMenu li 
{
	/*background: url("/images/Template/backgrounds/menu-tertiary-bg.gif") 0px -48px no-repeat; */
	min-height: 23px;
}

ul.tertiaryMenu li a
{
	color: #585858;
	display: block;
	font-family: Verdana;
	font-size: 11px;
	min-height: 16px;
	padding: 5px 0px 4px 12px;
	width: 167px;
	line-height:14px;	
	border-bottom:1px solid #cfcfcf;	
}

ul.tertiaryMenu li a:hover
{
	background:url("/images/Template/backgrounds/tertiary-menu-arrow.png") 0px 1px no-repeat #e7e7e7; 
	
}

ul.tertiaryMenu li.selected a { font-weight: bold; /*background: url("/images/Template/backgrounds/menu-tertiary-bg.gif") 0px -25px no-repeat;*/  }

ul.tertiaryMenu li.title
{
	border-bottom: 2px solid #104b7d;
	background:url("/images/Template/backgrounds/menu-tertiary-bg-header.gif") top repeat-x #ededed;
	color: #104b7d;
	text-align: center;
	font-family: Verdana; 
	font-size: 12px;
	min-height: 12px;
	padding: 8px 4px 8px 4px;
}

ul.tertiaryMenu li.title a { color: #104b7d; display: block; font-weight: bold;}

ul.tertiaryMenu li.title a:hover { background: url("/images/Template/backgrounds/menu-tertiary-bg.gif") 0px 0px no-repeat; }



/* Internal Content Download Menu (Based per Page) */
ul.contentDownloads 
{	
	background:url("/images/Template/backgrounds/menu-tertiary-bg-grad.gif") bottom repeat-x #fcfcfc;
	border: 1px solid #cfcfcf;
	border-bottom:none;	
	display: block;
	margin: 30px 0px 10px 0px;
	width: 179px; 
}

ul.contentDownloads li 
{
	min-height: 23px;
}

ul.contentDownloads li.download-PDF  { background: url('/AssetManagement/images/adobe-pdf.gif') 2px 5px no-repeat; }
ul.contentDownloads li.download-MDB  { background: url('/AssetManagement/images/ms-access.gif') 2px 5px no-repeat; }
ul.contentDownloads li.download-XSL  { background: url('/AssetManagement/images/ms-excel.gif') 2px 5px no-repeat; }
ul.contentDownloads li.download-PPT  { background: url('/AssetManagement/images/ms-powerpoint.gif') 2px 5px no-repeat; }
ul.contentDownloads li.download-DOC  { background: url('/AssetManagement/images/ms-word.gif') 2px 5px no-repeat; }
ul.contentDownloads li.download-PDF  { background: url('/AssetManagement/images/adobe-pdf.gif') 2px 5px no-repeat; }
ul.contentDownloads li.download-HTML { background: url('/AssetManagement/images/HTML.gif') 2px 5px no-repeat; }
          
ul.contentDownloads li a
{
	color: #585858;
	display: block;
	font-family: Verdana;
	font-size: 11px;
	min-height: 16px;
	padding: 5px 0px 4px 22px;
	width: 157px;
	line-height:14px;	
	border-bottom:1px solid #cfcfcf;	
}

ul.contentDownloads li a:hover { }

ul.contentDownloads li.selected a { font-weight: bold; }

ul.contentDownloads li.title
{
	border-bottom: 2px solid #104b7d;
	background:url("/images/Template/backgrounds/menu-tertiary-bg-header.gif") bottom repeat-x;
	color: #104b7d;
	height: 17px;
	text-align: center;
	padding-top: 8px;
	font-family: Verdana; font-size: 12px;
}

ul.contentDownloads li.title a { color: #104b7d;  padding-top: 7px; height: 18px; font-weight: bold; }

ul.contentDownloads li.title a:hover { background: url("/images/Template/backgrounds/menu-tertiary-bg.gif") 0px 0px no-repeat; }

/* Internal Call to Action Wrapper */
div.ctaWrapper 
{
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	width: 180px;
}

div.ctaWrapper h4
{
	background: #104b7d;
	color: #ffffff;
	display: block;
	font-size: 12px;
	font-family: Verdana;
	margin: 0px 0px 5px 0px;
	padding: 4px 0px 4px 0px;
	text-align: center;
	width: 100%;
}

div.callToActions ul
{
	background: url("/images/Template/backgrounds/homepage-cta-bg.png") 0px 0px no-repeat;
	display: block;
	height: 93px;
	margin-top: 5px;
	padding: 7px 0px 0px 8px;
	position: relative;
	width: 947px;
}

div.callToActions ul li
{
	display: block;
	float: left;
	height: 69px;
	width: 235px;
}

div.callToActions ul li a
{
	color: #6699cc;	
	display: block;
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	padding-top: 12px;
	height: 57px;
	text-align: center;
	text-transform: uppercase;
	width: 235px;	
}

div.callToActions ul li a:hover { text-decoration: underline; }

/* Main Section of Menu / Sitemap */
ul.sitemap {  margin-bottom: 5px;  }
ul.sitemap li {  margin-bottom: 5px; float:left; width:300px; }
ul.sitemap li a { color: red; font-weight: bold; }


/* First Tier of Menu / Sitemap */
ul.sitemap li ul { margin: 0px 0px 10px 5px; }
ul.sitemap il ul li { margin-bottom: 0px;   }
ul.sitemap ul li a { color: blue; font-weight: normal; }


/* Second Tier of Menu / Sitemap */
ul.sitemap li ul { margin: 0px 0px 10px 5px; }
ul.sitemap il ul li { margin-bottom: 0px; }
ul.sitemap ul ul li a { color: green; font-weight: normal; }

/************************************************/
/* Start of Footer								*/
/************************************************/
div.footerWrapper { background: url(/images/Template/backgrounds/footer-bg.jpg) top left repeat-x #092d4d; display: block; }

div.footerContent { width: 955px; margin: 0px auto; padding-bottom: 20px; } 

div.footerContent div.socialMediaWrapper { display: block; position: absolute; margin-left: 750px; margin-top: 3px; width: 200px; }
div.footerContent div.socialMediaWrapper div.icon { display: inline; float: right; }

div.siteMap { display: block; height: 30px; width: 955px; }
div.siteMap ul { display: block; height: 30px; width: 995px;}
div.siteMap ul li { border-left: 1px solid #ffffff; float: left; height: 10px; line-height: 10px; margin: 14px 0px 0px 5px; padding-left: 5px; }
div.siteMap ul li.first { margin-left: 0px; padding-left: 0px; border: none; }
div.siteMap ul li a { color: #ffffff; font-family: Georgia; font-size: 10px; height: 10px; line-height: 10px; text-transform: uppercase; }
div.siteMap ul li a:hover { text-decoration: underline; }

div.footerCopy { display: block; margin-top: 15px; width: 955px; }

div.footerCopy .column1 { width: 290px; }
div.footerCopy .column2 { width: 280px; }
div.footerCopy .column3 { width: 210px; }
div.footerCopy .column4 { width: 175px; }

div.footerCopy .column1,
div.footerCopy .column2,
div.footerCopy .column3,
div.footerCopy .column4
{
	float: left;
}

div.footerCopy
{
	color: #b5b5b5;
	font-family: Georgia;
	font-size: 11px;
}

div.footerCopy a { color: #789ab6; font-size: 11px; text-decoration: underline; }
div.footerCopy a:hover { text-decoration: none; }

div.footerCopy h4
{
	font-weight: bold;
	margin-bottom: 8px;
	text-transform: uppercase;
}

div.footerCopy .column1 h4 { display: none; }

div.footerCopy p 
{
	margin-bottom: 8px;
}

.column1 ul { display: block; height: 15px; margin-bottom: 5px; width: 290px; }
.column1 ul li { display: block; float: left; margin-right: 8px;}

.column1,
.column1 a,
.column1 p a
{	
	color: #789ab6;
	font-family: Georgia;
	font-size: 11px;
}