@charset "utf-8";
/* CSS Document */

body,td,th {
  font-family:Franklin Gothic Book, Arial, Geneva, Helvetica, sans-serif;
  margin:0;
  padding:0;
}
body {
  background-color:#000;
  margin:0;
  padding:0;
}
/* RED Page Links */
a:link {
  color:#E21E26; /* Elston Red */
  text-decoration:none;
  font-weight:bold;
}
a:visited {
  color:#810303; /* Elston Maroon */
  font-weight:bold;
}
a:hover {
  color:#E34141; /* Elston Red Highlight */
  text-decoration:underline;
  font-weight:bold;
}
a:active {
  color:#952B2B; /* Elston Shaded Red */
  text-decoration:none;
  font-weight:bold;
}
a[href^="http:"] {
  padding-right:20px;
  background:url(images/linkstyles/external-www-link.png) no-repeat center right;
}
a[href^="http:"] img {
  background-image:none;
  margin-right:-20px; 
}
a[href^="mailto:"] {
  padding-right:20px;
  background:url(images/linkstyles/mailto-link.gif) no-repeat center right;
}
a[href$=".pdf"] {
  padding-right:18px;
  background:url(images/linkstyles/pdf-link.gif) no-repeat center right;
}
a[href$=".doc"] {
  padding-right:18px;
  background:url(images/linkstyles/word-doc-link.gif) no-repeat center right;
}
a[href$=".docx"] {
  padding-right:18px;
  background:url(images/linkstyles/word-doc-link.gif) no-repeat center right;
}
a[href$=".xls"] {
  padding-right:18px;
  background:url(images/linkstyles/excel-doc-link.gif) no-repeat center right;
}
a[href$=".xml"] {
  padding-right:20px;
  background:url(images/linkstyles/xml-doc_16x14.png) no-repeat center right;
}
a[class ~="popup"] {
  padding-right:20px;
  background:url(images/linkstyles/popup-link_16x16.gif) no-repeat center right;
}
h1,h2,h3,h4 {
  font-family: Arial, Geneva, Helvetica, sans-serif;
}
h1 {
  margin-bottom:0;
  padding-bottom:0;
  color:#FFF;
  text-shadow:#111111 0.4em 0.4em 0.4em, #000000 0.25em 0.25em 0.25em;
}
h2 {
  color:#000;
  padding-top:20px;
}
h3 {
  color:#000;
}
h5 {
  font-size:x-small;
  color:#FFF;
}
h6 {
  font-size:xx-small;
  color:#FFF;
}
p {
  max-width:1000px;
}
fieldset {
  border:none;
  margin:0;
  padding:0;
}
#container {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  overflow:hidden;
  background-color:#810303; /* Elston Maroon */
  background-image:url(images/layout/bgs/top-bar-edge_bg.png);
  background-repeat:repeat-x;
}
#header {
  top:0px;
  left:0px;
  width:100%;
  height:124px;
  vertical-align:middle;
  overflow:auto;
}
#company-logo {
  position:absolute;
  left:12px;
  top:36px;
  width:226px;
  height:76px;
  background-color:#810303; /* Elston Maroon */
}
#heading {
  position:absolute;
  left:250px;
  top:15px;
  height:93px;
  padding-right:1em;
}
#section {
  position:relative;
  left:0px;
  top:0px;
  width:100%;
  overflow:hidden;
  background-color:#810303; /* Elston Maroon */
}
#content-area-wrapper {
  position:relative;
  margin-left:200px;
  top:0px;
  right:0px;
  overflow:hidden;  
  background-color:#FFF;
  background-image:url(images/tiles_vertical.png);
  background-position: -225px 0; /* Nav Side Content Area Shadow */
  background-repeat:repeat-y;
}
#content-area-top-left-corner {
  position:absolute;
  width:43px;
  height:42px;
  background-color:#FFF;
  background-image:url(images/sprites.png);
  background-position: -175px -48px; /* Top Left Content Area Border Curve & Shadow */
  background-repeat:no-repeat;
}
#content-area {
  position:relative;
  margin-left:43px;
  margin-right:0;
  top:0px;
  overflow:hidden;
  background-color:#FFF;
  background-image:url(images/tiles_horizontal.png);
  background-position: 0 -186px; /* Under Header Content Area Shadow */
  background-repeat:repeat-x;
}
#aside {
  float:right;
  width:24%;
  padding-right:3px;
  font-size:small;
}
#content {
  width:72%;
}
#endgame {
  margin:auto;
  margin-bottom:0px;
  padding-top:40px;
  padding-bottom:20px;
  text-align:center;
}
#morecrumbs {
  text-align:left;
  padding-top:20px;
  padding-left:42px;
  padding-bottom:12px;
}
#crumbpath {
  font-size:.6em;
}
#text-links {
  text-align:left;
  padding-left:42px;
  padding-bottom:40px;
  font-family:Franklin Gothic Book, Arial, Geneva, Helvetica, sans-serif;
  font-size:.6em;
}
/* Old text-links UL/LI Code Spot */
#text-links a:link {
  color:#E21E26; /* Elston Red */
  text-decoration:none;
  font-weight:bold;
}
#text-links a:visited {
  color:#810303; /* Elston Maroon */
  text-decoration:none;
  font-weight:bold;
}
#text-links a:hover {
  color:#E34141; /* Elston Bright Red */
  text-decoration:underline;
  font-weight:bold;
}
#text-links a:active {
  color:#952B2B; /* Elston Shaded Red */
  text-decoration:none;
  font-weight:bold;
}
#text-links a[href^="http:"] {
  background-image:none;
}
#text-links ul {
  clear:both;
  margin-bottom:5px;
  padding-bottom:20px;
  border:none;
}
#text-links ul li {
  display:inline;
/* New CSS for Inline UL/LI based text-links: */
  border:#810303 1px solid; /* Elston Maroon */
  border-radius:5px;
  -moz-border-radius:5px;
  color:#FFF;
  background-color:#810303; /* Elston Maroon */
  float: left;
  font-family:Franklin Gothic Book, Arial, Geneva, Helvetica, sans-serif;
  font-weight:bold;
  margin-right:10px;
  margin-bottom:5px;
  padding:0.5em;
}
#text-links ul li:hover a {
  color:#FFF;
  text-decoration:none;
  white-space:nowrap;
  line-height:14px; 
}
#text-links ul li:hover {
  background-color:#E21E26; /* Elston Red */ 
  text-decoration:none;
  text-shadow:#111111 0.3em 0.3em 0.3em, #000000 0.2em 0.2em 0.2em;
  padding:0.5em;
}
#text-links ul a:link, #text-links ul a:visited {
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
  white-space:nowrap;
  padding:0.5em;
}
/* /New CSS for Inline UL/LI based text-links */

#footer {
  position:relative;
  top:0px;
  left:0px;
  margin:0;
  width:100%;
  height:92px;
  text-align:center;
  background-color:#222222; /* Dark Gray */
  background-image:url(/images/tiles_horizontal.png); 
  background-position: 0 -30px; /* Full Footer Background Tile */
  background-repeat:repeat-x;
}
#content-footer {
  position:relative;
  margin-left:200px;
  right:0px;
  height:35px;
  text-align:center;
  font-family:Franklin Gothic Book, Arial, Geneva, Helvetica, sans-serif;
  font-size:.7em;
  background-color:#FFF;
  overflow:auto;
  background-image:url(/images/layout/bgs/lower-right-corner.png);
  background-position:left;
  background-repeat:no-repeat;
}
#footer-content-shadow {
  position:relative;
  margin-left:200px;
  right:0px;
  height:24px;
  text-align:center;
  background-image:url(images/tiles_horizontal.png); 
  background-position: 0 -122px; /* Content Area Footer Shadow */
  background-repeat:repeat-x;
}
#footer-notices {
  text-align:center;
  max-height:50px;
  font-family:Franklin Gothic Book, Arial, Geneva, Helvetica, sans-serif;
  font-size:.7em;
  color:#EEEEEE; /*Bright Gray */
}
#footer-notices p {
  padding-top:3px;
  text-align:center;
}

/* Human Readable HTML Sitemap: */
#sitemap {
  position:relative;
  font-family:Franklin Gothic Book, Arial, Geneva, Helvetica, sans-serif;
}
#sitemap ul {
/*  list-style:none; */
  margin:0;
  text-align:left;
}
#sitemap a:link {
  color:#E21E26; /* Elston Red */
  text-decoration:none; 
  font-weight:bold;
}
#sitemap a:visited {
  color:#810303; /* Elston Maroon */
  text-decoration:none;
  font-weight:bold;
}
#sitemap a:hover {
  color:#E38A41; /* Golden Orange */
  text-decoration:underline;
  font-weight:bold;
}
#sitemap a:active {
  color:#DBDBDB; /* Light Gray */
  text-decoration:none;
  font-weight:bold;
}
#sitemap a[href^="http:"] {
  background-image:none; 
}
/* /Human Readable HTML Sitemap */

#search {
  position:absolute;
  top: 275px;
  left:14px;
  width:173px;
  text-align:center;
  border:none;
}
#search #ajaxSearch_form {
  border:none;
}
#search #ajaxSearch_input {
  width:112px;
}
#search #ajaxSearch_intro {
  display:none;
}
#go-green-promo {
  position:absolute;
  top:325px;
  left:10px;
  width:179px;
  background-color:#222222; 
  background-image:url(images/tiles_vertical.png);
  background-position: 0 0; /* Ad or Promo Dark Textured Background Tile */
  background-repeat:repeat-y;
  color:#60AF71; /* GoGreen Color selected from the Top Part of the Land on the Globe Image */
  font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size:small;
}
#go-green-cap {
  width:179px;
  height:24px;
  background-image:url(images/sprites.png);
  background-position: -175px 0;
  background-repeat:no-repeat;
}
#green-globe-tree {
  margin:auto;
  text-align:center;
  width:120px;
  height:222px;
  background-image:url(images/sprites.png);
  background-position: -175px -90px;
  background-repeat:no-repeat;
}
#go-green-foot {
  width:179px;
  height:24px;
  background-image:url(images/sprites.png);
  background-position: -175px -24px;
  background-repeat:no-repeat;
}
#go-green-promo p {
  padding-left:12px;
  padding-right:10px;
}
#contact-form {
  padding-left:50px;
}

/* Menu Positioning */
#mainmenu {
  position:absolute;
  top:10px;
  left:14px;
  width:175px;
  height:255px;
  margin:0;
  padding:0;
}

/* MENU: */
.menu { /* Sets up the default menu buttons image and the overall size. */
  font-family:Franklin Gothic Book, Arial, Geneva, Helvetica, sans-serif;
  width:175px; 
  height:245px; 
  background: url(images/sprites.png);
  position:relative; 
  margin:0; 
  padding:0;
  display:block;
}
.menu a[href^="http:"] {
  background-image:none;
  margin-right:-18px;
}
.menu a:active, .menu a:visited { /* User Click Interactive Feedback: */
  padding-top: 3px; /* (Allows each link to move 3 pixels down upon click. */
  margin-bottom: -3px; /* (Compensates for extra 3 pixels so that successive links underneath the clicked link do not move down as well.) */
}
/* -=Fly-out Menu Components:=- */
/* Common Styles */
.menu li {
  margin:0; 
  padding:0; 
  list-style: none; /* Rids the UL of bullets, which we do not want. */
  text-indent:0;
}
#levelone ul li a {
  font-size:12px; 
  /* text-indent: -9999em; /* Users with CSS turned-off will still see a text link. Users with CSS will see an interactive menu based on CSS Sprites. */
  height: 35px; /* Some default size seems to be required here.  We are using the height of the tallest button, which is 35px because they are uniformly 35px. */
}
.menu ul li a, .menu ul li a:visited {
  display: block; /* Displays the navigation li and a elements as a block for our required snips of images. */
  margin:0; 
  padding:0;
  text-decoration:none;
  font-weight:bold;
  color:#FFF; 
  width: 175px; /* This is the uniform required width amongst all our menu items (snippets of images). */
  height: 35px; /* As all of our images are the same height, this is easy enough to declare. */
  text-align:center; 
  line-height:35px; 
  font-size:12px;
  text-shadow:none;
}
.menu ul {
  padding:0; 
  margin:0;
  list-style-type: none; 
  text-shadow:none;
}
.menu ul li {
  float:left; 
  margin-right:1px; 
  position:relative;
}
.menu ul li ul {
  display:none;
  text-shadow:none;
}

/* Modern (Non-IE) Browser Styles */
.menu ul li:hover a {
  color:#FFF;
  text-shadow:#111111 0.3em 0.3em 0.3em, #000000 0.2em 0.2em 0.2em;
  width:175px;
  height:35px;
  display:block;
  background-color:#E21E26; /* Elston Red */
  background: transparent url(images/sprites.png) 0 -245px no-repeat; /* Chosen & Approved Menu Button Roll-Over Style */
}
.menu ul li:hover #flyout9 {
  color:#FFF;
  text-shadow:#111111 0.3em 0.3em 0.3em, #000000 0.2em 0.2em 0.2em;
  width:175px;
  height:35px;
  display:block;
  background-color:#E21E26; /* Elston Red */
  background: transparent url(images/sprites.png) 0 -280px no-repeat; /* Chosen & Approved Menu Button Roll-Over Style */
}
.menu ul li:hover ul {
  display:block; 
  position:absolute; 
  top:0; 
  left:175px; 
  width:200px;
}

.menu ul li:hover ul li a.hide {
  background:#DFC184; /* Bright Tan */
  color:#000;
}
.menu ul li:hover ul li:hover a.hide {
  width:240px;
}
.menu ul li:hover ul li ul {
  display:none;
}
.menu ul li:hover ul li a {
  display:block; 
  background:#B3AB79; /* Green Brass */
  color:#000; 
  width:220px;
  text-shadow:none;
  opacity:0.95; /* Standardized Opacity Code */
  filter:alpha(opacity=95); /* Proprietary for IE */
  -moz-opacity:0.95; /* Proprietary for Netscape */
  -khtml-opacity:0.95; /* Proprietary for Older Safari */
}
.menu ul li:hover ul li a:hover {
  background:#BD8D5E; /* Light Brown */
  color:#FFF;
  text-shadow:#111111 0.3em 0.3em 0.3em, #000000 0.2em 0.2em 0.2em;
}
.menu ul li:hover ul li:hover ul {
  display:block; 
  position:absolute; 
  left:240px; 
  top:0; 
  color:#000;
}
.menu ul li:hover ul li:hover ul li a {
  display:block; 
  width:220px; 
  background:#DFC184; /* Bright Tan */
  color:#000;
  opacity:0.95; /* Standardized Opacity Code */
  filter:alpha(opacity=95); /* Proprietary for IE */
  -moz-opacity:0.95; /* Proprietary for Netscape */
  -khtml-opacity:0.95; /* Proprietary for Older Safari */
}
.menu ul li:hover ul li:hover ul li a:hover {
  background:#BD8D5E; /* Light Brown */
  color:#FFF;
  text-shadow:#111111 0.3em 0.3em 0.3em, #000000 0.2em 0.2em 0.2em;
}
/* /MENU */

/* ### Flyout Thumbs: ### */
/* Created by Scott Larson at www.elstonmfg.com Dec 2000 */
/* The following section of code for Flyout Thumbs was derived from the Dynamic Drive CSS Library at http://www.dynamicdrive.com/style/ */
.thumbnail {
  position:relative;
  font-size:80%
}
.thumbnail img {
  margin:0 5px 5px 0;
}
.thumbnail:hover {
  background-color:transparent;
}
.thumbnail span { /*CSS for enlarged image*/
  position:absolute;
  background-color:white;
  padding:5px;
  left:-1000px;
  border:1px solid black;
  visibility:hidden;
  color:black;
  text-decoration:none;
}
.thumbnail span img { /*CSS for enlarged image*/
  border-width:0;
  padding:2px;
}
.thumbnail:hover span { /*CSS for enlarged image*/
  visibility:visible;
  top:-100px;
  left:100px; /*position where enlarged image should offset horizontally */
  z-index:50;
}
/* ### /Flyout Thumbs ### */
		
/* Miscellaneous classes for reuse */
.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. */
  float:left;
  margin-right:8px;
}
.clearfloat { /* This class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float. */
  clear:both;
  height:0px;
  font-size:1px;
  line-height:0px;
}
.container {
  display:table;
}
.row {
  display:table-row;
}
.cell {
  display:table-cell;
}
.B_crumbBox {
  font-size:.8em;
}
.brand a:visited { /* Retains color for Branding on Visited Links (specifically for Footer links with dark gray textured background). */
  color:#E21E26; /* Elston Red:  This can be overwritten to retain Green Links in the GoGreen Style Sheet, when loaded. */
  font-weight:bold;
  text-decoration:none;
}
.brand a[href^="http:"] {
  background-image:none;
  margin-right:-18px;
}
.img-right {
  float:right;
  padding-top:6px;
  padding-left:2em;
  padding-bottom:6px;
  border:0;
}
.img-left {
  float:left;
  padding-top:6px;
  padding-right:2em;
  padding-bottom:6px;
  border:0;
}
.nobgsidebar {
  padding-top:35px;
  padding-left:35px;
  padding-right:35px;
}
.dkbgsidebar {
  color:#FFF;
  padding-top:49px;
}
.dktexture {
  width:100%;
  border:0;
  font-size:6px;
  color:#FFF;
}
.dkbg-topleft {
  width:16px;
  height:18px;
  background-image:url(images/sprites.png);
  background-position: -275px -48px; 
  background-repeat:no-repeat;
  color:#FFF;
}
.dkbg-topedge {
  height:18px;
  background-image:url(images/tiles_horizontal.png);
  background-position: 0 -146px;
  background-repeat:repeat-x;
  color:#FFF;
}
.dkbg-topright {
  width:22px;
  height:18px;
  background-image:url(images/sprites.png);
  background-position: -291px -48px;
  background-repeat:no-repeat;
  color:#FFF;
}
.dkbg-leftedge {
  width:16px;
  background-image:url(images/tiles_vertical.png);
  background-position: -179px 0;
  background-repeat:repeat-y;
  color:#FFF;
}
.dkbg-main {
  background-color:#222222;
  background-image:url(images/layout/sidebar/800_dk-txtr_tile.png);
  background-repeat:repeat;
  font-size:small;
  color:#FFF;
}
.dkbg-rightedge {
  width:22px;
  background-image:url(images/tiles_vertical.png);
  background-position: -195px 0;
  background-repeat:repeat-y;
  color:#FFF;
}
.dkbg-btmleft {
  width:16px;
  height:22px;
  background-image:url(images/sprites.png);
  background-position: -275px -66px;
  background-repeat:no-repeat;
  color:#FFF;
}
.dkbg-btmedge {
  height:22px;
  background-image:url(images/tiles_horizontal.png);
  background-position: 0 -164px;
  background-repeat:repeat-x;
  color:#FFF;
}
.dkbg-btmright {
  width:22px;
  height:22px;
  background-image:url(images/sprites.png);
  background-repeat:no-repeat;
  background-position: -291px -66px;
  color:#FFF;
}
.x-small {
  font-size:x-small;
}
.whitebold {
  color:#FFF;
  font-weight: bold;
}
.footer-text {
  font-size:x-small;
  color:#CCCCCC;
  font-weight:bold;
}
.nobr { /* This class is intended to replace the proprietary Netscape <nobr> tag. Use as element class or in a span. */
  white-space:nowrap;  
}