@charset "utf-8";
html {height: 101%;}

body {
	background-color: #fff;
	margin: 0;
	padding: 0px;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it 
	away from any elements that follow. */
	padding-right: 5px;
	padding-left: 5px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div 
	with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color:#2A5DB0;
	text-decoration: none;
}
a:visited {
	color: #2A5DB0;
	text-decoration: none;
}

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
	color: white;
	border-bottom: 1px solid Black;
    
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */

.container {
	width: 80%;
	max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. 
	IE6 does not respect this declaration. */
	min-width: 1000px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. 
	IE6 does not respect this declaration. */
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	padding-top: 0px;
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */

.topheader {
	background-color: #dfdedf;
	padding: 4px 20px 4px 20px;
	font-size: .9em;
	font-weight: normal;
	color: #131758;
}


.header {
	background-color: #00318A;
	min-height: 110px;
	padding: 10px 10px 10px 10px;
	border-bottom: ridge;
	border-bottom-color: #00318A;
	font-size:14px;
}

.globalNav {
	background-color: #dfdedf;
	min-height: 20px;
	padding: 5px 15px 5px 15px;
}
	


/* ~~ These are the columns for the layout. ~~ 

1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.

3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.

4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.

*/

#pageNav {
	float: left;
	width: 15%;
	height:100%;
	background-color: #fff;
	padding-bottom: 5px;
	vertical-align: top;
	clear: both;
}

.content {
	padding: 10px 5px;
	width: 100%;
	float: center;
	border-left: #cfcdc3 inset thin;
	border-right:#cfcdc3 inset thin;
}

.sidebar2 {
	float: left;
	width: 23%;
	background-color: #fff;
	padding: 5px;

}

#headlines {
	float: right;
	width: 22%;
	padding: 5px;
	margin-left: 8px;
	border-left: #cfcdc3 inset thin;
	border-bottom: #cfcdc3 inset thin;
}



/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	list-style: none; /* this removes the list marker */
	border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	font-size: 16px;
}
ul.nav li {
	border-bottom: 1px solid #666; /* this creates the button separation */
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	background-color: #fff;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #8896c1;
	color: #FFF;
}
#content {
	padding-bottom: 30px;
}
/* ~~The headings in content ~~ */
#content h1 {
	font-size: 18px;
}

#content h2 {
	font-size: 16px;
}

#content h3 {
	font-size: 1.1em;
	color: #131758;
	padding: 4px 0px 4px 4px;
	font-weight: bold;
}

#headlines h3 {
	font-size: 1.1em;
	color: #993300;
	padding: 4px 0px 4px 4px;
	font-weight: bold;
	text-align:center;
	border-bottom: #cfcdc3 inset thin;
}

.sectHead {
	font-size: 1.1em;
	color: #131758;
	padding: 4px 0px 4px 4px;
	font-weight: bold;
}

/* ~~The footer ~~ */
.footer {
	padding: 10px 0;
	background-color: #dfdedf;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	font-size: .8em;
	text-align:center;
	border-top: #cfcdc3 inset thin;
}

/* ~~The second footer for other logos and links ~~ */
.footer2 {
	padding: 10px 0;
	background-color: #fff;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	font-size: .8em;
	text-align:center;
	border-top: #cfcdc3 inset thin;
}



/* ~~miscellaneous float/clear classes~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.container .header a {
	color: #FFF;
	padding-top: 50px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-decoration: none;
}

#logo-loc {
	float:left;
}

#loc {
	color: #dfdedf;
	text-align: center;
	clear: both;
}
.container .topheader a {
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	vertical-align: baseline;
}
#search {
	margin-top: 4px;
	margin-right: 20px;
	padding-bottom: 2px;
}
.container .sidebar1 h4 a {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #131758;
	text-indent: 10px;
	padding: 10px;
}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
#content ul, #content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for 
	space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
	overflow: hidden;
	line-height:1.5em;
}

#pageNav {
	float: left;
	width: 205px;
	padding: 0px;
	margin-right:6px;
	background-color: #fff;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#pageNav section h3{
	background color: #006699;
}
/************ sectionLinks styles **************/

#sectionLinks{
	font: #003366;
	font-size: .9em;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
}

#sectionLinks h3{
	padding: 5px;
	font-weight: bold;
	background-color: #6779A3;
	color: #FFFFFF;
}

#sectionLinks h3 a{
	padding: 5px;
	font-weight: bold;
	background-color: #6779A3;
	color: #FFFFFF;
}


#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #FFFFFF;
	padding: 3px 3px 3px 10px;
	color: #333;
	text-decoration: none;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	color: #858585;
	background-color: #FFFFFF;
	background-image: none;
	text-decoration: none;
}

.Current_ID {
	font-weight: bold;
	background-color: #FFFFFF;
}
/************* relatedLinks styles **************/

.relatedLinks {
	font-size: .8em;
}
	
.relatedLinks a:link, .relatedLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	padding: 3px 5px 3px 5px;
	color: #333;
	text-decoration: none;
}

.relatedLinks a:hover {
	border-top: 1px solid #cccccc;
	color: #858585;
	background-color: #FFFFFF;
	background-image: none;
	text-decoration: none;
}

.relatedLinks h4 {
	padding: 3px;
	font-weight: bold;
	background-color: #6779A3;
	color: #fff;
}

.relatedLinks h4 a:link, .relatedLinks h4 a:visited{
	border: none;
	padding: 5px;
	font-weight: bold;
	background-color: #6779A3;
	color: #fff;
}

.relatedLinks h4 a:hover {
	color: #6779A3;
	background-color: #FFFFFF;
	background-image: none;
	text-decoration: none;
}
.relatedLinks h3 {
	padding: 3px;
	font-weight: bold;
	color: #6779A3;
	background-color: #fff;
	border-bottom: thin solid #6779A3;
	border-top: thin solid #6779A3;
}

.relatedLinks h3 a:link, .relatedLinks h3 a:visited{
	border: none;
	padding: 5px;
	font-weight: bold;
	background-color: #6779A3;
	color: #fff;
}

.relatedLinks h3 a:hover {
	color: #6779A3;
	background-color: #FFFFFF;
	background-image: none;
	text-decoration: none;
}
/*
  This file contains the basic logic for nice menus, and should not be
  edited.  To customize the menus, it's recommended to create a custom CSS
  file using nice_menus_default.css as a template, then configure the module
  to use your custom CSS file (this is done in the global settings tab of
  the theme administration.)
*/

/* Below should fix menu being a few pixels away in some themes, and menus disappearing behind other stuff. */
.block-nice-menus {
  line-height: normal;
  z-index: 10;
}

ul.nice-menu,
ul.nice-menu ul {
  z-index: 5;
  position: relative;
}

ul.nice-menu li {
  position: relative;
}

ul.nice-menu a {
  display: block;
  /*Default to Blue, but override as necessary*/
  color: #027AC6;
}

ul.nice-menu ul,
/* For Garland header. */
#header-region ul.nice-menu ul {
  position: absolute;
  visibility: hidden;
}

ul.nice-menu li.over ul {
  visibility: visible;
}

ul.nice-menu ul li {
  display: block;
}

ul.nice-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Show submenus when over their parents. */
ul.nice-menu li:hover ul,
ul.nice-menu li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.over ul,
ul.nice-menu li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul,
/* Repeat all this stuff just for Garland headers. */
#header-region ul.nice-menu li:hover ul,
#header-region ul.nice-menu li.menuparent li:hover ul,
#header-region ul.nice-menu li.menuparent li.menuparent li:hover ul,
#header-region ul.nice-menu li.over ul,
#header-region ul.nice-menu li.menuparent li.over ul,
#header-region ul.nice-menu li.menuparent li.menuparent li.over ul {
  visibility: visible;
}

/* Hide sub-menus initially. */
ul.nice-menu li:hover ul ul,
ul.nice-menu li:hover ul ul ul,
ul.nice-menu li:hover li:hover ul ul,
ul.nice-menu li:hover li:hover ul ul ul,
ul.nice-menu li:hover li:hover li:hover ul ul,
ul.nice-menu li:hover li:hover li:hover ul ul ul,
ul.nice-menu li.over ul ul,
ul.nice-menu li.over ul ul ul,
ul.nice-menu li.over li.over ul ul,
ul.nice-menu li.over li.over ul ul ul,
ul.nice-menu li.over li.over li.over ul ul,
ul.nice-menu li.over li.over li.over ul ul ul,
/* Repeat all this stuff just for Garland headers. */
#header-region ul.nice-menu li:hover ul ul,
#header-region ul.nice-menu li:hover ul ul ul,
#header-region ul.nice-menu li:hover li:hover ul ul,
#header-region ul.nice-menu li:hover li:hover ul ul ul,
#header-region ul.nice-menu li:hover li:hover li:hover ul ul,
#header-region ul.nice-menu li:hover li:hover li:hover ul ul ul,
#header-region ul.nice-menu li.over ul ul,
#header-region ul.nice-menu li.over ul ul ul,
#header-region ul.nice-menu li.over li.over ul ul,
#header-region ul.nice-menu li.over li.over ul ul ul,
#header-region ul.nice-menu li.over li.over li.over ul ul,
#header-region ul.nice-menu li.over li.over li.over ul ul ul {
  visibility: hidden;
}

/***************
 IE 6 Fixes
***************/

/* Iframe to fix z-index bug when menu hovers over <select> fields. */
ul.nice-menu li.menuparent ul,
/* For Garland header. */
#header-region ul.nice-menu li.menuparent ul {
	overflow: visible !important;
	/* overflow: hidden; */
}

ul.nice-menu li.menuparent ul iframe,
/* For Garland header. */
#header-region ul.nice-menu li.menuparent ul iframe {
	display: none;
	display/**/: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask();
	width: 20px;
	height: 20px;
}
/*
  This is the default layout template for nice menus, and will provide
  a starting point for the look of your menus. To customize, it's
  recommended to create a custom CSS file using this file as a template,
  then configure the module to use your custom CSS file
  (this is done in the global settings tab of the theme administration.)

  See README.txt and the handbook page (http://drupal.org/node/185543)
  for more information on using the CSS.
*/

/******************************
 Global CSS for ALL menu types
******************************/

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #ccc;
  line-height: 2.0em;
  background-color:#DBDBDB;
  background-image:url(/assets/libraries/nice_menus/bg_navbar.jpg);
  background-repeat:repeat-x;
}

ul.nice-menu li {
  border: 1px solid #ccc;
  border-top: 0;
  float: left; /* LTR
  background-color: #eee; */
}

ul.nice-menu a {
  padding: 0.3em 5px 0.3em 5px;
  color: #006;
  text-decoration: none;
}

ul.nice-menu ul {
  top: 1.8em;
  left: -1px; /* LTR */
  border: 0;
  border-top: 1px solid #ccc;
  margin-right: 0; /* LTR */
}

ul.nice-menu ul li {
  width: 12.5em;
}

/******************************
 VERTICAL (left/right) menus
******************************/

/* This is the default width of all vertical menus. */
ul.nice-menu-right, ul.nice-menu-left,
ul.nice-menu-right li, ul.nice-menu-left li {
  width: 12.5em;
}

/* VERTICAL menus where submenus pop RIGHT (default). */
ul.nice-menu-right ul {
  width: 12.5em;
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-right ul ul {
  width: 12.5em;
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
  background: #eee url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li li.menuparent:hover {
  background: #ccc url(arrow-right.png) right center no-repeat;
}

/* VERTICAL menus where submenus pop LEFT. */
ul.nice-menu-left li ul {
  width: 12.5em;
  left: -12.65em;
  top: -1px;
}

ul.nice-menu-left li ul li ul {
  width: 12.5em;
  left: -12.65em;
  top: -1px;
}

ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent {
  background: #eee url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-left li.menuparent:hover,
ul.nice-menu-left li li.menuparent:hover {
  background: #ccc url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-left a, ul.nice-menu-left ul a {
  padding-left: 14px;
}

/******************************
 HORIZONTAL (down) menus
******************************/

ul.nice-menu-down {
  /* float: left; LTR */
  border: 0;
}

ul.nice-menu-down li {
  border-top: 1px solid #ccc;
}

ul.nice-menu-down li li {
  border-top: 0;
}

ul.nice-menu-down ul {
  left: 0; /* LTR */
}

ul.nice-menu-down ul li {
  clear: both;
}

ul.nice-menu-down li ul li ul {
  left: 12.5em; /* LTR */
  top: -1px;
}

ul.nice-menu-down .menuparent a {
  padding-right: 15px; /* LTR */
}

ul.nice-menu-down li.menuparent {
  background: #eee url(/assets/libraries/nice_menus/arrow-down.png) right center no-repeat; /* LTR */
}

ul.nice-menu-down li.menuparent:hover {
  background: #ccc url(/assets/libraries/nice_menus/arrow-down.png) right center no-repeat; /* LTR */
}

ul.nice-menu-down li li.menuparent {
  background: #eee url(/assets/libraries/nice_menus/arrow-right.png) right center no-repeat; /* LTR */
}

ul.nice-menu-down li li.menuparent:hover {
  background: #ccc url(/assets/libraries/nice_menus/arrow-right.png) right center no-repeat; /* LTR */
}

/******************************
 Garland-specific CSS
******************************/

/**
 * Global CSS for ALL menu types
 */
ul.nice-menu li {
  margin: 0;
  padding-left: 0; /* LTR */
  background-image: none;
}

#header-region ul.nice-menu li {
  margin: 0;
  /* Padding rules are needed to deal with Garland's header line-height. */
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  background: #eee;
}

#header-region ul.nice-menu ul {
  top: 1.8em;
  left: -1px; /* LTR */
  border: 0;
  border-top: 1px solid #ccc;
  margin-right: 0; /* LTR */
}

#header-region ul.nice-menu ul {
  top: 1.7em;
}

/**
 * HORIZONTAL (down) menus
 */
#header-region ul.nice-menu-down li ul li ul {
  left: 12.5em; /* LTR */
  top: -1px;
}

#header-region ul.nice-menu-down li.menuparent {
  background: #eee url(arrow-down.png) right center no-repeat; /* LTR */
}

#header-region ul.nice-menu-down li.menuparent:hover {
  background: #ccc url(arrow-down.png) right center no-repeat; /* LTR */
}

#header-region ul.nice-menu-down li li.menuparent {
  background: #eee url(arrow-right.png) right center no-repeat; /* LTR */
}

#header-region ul.nice-menu-down li li.menuparent:hover {
  background: #ccc url(arrow-right.png) right center no-repeat; /* LTR */
}

ul.nice-menu li{border:0px;}
#navbar{font-size:.9em;}
#navbar .wrap-center{float:left;text-decoration:none;}
#navbar ul{margin:0;padding:0px 0px 0px 12px;line-height:2.0em;list-style:none;z-index:998;opacity:0.9999;border:0px;position:relative;}
html>body #navbar{opacity:1;}
#navbar li{margin:0;padding:0;float:left;list-style:none;list-style-image:none;position:relative;z-index:999;}
#navbar li.last{border-right:none;}
#navbar a,#navbar a:visited{margin:0;padding:0 .9em;display:block;overflow:hidden;background:#dbdbdb url(/assets/libraries/nice_menus/bg_navbar.jpg) repeat-x;border:none;color:#006;font-size:0.9em;font-weight:normal;text-decoration:none;}
#navbar a:hover,#navbar a:visited:hover,#navbar .active-trail a.active:hover,#navbar .active-trail a:hover{background:#fff none repeat scroll 0 0;color:#00318A;}
#navbar li.hover a,#navbar li.hover a:hover,#navbar li.over a,#navbar li.over a:hover,#navbar li.menuparent a:hover,#navbar li.active-trail.over a,#navbar li.active-trail.hover a{background:#fff none repeat scroll 0 0;color:#00318A;}
#navbar .active-trail a,#navbar .active-trail a.active{background:#dbdbdb url(/assets/libraries/nice_menus/bg_navbar.jpg) repeat-x;color:#006;}
#navbar li.active-trail a{background:#dbdbdb url(/assets/nice_menus/bg_navbar.jpg) repeat-x;}
#navbar ul ul{width:15em;margin:0 0 0 -1px;padding:0;position:absolute;top:2.0em;left:0;z-index:1000;background-color:#fff;border:1px solid #ddd;border-top:0;color:#555;line-height:1.25em;}
#navbar ul ul li{width:15em;margin:0;padding:0;display:block;position:relative;text-align:left;line-height:normal;border-right:none;}
#navbar li .expanded ul{margin:-2.65em 0 0 15em;}
#navbar ul ul li a,#navbar ul ul li a:visited,#navbar ul li.active-trail ul li a,#navbar .sfHover ul li a{padding:0.5em 1.25em 0.5em 0.75em;display:block;overflow:hidden;background:none;background-color:#fff;border-bottom:solid 1px #eee;color:#555;font-size:0.9em;font-weight:normal;text-decoration:none;}
#navbar ul ul li.last a{border-bottom:none;}
#navbar ul ul li a:hover,#navbar ul ul li a:visited:hover{background:#dfdfdf!important;color:#00318A!important;}
#navbar ul li.active-trail ul li a.active{color:#006;background-color:#fff;background-image:none;}
#navbar ul ul ul{display:none!important;margin:0;left:15em;top:0;z-index:1001;border:solid 1px #ddd;}
#navbar ul ul li.active-trail ul,#navbar ul ul li.expanded ul{left:0;top:2.75em;position:absolute;}
#navbar ul ul li.collapsed ul{left:15em;top:0;}
#navbar ul ul li.expanded,#navbar ul ul li.collapsed{}


#headerNav{font-size:1.05em;margin-top:0em;float:right;text-align:left;}
#headerNav img{margin-bottom:7px;margin-right:4px;}
#headerNav .wrap-center{float:left;text-decoration:none;}
#headerNav ul{margin:0;padding:0px 0px 0px 12px;line-height:1.5em;list-style:none;z-index:1000;opacity:1;border:0px;margin-right:1em;background: #00318A;position:relative;}
html>body #headerNav{opacity:1;}
#headerNav li{margin:0;padding:0;float:left;list-style:none;list-style-image:none;position:relative;z-index:999;}
#headerNav li.last{border-right:none;}
#headerNav a,#headerNav a:visited{margin:0;padding:0 .9em;display:block;overflow:hidden;background:#00318A;border:none;color:#FFF;font-size:0.9em;font-weight:normal;text-decoration:none;}
#headerNav a:hover,#headerNav a:visited:hover,#headerNav .active-trail a.active:hover,#headerNav .active-trail a:hover{text-decoration:underline;}
#headerNav li.hover a,#headerNav li.hover a:hover,#headerNav li.over a,#headerNav li.over a:hover,#headerNav li.menuparent a:hover,#headerNav li.active-trail.over a,#headerNav li.active-trail.hover a{text-decoration:underline;}
#headerNav .active-trail a,#headerNav .active-trail a.active{background:#fff;color:#006;}
#headerNav li.active-trail a{background:#fff;}
#headerNav ul ul{width:10em;margin:0 0 0 -1px;padding:0;position:absolute;top:2.0em;left:0;z-index:1000;background-color:#fff;border:1px solid #ddd;border-top:0;color:#555;line-height:1.25em;}
#headerNav ul ul li{width:10em;margin:0;padding:0;display:block;position:relative;text-align:left;line-height:normal;border-right:none;}
#headerNav li .expanded ul{margin:-2.65em 0 0 10em;}
#headerNav ul ul li a,#headerNav ul ul li a:visited,#headerNav ul li.active-trail ul li a,#headerNav .sfHover ul li a{padding:0.5em 1.25em 0.5em 0.75em;display:block;overflow:hidden;background:none;background-color:#fff;border-bottom:solid 1px #eee;color:#555;font-size:0.9em;font-weight:normal;text-decoration:none;}
#headerNav ul ul li.last a{border-bottom:none;}
#headerNav ul ul li a:hover,#headerNav ul ul li a:visited:hover{background:#dfdfdf!important;color:#00318A!important;}
#headerNav ul li.active-trail ul li a.active{color:#006;background-color:#fff;background-image:none;}
#headerNav ul ul ul{display:none!important;margin:0;left:15em;top:0;z-index:1001;border:solid 1px #ddd;}
#headerNav ul ul li.active-trail ul,#headerNav ul ul li.expanded ul{left:0;top:2.75em;position:absolute;}
#headerNav ul ul li.collapsed ul{left:10em;top:0;}
#headerNav ul ul li.expanded,#headerNav ul ul li.collapsed{}

a.button, a.button:visited {
	-moz-box-shadow:inset 0px 1px 0px 0px #4571d1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #4571d1;
	box-shadow:inset 0px 1px 0px 0px #4571d1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #013175), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #013175 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#013175', endColorstr='#378de5');
	background-color:#013175;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #8597f2;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:1.1em;
	font-weight:bold;
	padding:8px 24px;
	text-decoration:none;
	text-shadow:1px 1px 8px #000000;
}a.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #013175) );
	background:-moz-linear-gradient( center top, #378de5 5%, #013175 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#013175');
	background-color:#378de5;
	color:#ffffff;
}a.button:active {
	position:relative;
	top:1px;
}