/**
 * global.styles.css
 *
 * Styles you add here will load for all device sizes, they are "global", as
 * opposed to "responsive" styles, which only load for a given breakpoint (media
 * query) that you set in theme settings. See the README for more details.
 *
 *
 * How to use this file:
 * --------------------
 *
 * The first part of this file is normalize.css with a few modifications to make
 * it work with the Adaptivetheme theme settings, these are commented and there
 * are only a few minor changes.
 *
 * http://github.com/necolas/normalize.css
 *
 * The approach with normalize is to modify it to suit your design, rather than
 * overriding its defaults.
 *
 * Additionally there are many empty selectors and base styles to act as a guide
 * or examples of how you can style Drupal. Nothing is set in stone, you can
 * change anything you want, even delete all of it and start with your own
 * clean slate.
 *
 * Now hack this CSS!
 */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}


/**
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}


/**
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

audio:not([controls]) {
  display: none;
  height: 0;
}


/**
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
  display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * Notes for the HTML and BODY elements:
 *
 * Font Family:
 * If you are using the themes Responsive JS feature (media_queries.js) do not
 * set a font-family on the html element, use body.
 *
 * Font Size:
 * Default font size set in theme settings applies to the body elemet, using any
 * thing other than the 100% reset on the HTML element will result in odd font
 * sizing - only apply a global font size to the body element, or just use the
 * theme settings.
 *
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
  font-size: 100%; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  /* -ms-text-size-adjust: 100%;  2 - Commented, can cause text rendering issues in IE9 */
  line-height: 1.5;
  height: 100%;
  overflow-y: scroll;
}


/* NOTE: Default font size set in theme settings applies to the body element
   so be carefu. */

/**
 * 1. Addresses margins handled incorrectly in IE6/7
 */

body {
  min-height: 100%;
  margin: 0; /* 1 */
  padding: 0;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility\9; /* Only IE, can mess with Android */
}

html {
  font-family: 'Droid Sans', sans-serif;
}

/**
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 *
 * EDIT: removed html element from this stack, it does not play with AT's theme
 * settings for fonts and Responsive JavaScript implementations.
 */

button,
input,
select,
textarea {
  font-family: sans-serif;
}


/* =============================================================================
   Links
   ========================================================================== */

/**
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
  outline: thin dotted;
}


/**
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
  outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/**
 * Font Theme Settings
 *
 * Adaptivetheme includes powerful theme settings for adding webfonts and
 * setting font sizes - you can enable these under "Site Tweaks", simply enable
 * the Fonts setting and start using them. You can choose from standard websafe
 * font stacks, Google fonts, add your own custom stacks, and if you have
 * @font-your-face module installed just set the font to...
 *
 * "-- add selector in theme CSS --"
 *
 * ...and the font will automatically be available to you in theme settings.
 *
 * @see http://drupal.org/project/fontyourface
 *
 * Font Stacks
 *
 * These are the font stacks that used for the websafe fonts
 * in theme settings (if you enabled the Fonts feature). They are
 * included here for easy reference if you prefer to set your fonts
 * in CSS.
 *
 * font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif;
 * font-family: Verdana, Geneva, 'DejaVu Sans', Arial, Helvetica, sans-serif;
 * font-family: Arial, Helvetica, sans-serif;
 * font-family: Calibri, Candara, Arial, Helvetica, sans-serif;
 * font-family: 'Segoe UI', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;
 * font-family: 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Verdana, Geneva, sans-serif;
 * font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif;
 * font-family: Garamond, Perpetua, 'Times New Roman', serif;
 * font-family: Georgia, Baskerville, Palatino, 'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif;
 * font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;
 */

/**
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
  font-size: 1.6em;
  margin: 0.67em 0;
}


h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}


h3 {
  font-size: 1.17em;
  margin: 1em 0;
}


h4 {
  font-size: 1em;
  margin: 1.33em 0;
}


h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}


h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}


/**
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted;
}


/**
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
 */

b,
strong {
  font-weight: bold;
}


blockquote {
  margin: 1em 40px;
}


/**
 * Addresses styling not present in S5, Chrome
 */

dfn {
  font-style: italic;
}


/**
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}


/**
 * Addresses margins set differently in IE6/7
 */

p,
pre {
  margin: 1em 0;
}


/**
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}


/**
 * Improves readability of pre-formatted text in all browsers
 */

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}


/**
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */
q {
  quotes: none;
}


/* 2 */
q:before,
q:after {
  content: '';
  content: none;
}


small {
  font-size: 75%;
}


.smaller {
  font-size: 50%;
}

/**
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}


sup {
  top: -0.5em;
}


sub {
  bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

/**
 * Addresses margins set differently in IE6/7
 */

dl,
menu,
ol,
ul {
  margin: 1em 0;
}


dd {
  margin: 0 0 0 40px;
}


/**
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul {
  padding: 0 0 0 20px;
}


/**
 * Corrects list images handled incorrectly in IE7
 */

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
  /* border: 0;  1 : Drupal core already does this, uncomment if you need it */
  -ms-interpolation-mode: bicubic; /* 2 */
}


/**
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
  overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/**
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
  margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/**
 * Corrects margin displayed oddly in IE6/7
 */

form {
  margin: 0;
}


/**
 * Define consistent border, margin, and padding
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}


/**
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
  border: 0; /* 1 */
  padding: 0;
  white-space: normal; /* 2 */
  *margin-left: -7px; /* 3 */
}


/**
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
  *vertical-align: middle; /* 3 */
}


/**
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
  line-height: normal; /* 1 */
}


/**
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}


/**
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
  cursor: default;
}


/**
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
}


/**
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}


/**
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}


/**
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}


/**
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells
 */

table {
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: inherit;
  font: 100%;
  margin: 10px 0;
  padding: 0;
  width: 100%;
}


table,
thead,
tbody,
tr,
th,
td {
  border-color: #ccc;
}


table.sticky-header {
  z-index: 10;
}


table,
td,
th {
  vertical-align: middle;
}


caption,
th,
td {
  text-align: left;
}


td,
th {
  border-bottom: 0;
  margin: 0;
  padding: 10px; /*5px 15px 5px 0;*/
  vertical-align: top;
}


tbody {
}


tr.even,
tr.odd {
  background: transparent;
}


/* Table row striping */

table.stripped, .stripped table {
  border-top: 1px solid;
  border-right: none;
  border-bottom: 1px solid;
  border-left: none;
}
.stripped table thead tr.
table.stripped thead tr {
  font-weight: 700;
  background-color: #f2f2f2;
  background-color: rgba(0, 0, 0, .15);
}
.stripped table tr.even
.stripped table tr.info,
.stripped table tr:nth-child(2n+2),
table.stripped tr.even,
table.stripped tr.info,
table.stripped tr:nth-child(2n+2) {
  background-color: #DDDDDD;
  /*background-color: #f5f5f5;*/
  /*background-color: rgba(0, 0, 0, .075);*/
}

tr.even {
}


tr.drag {
}


tr.drag-previous {
}


table.stripped tr.odd td.active {
  background-color: #eee;
}


table.stripped tr.even td.active {
  background-color: #f7f7f7;
  background-color: rgba(0, 0, 0, 0.2);
}


/* IE doesn't display borders on table rows */
.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
  border-bottom: 1px solid #ccc;
}


/**
 * Forum tables
 */

/* Core sets white-space to nowrap, which makes no sense at all */
#forum td.created,
#forum td.posts,
#forum td.topics,
#forum td.last-reply,
#forum td.replies,
#forum td.pager {
  white-space: normal;
}


/* =============================================================================
   Page Styling
   ========================================================================== */

/**
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .more-link, etc.
 */

/* Page wrapper, includes the .container class which sets the overall page or
   section width */
#page  {
}


/* Main site header */
#header {
}


/* Wraps the 3 vertical columns - content, sidebar-first and sidebar-second */
#columns {
  padding-top: 0; /*20px;*/
}


/* Floats the main content column */
#content-column {
}


/* Wraps the main-content-header, the content region and feed-icons. Use this
   wrapper to style the entire main content column */
#main-content  {
}


/* Wraps the content region, avoid applying styles to this wrapper, its used
   mainly for position and invisible gutters and can be problematic to style */
#content {
  position: relative;
}


/* Main site footer. */
#footer {
  /* margin-top: 20px; */
}


/* Region wrapper, anything that adds width or positioning can break the layout! */
.region {
}


/* Add borders or other width to the region-inner */
.region-inner {
}


/* Regions can be nested, such as when using Panels module */
.region-inner .region-inner  {
}


/* AT Panels may need additional margin wrangling when in the content region */
#content .at-panel {
}


/* Logo */
#logo {
  padding: 10px 0;
}


#logo img {
  vertical-align: bottom;
  max-width: 98%;
  display: block;
  margin: auto;
}


/* hgroup wrapper for website name and slogan, be careful with display properties
   as this can be hidden */
#name-and-slogan {
}


/* The name of the website */
#site-name {
  margin: 0;
}


#site-name a:link,
#site-name a:visited {
  text-decoration: none;
}


#site-name a:hover,
#site-name a:focus {
}


/* The slogan (or tagline) of a website. */
#site-slogan {
  margin: 0;
}


/* Wrapper for any blocks placed in the header region. */
.region-header {
}


/* Highlighted region */
.region-highlighted {
}


/* Wraps the page title, tabs and actions links. */
#main-content-header {
}


/* The title of the page. */
#page-title {
  margin: 0;
}


/* Important messages (status, warning, and error) for the user. See also the
   declarations in messages.css. */
div.messages  {
  margin: 15px 10px; /* Drupal core uses "6px 0" margin */
}


/* Multiple message of the same type are output as a list */
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}


/* Normal priority messages */
div.status {
}


/* Medium priority messages */
div.warning,
tr.warning  {
}


/* High priority messages. See also the .error declaration below */
div.error,
tr.error  {
}


/* Errors that are separate from div.messages status messages */
.error {
}


/* Warnings that are separate from div.messages status messages */
.warning {
}


/* Unpublished nodes - set here to supply a global style in one place */
.node-unpublished,
.comment-unpublished {
}


/* The word "Unpublished" displayed underneath the content */
.node-unpublished p.unpublished,
.comment-unpublished p.unpublished {
  color: pink; /* target browsers that do not support rgba */
  color: rgba(239, 170, 170, 0.4);
  font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
}


/* Otherwise these elements will appear below the "Unpublished" text. */
.lt-ie8 .node-unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative;
}


/* Help text on a page */
.region-help {
}


/* Link to more help */
.more-help-link  {
}


/* Wrapper for the actual page content */
.region-content {
  
}


/* Akin to a content-bottom region */
.region-aside {
}


/* List of links generated by theme_links(). */
ul.links  {
  margin: 0;
  padding: 0;
}


/* Let the links be inline, but the container be a block. */
ul.links.inline {
  display: block;
}


ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 10px 0 0; /* LTR */
}


/* The link to the RSS or Atom feed for the current list of content */
.feed-icon {
}


/* Aggregator, blog, and forum more link */
.more-link  {
}


/* Aggregator feed source */
#aggregator .feed-source .feed-icon {
  display: inline;
  float: none;
  margin-right: 10px;
}
.feed-details dt,
.feed-details dd {
  display: inline;
  margin: 0;
}


/* Search results are an ordered list so we reset the margin */
.search-results  {
  margin: 0;
}


/*
 * First sidebar
 * Remember to NOT add padding or margin to your .region-sidebar-first.
 */

.region-sidebar-first {
}


/*
 * Second sidebar
 * Remember to NOT add padding or margin to your .region-sidebar-second.
 */

.region-sidebar-second {
}


/*
 * Full Width Wrappers - these are used in the optional
 * page--full-width-wrappers.tpl.php template.
 */

#page-wrapper {
}


#leaderboard-wrapper {
}


#header-wrapper {
  background: #ddd; /* Debug style, is this working? */
}


#nav-wrapper {
}


#breadcrumb-wrapper {
}


#messages-help-wrapper {
}


#secondary-content-wrapper {
}


#content-wrapper {
}


#tertiary-content-wrapper {
}


#footer-wrapper {
  background: #666; /* Debug style, is this working? */
  color: #fff; /* Debug style, is this working? */
}


/* Maintenance pages */
.maintenance-page .container {
  padding: 80px 0;
}


.maintenance-page #site-name,
.maintenance-page #page-title {
  margin: 0;
}


.db-offline .container {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
  max-width: 960px;
}


.db-offline div.messages {
  margin: 20px 0 0;
}


.db-offline #content {
  padding: 20px 0;
}


/* =============================================================================
   Navigation Styling - menus, breadcrumbs, tasks, action links, pager etc
   ========================================================================== */

a {}
a:link    { text-decoration: none; color: #008556; }
a:visited { color: #008556; }
a:hover   { text-decoration: underline; color: #0070B9; }
a:active  {}
a.active  {}


/* Global focus style for links. */
a:active,
a:focus {}


/*
 * Primary, Secondary and Menu Bar region menus
 * Use one of the following id's for granular control:
 *
 * #menu-bar (menu bar region)
 * #primary-menu (main menu)
 * #secondary-menu (secondary/user menu)
 *
 * You can target all of these with .nav or div[id$="menu-bar"]
 */

.nav {
  clear:both;
  /*margin: 10px 0 1px 0 !important;*/
}


.nav ul.menu {
  margin: 0;
}


.nav li,
.nav .menu li {
  display: inline;
  float: left;
  list-style: none;
}


.nav li a,
.nav .menu li a {
  display: block;
  white-space: nowrap;
  padding: 0 10px;
}


.nav ul,
.nav ul.menu,
.nav ul.menu li {
  margin: 0;
  padding: 0;
}


/* Menu bar block */
.nav .block {
  margin-bottom: 0;
}


/*
 * Superfish
 */

ul.sf-menu {
  margin-bottom: 0;
}


ul.sf-menu a {
  border-left: 0;
  border-top: 0;
  padding: 0 10px;
  text-decoration: none;
  height: 2.5em;
  line-height: 2.5em;
}


ul.sf-menu a:link,
ul.sf-menu a:visited  {
}


ul.sf-menu li:hover,
ul.sf-menu li.sfHover,
ul.sf-menu a:focus,
ul.sf-menu a:hover,
ul.sf-menu a:active {
  outline: 0;
}


/* Prevent momentary display of sub menus
ul.sf-vertical li ul,
ul.sf-horizontal li ul,
ul.sf-navbar li ul ul {
  display: none;
}
*/


/* Superfish blocks */
.block-superfish .block-inner,
.block-superfish .block-inner .content {
}


.block-superfish ul,
.block-superfish ul ul,
.block-superfish ul ul ul,
.block-superfish ul ul ul ul,
.block-superfish li {
  margin: 0 !important;
  padding: 0 !important;
}


/* Superfish - Vertical style */
.sf-vertical,
.sf-vertical li {
  width: 100%;
}


.sf-vertical li {}
.sf-vertical li.last {}
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 100%; /* match ul width */
  top:  0;
  margin: 0;
  padding: 0;
}


.sf-vertical li a {
  padding: 0 10px;
}


/* Superfish - Navbar style */
.sf-navbar {
  padding-bottom: 0 !important;
}


/* Sensible padding for the default style */
.sf-menu.sf-style-default a {
  padding: 0 10px;
}


/*
 * Menus
 */

ul.menu {
  padding-left: 15px;
}


ul.menu ul,
ul.menu ul ul,
ul.menu ul ul ul {
  padding-left: 15px;
  margin: 0;
}


ul.menu li {
  margin: 0;
}


ul.menu li.collapsed {
}


ul.menu li.expanded {
}


ul.menu li.leaf {
}


ul.menu li.first {
}


ul.menu li.last  {
}


/*
 * Adaptivetheme can generate .menu-dept classes on li elements, such as
 * .menu-depth-2. To enable this feature you must turn on Extensions in theme
 * settings, then enable Markup Overrides.
 */
ul.menu li.menu-depth-1 {
}


/*
 * Adaptivetheme can generate .menu-item classes on li elements using the menu
 * link id (mlid), such as .menu-item-123, to enable this feature you must turn
 * on Extensions in theme settings, then enable Markup Overrides.
 */
ul.menu li.menu-item-1 {
}


/* Menu item anchors */
ul.menu li a:link,
ul.menu li a:visited {
}


ul.menu li a:hover,
ul.menu li a:focus,
ul.menu li a:active  {
}


ul.menu li.active a  {
}


ul.menu li.active-trail a {
}


.block .menu li.content {
  padding: 0; /* this class (if it exists) could be a problem so reset the padding */
}


/* Book navigation menu */
.book-navigation .menu {
}


#navigation_wrapper {
  background-color: #007833;
  position: relative;
  height: 30px;
  margin: 0.5em 0 1.5em 0;
  /*overflow: hidden;*/
}
#navigation_wrapper h1 {
  font-size: 21px;
  color: #FFFFFF;
  position:absolute;
  top:0;
  left:0;
  margin: 0 0 0 15px;
  z-index: 10;
}
#primary-menu-bar {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
  width: 100%;
  z-index: 5;
}

.at-mt .at-menu-toggle h2 {
  margin:0;
  padding:0 20px 0 0;
  text-align:right;
  font-size: 3em;
  line-height: 0.5em;
  vertical-align:top;
}
.at-mt .at-menu-toggle h2 a {
  /*
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
  */
  /*background-color: #007833; /*5091CD; /* 696B73 gray */
  color: #ffffff;
  display: block;
  width: 100%;
  text-align: right;
  padding: 0;
  text-decoration: none;
}

/* Menu items */
.at-mt .at-menu-toggle ul.menu li a {
  color: #000000;
  background: #CCCCCC;
  border-bottom: 1px solid #007833;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.at-mt .at-menu-toggle ul.menu li a:active {
  background-color: #FFFFFF; /*5091CD; /*84B641;*/
  color: #000000;
}

.menu-toggle {
  padding: 5px 0 0 0;
}

/*
.primary-menu li { overflow: hidden; }
.primary-menu li:hover { color: #000000; /*background-color: #0070B9; /* D77609 orange / /*#5091CD;/ /*FECB00;/ }
*/

.primary-menu li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #FFFFFF; /*#007833; green */ /*#5091CD; blue*/
  padding: 4px 9px !important;  /* padding: 3px 8px !important; */
}

/*
 * Adaptivetheme outputs breadcrumbs as an ordered list. This provides better
 * semantics for breadcrumbs and familiar markup to themers. Breadcrumbs are
 * basically a menu displayed inline, so we mark it up like a real menu.
 */
#breadcrumb {
  margin: 10px 0;
}


#breadcrumb ol {
  margin: 0;
  padding: 0;
}


/* If the label is set to show in theme settings the label class is added */
#breadcrumb .breadcrumb-label {
  font-size: 1em;
  display: inline;
  padding-right: 10px;
}


#breadcrumb .breadcrumb-label:after {
  content: ":";
}


#breadcrumb .with-breadcrumb-label ol {
  display: inline;
}


#breadcrumb li {
  list-style: none;
  display: inline;
}


#breadcrumb a {
}


#breadcrumb a:link,
#breadcrumb a:visited {
}


#breadcrumb a:hover,
#breadcrumb a:focus,
#breadcrumb a:active {
}


/* Pager */
ul.pager {
  clear: both;
  margin: 0;
  text-align: center;
}


.item-list ul.pager li {
  margin: 0;
}


ul.pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: .5em;
}


ul.pager li.pager-current {
  font-weight: 700;
}


.block ul.pager li {
  margin: 0;
}


/* Theme the various states of pager links. */
ul.pager li a:link,
ul.pager li a:visited {
}


ul.pager li a:hover,
ul.pager li a:focus,
ul.pager li a:active {
}


/* Note: .pager-current is for the current page. */
ul.pager li.pager-item  {
}


ul.pager li.first {
}


ul.pager li.last {
}


ul.pager li.pager-current {
}


ul.pager li.pager-first {
}


ul.pager li.pager-previous {
}


ul.pager li.pager-next {
}


ul.pager li.pager-last {
}


/*
 * Skip Navigation - this provides a nice default set of styles for skip navigation,
 * hiding the link until its focused.
 */
#skip-link {
  left: 50%;
  margin-left: -6.5em;
  margin-top: 0;
  padding: 0 0.5em;
  position: absolute;
  width: 12em;
  z-index: 50;
}


#skip-link a,
#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}


#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
  outline: 0;
}


/* Tabs */
#tasks {
  margin-bottom: 20px;
}


ul.primary {
  border-bottom-color:#ccc;
  margin: 20px 0;
  padding: 0 0 0 5px;
}


ul.primary li {
  display: block;
  float: left;
  margin: 0 1px -1px;
}


ul.primary li a {
  background-color: #f5f5f5;
  border-color: #ccc;
  margin-right: 1px;
  padding: 0 10px;
  display: block;
  float: left;
  height: 1.5em;
  line-height: 1.5em;
}


ul.primary li a:hover,
ul.primary li a:focus {
  background-color: #eee;
  border-color: #ccc;
}


ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  background-color: #fff;
  border-bottom-color: #fff;
}


ul.secondary {
  border-bottom: 1px solid #ccc;
  margin: 15px 0 0;
  padding: 0 4px 15px;
}


ul.secondary li {
  border-right: 0;
  list-style: none;
  padding: 0 10px 0 0;
}


ul.secondary li a:hover,
ul.secondary li a.active {
  border-bottom: none;
  text-decoration: underline;
}


/* Action links */
ul.action-links {
  padding: 0;
  list-style: none;
}


ul.action-links li {
}


/* Book navigation */
.book-navigation {
}


.book-navigation .page-links {
}


.book-navigation .page-previous {
}


.book-navigation .page-next {
}


.book-navigation .page-up {
  /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */
  min-width: 2em;
  white-space: nowrap;
}



/* =============================================================================
   Field Styling
   ========================================================================== */

/* Wrapper for any field */
.field {
}


/* Fields with visible labels use section wrappers */
section.field {
}


/* Fields without lablel use div wrappers */
div.field {
}


/*
 * Field Lables
 */

/* Above and inline classes are on the field wrapper */
.field-label-above  {
}


/* When labels are set to inline in field display settings the clearfix class is automatically added */
.field-label-inline  {
}


/* Lables are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues */
.field .field-label  {
  font-size: 1em;
  font-weight: 700;
  font-family: inherit;
  line-height: inherit;
  margin: 0;
}


/*
 * Field types (Core)
 */

/* Image fields use the <figure> and <figcaption> elements from HTML5 */
.field-type-image {
  /* margin-bottom: 1.5em; */
}


/* The .caption class is applied to all captions regardless of view mode */
.field .caption {
}


/* View mode full. */
.field .full-caption {
}


/* View mode teaser. */
.field .teaser-caption {
}


/* Taxonomy fields are output as an unordered list in Adaptivetheme */
.field-type-taxonomy-term-reference {
  margin-bottom: 1.5em;
}


.field-type-taxonomy-term-reference .field-items {
}


.field-type-taxonomy-term-reference .field-item {
}


/* Restyle the list when the label is inline */
.field-type-taxonomy-term-reference.field-label-inline .field-items {
  margin: 0;
  padding: 0;
}


.field-type-taxonomy-term-reference.field-label-inline .field-item {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0; /* LTR */
}


.field-type-text {
}


.field-type-text-long {
}


.field-type-text-with-summary {
}


.field-type-file {
}


.field-type-number-integer {
}


.field-type-number-decimal {
}


.field-type-number-float {
}


.field-type-list-text {
}


.field-type-list-boolean {
}


.field-type-list-integer {
}


.field-type-list-float {
}


/*
 * Field types (Contrib)
 */

.field-type-datetime {
}


.field-type-node-reference {
}


.field-type-user-reference {
}


/*
 * Named fields
 */

.field-name-body {
}


.field-name-field-image {
}


.field-name-field-tags {
}


/* Your custom fields: underscores in field name are replaced with dashes */
.field-name-field-FIELDNAME {
}


/*
 * Image Alignment Theme Settings
 * These are included here so you can easily override them if required
 */

/* Float none setting */
.ia-n .field-type-image {
}


/* Float left setting */
.ia-l .field-type-image {
  margin: 0.5em 15px 1.5em 0;
}


/* Centered setting */
.ia-c .field-type-image {
  margin: 0.5em auto 1.5em;
}


/* Float right setting */
.ia-r .field-type-image {
  margin: 0.5em 0 1.5em 15px;
}


/* =============================================================================
   Block Styling
   ========================================================================== */

/* Block wrapper */
.block {
  /* margin-bottom: 20px; */
}


/* Block inner wrapper, used mainly for gutter margins */
.block-inner {
}


/* The first block in the region */
.block.first {
}


/* The last block in the region */
.block.last {
}


/* Zebra striping for each block in the region */
.block.odd {
}


/* Zebra striping for each block in the region */
.block.even {
}


/* Block title */
.block-title {
  margin: 0;
}


/* Block content wrapper */
.block-content {
}


/* Match item list and block menu margin and padding */
.block-content ul,
.block-content ol {
  padding: 0 0 0 15px;
}


/* Match item list and block menu margin and padding */
.block-content li {
  margin: 0;
  padding: 0;
}


/* Block for the latest news items in the first category */
#block-aggregator-category-1 {
}


/* Block for the latest news items in the first feed */
#block-aggregator-feed-1 {
}


/* First block created with "Add block" link */
#block-block-1 {
}


/* "Recent blog posts" block */
#block-blog-recent {
}


/* "Book navigation" block for the current book's table of contents */
#block-book-navigation {
}


/* "Recent comments" block */
#block-comment-recent {
}


/* "Active forum topics" block */
#block-forum-active {
}


/* "New forum topics" block */
#block-forum-new {
}


/* Language switcher block */
#block-locale-language {
}


/* Custom menu block  */
#block-menu-menu-NAME {
}


/* "Recent content" block */
#block-node-recent {
}


/* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */
#block-node-syndicate {
}


/* "Most recent poll" block */
#block-poll-recent {
}


/* "Author information" block for the profile of the page's author */
#block-profile-author-information {
}


/* "Search form" block */
#block-search-form {
}


/* "Shortcuts" block */
#block-shortcut-shortcuts {
}


/* "Popular content" block */
#block-statistics-popular {
}


/* "Main menu" block */
#block-system-main-menu {
}


/* "Management" block for Drupal management menu */
#block-system-management {
}


/* "Navigation" block for Drupal navigation menu */
#block-system-navigation {
}


/* "User menu" block for Drupal user menu */
#block-system-user-menu {
}


/* "System help" block */
#block-system-help {
}


/* "Main page content" block */
#block-system-main {
}


/* "Powered by Drupal" block */
#block-system-powered-by {
}


/* "User login form" block */
#block-user-login {
}


/* "Who's new" block for a list of the newest users */
#block-user-new {
}


/* "Who's online" block for a list of the online users */
#block-user-online {
}


/* =============================================================================
   Node Styling
   ========================================================================== */

/* Node wrapper */
.node  {
  margin-bottom: 20px;
}


/* Preview of the content before submitting new or updated content */
.preview .node {
  /* background-color: #ffffea; Drupal core uses a #ffffea background */
}


/* A node that has been promoted to the front page */
.node-promoted {
}


/* A sticky node (displayed before others in a list) */
.node-sticky {
}


/* A node created by the current user */
.node-by-viewer {
}


/* A node displayed as teaser */
.node-teaser {
}


/* Zebra stripe node lists */
.node.odd {
}


.node.even {
}


/*
 * All nodes are given a node-[content-tyopt] class. If you create a new content
 * type called "my-custom-type", it will receive a "node-my-custom-type" class.
 */

/* Page content node */
.node-page {
}


/* Article content node */
.node-article {
}


/* Book content node */
.node-book {
}


/* Forum content node */
.node-forum {
}


/* Poll content node */
.node-poll {
}


/* Node title */
.node-title {
  margin: 0;
}


/* The picture of the node author */
.node .user-picture {
}


/* The "posted by" information */
.node .submitted {
}


/* The "posted by" user */
.node .submitted .username {
}


/* The "posted by" datetime wrapper */
.node .submitted  time {
}


/* Node's content wrapper */
.node .node-content {
}


/* Node links. See also the ul.links declaration in the pages.css. */
.node ul.links  {
}


/* Classes to style links */
.node ul.links li a {}
.node ul.links li.node-read-more a {}
.node ul.links li.comment-add a {}
.node ul.links li.comment-comments a {}
.node ul.links li.comment-new-comments a {}
.node ul.links li.blog-sernames-blog a {}
.node ul.links li.print-html a {}
.node ul.links li.print-email a {}
.node ul.links li.print-pdf a {}


/* =============================================================================
   Comment Styling - Comments, comment wrapper, comment form
   ========================================================================== */

/* Wrapper for the list of comments and its title */
#comments {
  margin: 1.5em 0;
}


/* Heading for the list of comments */
#comments h2.comment-title {
  margin: 0;
}


/* Heading for the comment form */
#comments h2.comment-form {
  margin: 0;
}


/* Wrapper for a single comment */
.comment {
  margin-bottom: 20px;
}


/* Preview of the comment before submitting new or updated comment */
.comment-preview {
  background-color: #ffffea;
}


/* The first comment in the list of comments */
.comment.first {
}


/* The last comment in the list of comments */
.comment.last {
}


/* An odd-numbered comment in the list of comments */
.comment.odd {
}


/* An even-numbered comment in the list of comments */
.comment.even {
}


/* Comment is new for the current user */
.comment-new {
}


/* A comment created by an anonymous user */
.comment-by-anonymous {
}


/* A comment created by the node's author */
.comment-by-node-author {
}


/* A comment created by the current user */
.comment-by-viewer {
}


/* The comment title is hidden using element-invisible */
.comment-title-hidden {
}


/* Comment user picture are enabled */
.comment-with-picture {
}


/* User signatures are enabled */
.comment-with-signature {
}


/* Comment title */
.comment-title {
  margin: 0;
}


/* "New" marker for comments that are new for the current user */
.new {
  color: #c00;
}


/* The picture of the comment author */
.comment .user-picture {
}


/* The "posted by" information wrapper (uses the footer element) */
.comment .submitted {
}


/* Submitted by elements are wrapped in a paragraph, is the equivalent to .comment footer.submitted > p */
.comment .submitted p {
}


/* Submitted by user name is wrapped in a span or an link depending on user permissions to view user profiles */
.comment .submitted .username {
}


/* Submitted by time element */
.comment .submitted time  {
}


/* The user's signature */
.comment .user-signature {
}


/* Comment links. See also the ul.links declaration in the pages.css. */
.comment ul.links {
}


/* Nested comments are indented */
.indented {
  /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
}


/* =============================================================================
   Misc overrides for contrib modules
   ========================================================================== */

/* Admin menu overrides */
#admin-menu {
  margin: 0;
  padding: 0;
}


/* Devel Module */
.dev-query {
  background: #eee;
  padding: 30px;
}


/* Styleguide module tweaks */
#styleguide-header {
  padding: 0 10px;
}

#styleguide-header .item-list {
  font-family: inherit;
  margin: 0 20px 20px 0;
  min-height: 260px;
  width: auto;
}


/*******  MOBILE-FIRST SPACING  *******/

.pane-content h1, .pane-content h2, .pane-content h3,
.pane-content h4, .pane-content h5, .pane-content h6,
.pane-content p { padding:0 2%; }

/*.pane-content ul, .pane-content ol { padding:0 0 0 40px; }*/



/* custom */

.clear { clear:both; }

.italics { font-style: italic; }
.emphasis { font-style: italic; font-weight: bold; }
.bold { font-weight: bold; }

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }

.halfWidth { width: 50%; float: left; }
.thirdWidth { width: 33% !important; max-width: 33% !important; }
.maxWidth200 { max-width: 200px !important; }

.red { color: #900; }
.gray { color: #777777; font-style: italic; }

.vTop { vertical-align: top; }

.minWidth100 img { min-width: 100%; }

.leftPadding10 .pane-content, .leftPadding10 { padding-left: 10px; }

.fontSize125 { font-size: 110%; }

.rowThirds { vertical-align: top; padding: 5px 0; max-width: 360px; }

.small { font-size: small; }

.articleDate .date-display-single { font-style: italic; font-size: 14px; font-weight: bold; }

#inTheNews { list-style: none; padding: 0; margin: 0.5em 0 0 0; }

#inTheNews li { margin-bottom: 13px; }

#inTheNews li a { text-decoration: none; }

.blueHeader {
  background-color: #5091CD; /*0070B9*/
  color: #FFFFFF;
  padding: 3px 3px 3px 7px;
  margin-bottom: 0.3em;
  font-size: 120%;
}

.twoColumnTableRow { width: 50%; padding: 0 0 20px 0; }
.twoColumnTableRow .field-content { margin-bottom: 0; }
.twoColumnTableRow img { border: 1px solid #999; }

.overflowHidden { overflow: hidden; }

.floatLeft { float: left; }
.floatRight { float: right; }

.displayInline { display:inline !important; }

.topMargin0 { margin-top: 0 !important; }
.topMargin1 { margin-top: 1em !important; }
.topMargin2 { margin-top: 2em !important; }
.topMargin3 { margin-top: 3em !important; }
.topMargin4 { margin-top: 4em !important; }
.topMargin5 { margin-top: 5em !important; }

.leftMargin0 { margin-left: 0 !important; }
.leftMargin1 { margin-left: 1em !important; }
.leftMargin2 { margin-left: 2em !important; }
.leftMargin3 { margin-left: 3em !important; }

.rightMargin0 { margin-right:  !important; }
.rightMargin1 { margin-right: 1em !important; }
.rightMargin2 { margin-right: 2em !important; }
.rightMargin3 { margin-right: 3em !important; }

.bottomMargin0 { margin-bottom: 0 !important; }
.bottomMargin1 { margin-bottom: 1em !important; }
.bottomMargin2 { margin-bottom: 2em !important; }
.bottomMargin3 { margin-bottom: 3em !important; }
.bottomMargin5 { margin-bottom: 5em !important; }
.bottomMargin10 { margin-bottom: 10em !important; }

.marginBottom0 { margin-bottom: 0 !important; }
.marginBottom1 { margin-bottom: 1em !important; }
.marginBottom2 { margin-bottom: 2em !important; }
.marginBottom3 { margin-bottom: 3em !important; }

#purposeStatement { clear:both; margin: 1.5em 0; border-top:2px inset #007833; border-bottom:2px inset #007833; }

#homeQuickLinks { margin-top: 2em; }
#homeQuickLinks ul, #homeQuickLinks li { list-style: none; }
#homeQuickLinks ul { padding:0; }
#homeQuickLinks li { margin-bottom: 10px; }


.imageBox { max-width:100%; display:inline-block; margin:0 1em 1.5em 0; vertical-align:top; }
.imageBox img { vertical-align: top; }
.imageBox p { margin: 0.5em 0 0 0; }

#personHeaderBreaker { height:10px; border-bottom:2px solid #000; margin: -1em 0 3em 0; }

.inlineList { list-style:none; }
.inlineList li { margin-bottom: 2em !important; display:inline-block; }
/* .inlineList li:first-child { margin-left: 0; } -- moved to responsive.desktop.css */
/* .inlineList li:nth-child(3n+4) { margin-left: 0; } -- moved to responsive.desktop.css */
.inlineListItem { display:inline-block; list-syle:none; vertical-align: top; }
.inlineListItemThirds { display:inline-block; list-syle:none; vertical-align: top; width: 360px; }
.inlineListItemTwoThirds { display:inline-block; list-syle:none; vertical-align: top; width: 720px; }

/*
.homepageSplashWrapper {
  position:relative;
  height:450px;
  width:1140px;
}
.homepageSplashImage {
  position:absolute;
  left:0;
}
*/
/*.homepageSplashImage { display:none; }*/
/*.homepageSplashImage:nth-of-type(1) { display:block; }*/

/********* Homepage Highlight Rotator *******/
/*
@-webkit-keyframes homepageFadeInOut {
 0% { opacity:1; }
 17% { opacity:1; }
 25% { opacity:0; }
 92% { opacity:0; }
 100% { opacity:1; }
}

@-moz-keyframes homepageFadeInOut {
 0% { opacity:1; }
 17% { opacity:1; }
 25% { opacity:0; }
 92% { opacity:0; }
 100% { opacity:1; }
}

@-o-keyframes homepageFadeInOut {
 0% { opacity:1; }
 17% { opacity:1; }
 25% { opacity:0; }
 92% { opacity:0; }
 100% { opacity:1; }
}

@keyframes homepageFadeInOut {
 0% { opacity:1; }
 17% { opacity:1; }
 25% { opacity:0; }
 92% { opacity:0; }
 100% { opacity:1; }
}

.homepageSplashWrapper {
  position:relative;
  height:450px;
  width:1140px;
}
.homepageSplashImage {
  position:absolute;
  left:0;
}

.homepageSplashImage {
  -webkit-animation-name: homepageFadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 28s;

  -moz-animation-name: homepageFadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 28s;

  -o-animation-name: homepageFadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 28s;

  animation-name: homepageFadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 28s;
}
.homepageSplashImage:nth-of-type(1) {
  -webkit-animation-delay: 21s;
  -moz-animation-delay: 21s;
  -o-animation-delay: 21s;
  animation-delay: 21s;
}
.homepageSplashImage:nth-of-type(2) {
  -webkit-animation-delay: 14s;
  -moz-animation-delay: 14s;
  -o-animation-delay: 14s;
  animation-delay: 14s;
}
.homepageSplashImage:nth-of-type(3) {
  -webkit-animation-delay: 7s;
  -moz-animation-delay: 7s;
  -o-animation-delay: 7s;
  animation-delay: 7s;
}
.homepageSplashImage:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}
*/
/**********************************/


.splashImage {
  position: relative;
  /*max-width: 720px;*/
  max-width: 800px;
  overflow: hidden;
}
.splashImage2 {
  position: relative;
  max-width: 1140px;
  overflow: hidden;
}
.splashImage img {
  vertical-align: top;
  min-width: 100%;
}
.splashImage2 img {
  vertical-align: top;
  min-width: 100%;
}
#splashHeader, #splashHeader2 {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 10px 2% 10px 2%;
  background-color: #007833; /*008438*/
  color: #FFFFFF !important;
  width: 96%;
  font-size: 1.75em;
  text-shadow: 2px 2px #333333;
  background: rgb(0, 120, 51); /* Fallback for web browsers that don't support RGBa */
  background: rgba(0, 120, 51, 0.6); /* RGBa with 0.6 opacity */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99007833, endColorstr=#99007833); /* For IE 5.5 - 7*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99007833, endColorstr=#99007833)"; /* For IE 8*/
}
#splashCaption2 { display:none; }

.splashHeader a {
  color: #FFFFFF !important;
  text-decoration: none;
}
.splashHeader a:hover {
  text-decoration: underline;
}
/*
.splashText {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px 2% 10px 2%;
  background-color: #007833;
  color: #FFFFFF !important;
  width: 96%;
  opacity: 0.9;
/*
  float:left;
  margin: -30px 0 0 0;
  position: relative;
  z-index: 100;
/
}
*/

.brightGreenSplash #splashHeader {
  background-color: #007833; /*84B641;*/
  background: rgb(0, 120, 51); /*132, 182, 65);*/
  background: rgba(0, 120, 51, 0.8); /*132, 182, 65, 0.6);*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99007833, endColorstr=#99007833); /* 84B641);*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99007833, endColorstr=#99007833)";
}
.brightGreenSplash .sidebarMenu h2 { background-color: #007833; /*84B641*/ !important; text-shadow: 2px 2px #444; color: #FFFFFF; }

.orangeSplash #splashHeader {
  background-color: #DE762D;
  background: rgb(222, 118, 45);
  background: rgba(222,118, 45, 0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99DE762D, endColorstr=#99DE762D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99DE762D, endColorstr=#99DE762D)";
}
.orangeSplash .sidebarMenu h2 { background-color: #DE762D !important; text-shadow: 2px 2px #444; color: #FFFFFF; }
.tealSplash #splashHeader {
  background-color: #1A9D96;
  background: rgb(26,157,150);
  background: rgba(26,157,150, 0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#991A9D96, endColorstr=#991A9D96);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#991A9D96, endColorstr=#991A9D96)";
}
.tealSplash .sidebarMenu h2 { background-color: #1A9D96 !important; text-shadow: 2px 2px #444; color: #FFFFFF; }

.redSplash #splashHeader {
  background-color: #88332E;
  background: rgb(136, 51, 46);
  background: rgba(136, 51, 46, 0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9988332E, endColorstr=#9988332E);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9988332E, endColorstr=#9988332E)";
}
.redSplash .sidebarMenu h2 { background-color: #88332E !important; text-shadow: 2px 2px #444; color: #FFFFFF; }

.blueSplash #splashHeader {
  background-color: #5091CD;
  background: rgb(80, 145, 205);
  background: rgba(80, 145, 205, 0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#995091CD, endColorstr=#995091CD);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#995091CD, endColorstr=#995091CD)";
}
.blueSplash .sidebarMenu h2 { background-color: #5091CD !important; text-shadow: 2px 2px #444; color: #FFFFFF; }

.purpleSplash #splashHeader {
  background-color: #62003F;
  background: rgb(99, 0, 64);
  background: rgba(99, 0, 64, 0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9962003F, endColorstr=#9962003F);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9962003F, endColorstr=#9962003F)";
}
.purpleSplash .sidebarMenu h2 { background-color: #62003F !important; text-shadow: 2px 2px #444; color: #FFFFFF; }
 
.yellowSplash #splashHeader {
  background-color: #FECB00;
  background: rgb(254, 203, 0);
  background: rgba(254, 203, 0, 0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FECB00, endColorstr=#99FECB00);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FECB00, endColorstr=#99FECB00)";
}
.yellowSplash .sidebarMenu h2 { background-color: #FECB00 !important; text-shadow: 2px 2px #444; color: #FFFFFF; }


/*******    HOMEPAGE ITEMS    *******/

#purposeStatement p { text-align: center; }


/******* generalContent class added to Page Content for default variant *******/
.generalContent {}
.generalContent img { float:right; margin: 0 0 1em 1em; }


.pageImage480 { float:right; width:480px; margin:0 0 1em 1em; }
.pageImage480 img {}
.pageImage480 p { font-style:italic; }


.profilePage #content h1 { font-size: 1.5em; margin:1em 0; }
.profilePage #content h2 { border-bottom: 2px solid #88332E; }
.profilePage #content h3 { text-transform: uppercase; }
.profilePage .profileInfo {}
.profilePage .profileInfo p { margin: 0.5em 0; }

.instrumentPage #content h2, .publicationsPage #content h2,
.instrumentPage .region-tertiary-content h2, .publicationsPage .region-tertiary-content h2 { border-bottom: 2px solid #88332E; }
.instrumentPage #content h3, .publicationsPage #content h3,
.instrumentPage .region-tertiary-content h3, .publicationsPage .region-tertiary-content h3  { text-transform: uppercase; }

.instrumentSidebarBlock { border:1px solid #999; background-color:#EFEFEF; margin-left: 20px }
.instrumentSidebarBlock .pane-inner { margin-left: 0 !important; }
.instrumentSidebarBlock h2 { color: #FFFFFF; background-color: #88332E; /*#999999;*/ padding-left: 15px; /*text-shadow: 0 0 1px #000;*/ }
.instrumentSidebarBlock .pane-content { padding-left: 15px; }

.instrumentSidebarBlock img { border:1px solid #999 }

#articleHeaderFigure figcaption { display:none; }

#header {
/*
  background-color: #FFFFFF;
  background-image: url("images/header-bar.png");
  background-repeat: no-repeat ;
  background-position: left bottom; /*70px;*/
/*  padding-bottom: 35px; /*10px;*/
}

#page-wrapper, .container {
  /*background-color: #FFFFFF;*/
  position: relative;
}

.pane-title {
  margin: 0 0 0.5em 0;
}

#headerExternalLinks { display:none; }

.alpha60 {
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(0, 0, 0);
  /* RGBa with 0.6 opacity */
  background: rgba(0, 0, 0, 0.6);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.floatRight img { float:right; margin:0 0 1em 1em; }


.headshotImage {
  position: relative;
  /*max-width: 720px;*/
  /*max-width: 800px;*/
  overflow: hidden;
}
.headshotImage img {
  vertical-align: top;
  min-width: 100%;
}
#headshotHeader {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 10px 2% 10px 2%;
  background-color: #007833; /*008438*/
  color: #FFFFFF !important;
  width: 96%;
/*  opacity: 0.85;*/
  font-size: 1.75em;
  line-height:normal;
  text-shadow: 2px 2px #333333;
  /* Fallback for web browsers that don't support RGBa */
  background: rgb(0, 120, 51);
  /* RGBa with 0.6 opacity */
  background: rgba(0, 120, 51, 0.6);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99007833, endColorstr=#99007833);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99007833, endColorstr=#99007833)";
  /*
  float:left;
  margin: -30px 0 0 0;
  position: relative;
  z-index: 100;
  */
}
#headshotHeader a {
  color: #FFFFFF !important;
  text-decoration: none;
}
#headshotHeader a:hover {
  text-decoration: underline;
}

hr { border: 1px solid gray; height: 2px; background-color: gray; }

#tileGrid {

}

#tileGrid {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

#tileGrid li {
  list-style: none;
  display: inline-block;
  min-height: 250px;
  float: left;
}

.tileBox {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 10px 0;
  vertical-align: top;
  box-shadow: 0 0 2px 1px #CCCCCC;
  overflow: hidden;
  /*background-color: #EFEFEF;*/
/*
  background-color: #DE762D;
  background: rgb(222, 118, 45);
  background: rgba(222,118, 45, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99DE762D, endColorstr=#99DE762D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99DE762D, endColorstr=#99DE762D)";
*/
}
.tileBox h2 {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  font-size: 26px;
  padding: 4px 0 4px 50px !important;
  margin: 0;
  height: 40px;
  width: 100%;
  background-color: #23AB2E;
  background-repeat: no-repeat;
  background-position: 5px center;
}
.tileBox h3 {
  font-size: 18px;
  padding: 2% 0 0 2% !important;
}
.tileBox p {
  font-size: 18px;
  padding: 1% 2% !important;
/*
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 1%;
  margin: 0;
  font-size: 19px;
  color: #ffffff;
  background: rgb(0,0,0);
  background: rgba(0,0,0, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99DE762D, endColorstr=#99DE762D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99DE762D, endColorstr=#99DE762D)";
*/
}
.tileBox a { /*color: #FFFFFF;*/ border-bottom: 1px dashed #EFEFEF; }
.tileBox img { min-width: 100%; }

.doubleTile { width: 760px; }

.lastBox { }

.facilityTile {
  height: 350px;
  background-color: #EFEFEF;
}
.facilityTile h2 {
  background-color: #007833; /*84B641;*/
  /*background-image: url("/sites/all/themes/at_panels_everywhere/css/images/icons/gear-icon.png");*/
  padding-left:2% !important;
}
.facilityTile h2 a { color: #FFF; text-decoration:none; border:none; }
.facilityTile p { font-size: 110%; }

.userInfoTile {
  background-color: #EFEFEF;
}

.usersTile {
  height: 350px;
}
.usersInfoTile h2, .usersTile h2 {
  background-color: #DE762D;
  background-image: url("/sites/all/themes/at_panels_everywhere/css/images/icons/profile-icon.png");
}

.usersInfoTile h3, .usersInfoTile p, .usersInfoTile span,
.usersTile h3, .usersTile p, .usersTile span {
  padding: 1% 2%;
}
.usersTile span { display: block; }

.usersTile h2 {
  /*background-color: #DE762D;*/
  background-color: rgb(222,118,45);
  background-color: rgba(222,118,45,0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99DE762D, endColorstr=#99DE762D);
  background-image: url("/sites/all/themes/at_panels_everywhere/css/images/icons/profile-icon.png");
}
.usersTile p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1% 2%;
  margin: 0;
  font-size: 16px;
  color: #ffffff;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.7);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.usersTile a { color: #ffffff; }

.purposeTile {
  height: 350px;
}
.purposeTile h2 {
  background-color: #23AB2E;
  background-image: url("/sites/all/themes/at_panels_everywhere/css/images/icons/profile-icon.png")
}

.newsTile {
  height: 350px;
}
.newsTile h2 {
  /*background-color: #5091CD;*/
  background-color: rgb(80,145,205);
  background-color: rgba(80,145,205,0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#995091CD, endColorstr=#995091CD);
  background-image: url("/sites/all/themes/at_panels_everywhere/css/images/icons/news-icon.png");
}
.newsTile p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1% 2%;
  margin: 0;
  font-size: 16px;
  color: #ffffff;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.7);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.newsTile a { color: #ffffff; }

.eventTile {
  height: 350px;
}
.eventTile h2 {
  /*background-color: #23AB2E;*/
  background-color: rgb(35,171,46);
  background-color: rgba(35,171,46,0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9923AB2E, endColorstr=#9923AB2E);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9923AB2E, endColorstr=#9923AB2E)";
  background-image: url("/sites/all/themes/at_panels_everywhere/css/images/icons/event-icon.png");
}
.eventTile p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1% 2%;
  margin: 0;
  font-size: 16px;
  color: #ffffff;
  background: rgb(0,0,0);
  background: rgba(0,0,0, 0.7);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.eventTile a { color: #ffffff; }

.profileTile {
  height: 475px;
}
.profileTile h2 {
  background-color: #DE762D;
  background-image: url("/sites/all/themes/at_panels_everywhere/css/images/icons/profile-icon.png");
}

.imageTile {
  height: 350px;
}
.imageTile h2 {
  /*background-color: #62003F;*/
  background-color: rgb(98,0,63);
  background-color: rgba(98,0,63, 0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9962003F, endColorstr=#9962003F);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9962003F, endColorstr=#9962003F)";
  background-image: url("/sites/all/themes/at_panels_everywhere/css/images/icons/profile-icon.png");
}
.imageTile p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1% 2%;
  margin: 0;
  font-size: 16px;
  color: #ffffff;
  background: rgb(0,0,0);
  background: rgba(0,0,0, 0.7);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.imageTile a { color: #ffffff; }


/*******    Instrument Status    *******/

#pageRefreshControl { float:right; width:300px;  }
#pageRefreshControl p { vertical-align: central; }
#pageRefreshControl img { display:inline; }

#instrument-data { min-height: 500px; }
#instrument-data h3 {}
#instrument-data p { margin:0 0 0.5em 0; }


/*******    FLEXSLIDER    *******/

#homepageFlex { border: none; box-shadow: none; margin: 0 0 40px 0; }
#homepageFlex .slides { overflow: hidden; }
#homepageFlex .slides .field-content { margin:0; }
#homepageFlex .flex-caption {
  /*position: absolute;
  bottom:0;*/
  width: 100%;
  color: #FFFFFF;
  padding: 10px;
  background: rgb(0, 120, 51);
  background: rgba(0, 120, 51, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99007833, endColorstr=#99007833);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99007833, endColorstr=#99007833)";
}
#homepageFlex .flex-caption a, #homepageFlex .flex-caption a:link,
#homepageFlex .flex-caption a:visited, #homepageFlex .flex-caption a:active { color: #FFF; }
#homepageFlex .flex-caption a:hover {}
#homepageFlex .flex-control-nav { vertical-align: top; }


/*******    PUBLICATION PAGES    *******/

/*.publicationsPage #content ul { padding-left:0; list-style:none; }*/
/*.publicationsPage #content ul li { margin-bottom: 0.8em; }*/
.publicationsList { padding-left:0; list-style:none; }
.publicationsList li { margin-bottom: 1em; }

.horizontalListTight { margin:1.5em 0.5em; padding: 0.5em 0; list-style:none; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.horizontalListTight li { display:inline; padding-right:7px; vertical-align: middle; }



.button {
  display: inline-block;
  zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px 1em;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Arial, Helvetica, sans-serif;
  color: #ffffff;
  background-color: #007833;
  padding: .7em 2em .75em;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: .5em; 
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  width: auto; /*25%;*/
  font-size: 130%;
}
a.button, a.button:visited { color: #fff !important; }

.blueButton {
  /*display: inline-block;*/
  zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  vertical-align: baseline;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Arial, Helvetica, sans-serif;
  color: #ffffff;
  background-color: #0070B9;
  padding: 0.7em !important;
  margin: 0 2px 1em;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: .5em; 
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  width: auto; /*25%;*/
  font-size: 130%;
}
a.blueButton, a.blueButton:visited { color: #fff !important; }


/*******  HIDE ADVANCED SEARCH  *******/
.search-advanced { display:none; }


/**** Header and Footer - from ORNL ***/

.MenuWrapper
{
    display: none; /*block;*/
    float: right;
    height: 20px; /*margin: -2em 0 0 19.8%;*/
    margin: -1em 0em 2em 0;
    /* margin: 1.4em 0 0 3.2%\0/; */
	padding: 0;
    width: 704px;
}

.MenuWrapper ul.mainMenu
{
    margin: 0;
    padding: 5px 0 0 10px;
    text-align: left;
}

.MenuWrapper ul.mainMenu li
{
    border-right: 1px solid #CECFCE;
    box-shadow: 1px 0 1px #FFFFFF;
    color: #008556;
    display: inline-block;
    float: none;
    list-style-type: none;
    padding: 0 1.9% 0 1%;
    text-align: left;
    text-transform: uppercase;
}

.MenuWrapper ul.mainMenu li.current1 a
{
    color: #333;
}

.MenuWrapper ul.mainMenu li.link4
{
    padding: 0 0 0 8px;
    border: medium none;
}

.MenuWrapper ul.mainMenu li.first
{
    padding: 0 13px 0 0;
}

.MenuWrapper ul.mainMenu li.last
{
    border: medium none;
    box-shadow: 0 0 0 #FFFFFF;
    padding: 0 0 0 8px;
}

.MenuWrapper ul.mainMenu li.link4
{
    border: medium none;
    box-shadow: 0 0 0 #FFFFFF;
    padding: 0 0 0 8px !important;
}

.MenuWrapper ul.mainMenu li a
{
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    color: #008556;
    font-family: 'Droid Sans', 'Trebuchet MS', serif;
    font-size: 18px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal !important;
    height: 0 !important;
    line-height: 36px;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #fff;
}

.MenuWrapper ul.mainMenu li.currentPage a
{
    color: #333;
}

.MenuWrapper ul.mainMenu li ul, .MenuWrapper ul.mainMenu li ul li ul,
.MenuWrapper ul.mainMenu li ul li:hover ul, .MenuWrapper ul.mainMenu li:hover ul li.hasChildren ul
{
    display: none;
}

.MenuWrapper ul.mainMenu li:hover
{
    cursor: pointer;
}

.MenuWrapper ul.mainMenu li:hover a
{
    color: #333;
}

.MenuWrapper ul.mainMenu li:hover ul
{
    display: block;
    position: absolute;
    z-index: 100;
    background: rgb(223, 241, 234);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZjFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgb(223, 241, 234) 0%, rgb(255, 255, 255) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(223, 241, 234)), color-stop(100%, rgb(255, 255, 255)));
    background: -webkit-linear-gradient(top, rgb(223, 241, 234) 0%, rgb(255, 255, 255) 100%);
    background: -o-linear-gradient(top, rgb(223, 241, 234) 0%, rgb(255, 255, 255) 100%);
    background: -ms-linear-gradient(top, rgb(223, 241, 234) 0%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to bottom, rgb(223, 241, 234) 0%, rgb(255, 255, 255) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dff1ea', endColorstr='#ffffff', GradientType=0 );
    width: 750px;
    margin: 0;
    padding: 0;
}

.MenuWrapper ul.mainMenu li:hover ul
{
    margin-top: -2px;
}

.MenuWrapper ul.mainMenu li.link3:hover ul, .MenuWrapper ul.mainMenu li.link4:hover ul
{
    width: 450px;
}

.MenuWrapper ul.mainMenu li.link2:hover ul
{
    width: 550px;
}

.MenuWrapper ul.mainMenu li.link3:hover ul
{
    margin-left: -228px;
}

.MenuWrapper ul.mainMenu li.link4:hover ul
{
    margin-left: -310px;
}

.MenuWrapper ul.mainMenu li.link3:hover ul li, .MenuWrapper ul.mainMenu li.link4:hover ul li
{
    width: 200px;
}

.MenuWrapper ul.mainMenu li.link2:hover ul li
{
    width: 250px;
}

.MenuWrapper ul.mainMenu li ul li
{
    margin: 0px 6px 0 6px;
    padding: 6px !important;
    list-style: none;
    width: 350px; /*min-height: 80px;*/
    display: block;
    float: left;
    border-bottom: dotted 1px #c1c0c0;
    border-right: none;
    box-shadow: 0px 0 0px #FFFFFF;
}

/*.MenuWrapper ul.mainMenu li:hover ul li.previousTolast, .MenuWrapper ul.mainMenu li:hover ul li.lastOne{border-top:none}*/
.MenuWrapper ul.mainMenu li ul li:hover
{
    background-color: #008556;
    cursor: pointer;
}

.MenuWrapper ul.mainMenu li ul li span
{
    display: block;
    color: #000000;
    font: bold 13px "Lucida Sans Unicode" , "Lucida Sans" , "Lucida Grande" , sans-serif;
}

.MenuWrapper ul.mainMenu li ul li:hover span
{
    color: #ffffff;
}

.MenuWrapper ul.mainMenu li ul li a
{
    color: #008556;
    font: 12px "Lucida Sans Unicode" , "Lucida Sans" , "Lucida Grande" , sans-serif;
    text-decoration: none;
}

.MenuWrapper ul.mainMenu li ul li a:active, .MenuWrapper ul.mainMenu li ul li a:visited, .MenuWrapper ul.mainMenu li ul li a:link
{
    color: #008556;
}

.MenuWrapper ul.mainMenu li ul li:hover a
{
    color: #ffffff;
    text-shadow: 0px 0px 0px #fff;
}

.MenuWrapper ul.mainMenu li ul li a:visited
{
    color: #008556;
}

.MenuWrapper ul.mainMenu li ul li a:hover
{
    color: #ffffff;
    text-decoration: none;
}

.MenuWrapper ul.mainMenu li ul li a:active
{
    color: #008556;
}


/*******   ORNL FOOTER    *******/

.copyFooterWrapper { background-color: #008556; width: 100%; margin: 3em 0 0 0; }
.copyFooterContainer { margin: 0 auto; max-width: 1000px; padding: 15px 0; }

.copyFooterContainer h3
{
    color: #FFFFFF;
    font: italic 18px/24px 'Droid Serif' , serif;
    margin: 0 auto;
    text-align: center;
    width: 95%;
}

.fatFooterLevel01Wrapper
{
    background: url("http://www.ornl.gov/images/bg_footer_level01.png") repeat-x scroll center top #EFEFEF;
    display: block; /*min-height: 421px;*/
    width: 100%;
}

.fatFooterLevel01Container
{
    margin: 0 auto;
    max-width: 1000px;
    padding: 1.563em 0 2.563em 1.25em;
}

.fatFooterLevel01Container .firstColumn
{
    display: block;
    float: left;
    margin-left: 1.4%;
    width: 46%;
}

.fatFooterLevel01Container .secondColumn
{
    display: block;
    float: left;
    margin-left: 3em;
    width: 21.8%;
}

.fatFooterLevel01Container .thirdColumn
{
    display: block;
    float: left;
    margin-left: 2.375em;
    width: 20.8%;
}

.fatFooterLevel01Container .firstColumn div, .fatFooterLevel01Container .secondColumn div,
.fatFooterLevel01Container .thirdColumn div
{
    color: #464646;
    font: 1.313em/1.5em 'Droid Sans' , Arial, sans-serif;
    margin: 0 0 0.438em;
    text-shadow: 1px 1px 1px #FFFFFF;
    text-transform: uppercase;
}

.fatFooterLevel01Container .firstColumn div a, .fatFooterLevel01Container .secondColumn div a,
.fatFooterLevel01Container .thirdColumn div a
{
    color: #464646;
}

.fatFooterLevel01Container ul
{
    margin: 0;
    padding: 0;
}

.fatFooterLevel01Container ul li
{
    color: #008556;
    font: 0.813em/1.938em "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    list-style: none outside none;
    margin: 0.188em 0;
}

.fatFooterLevel01Container ul li a
{
    border-bottom: 1px dashed #CDCDCD;
    color: #008556;
    list-style: none outside none;
    text-decoration: none;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.fatFooterLevel01Container ul li a:hover
{
    text-decoration: underline;
}

.fatFooterLevel01Container ul li span
{
    color: #464646;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding-right: 0.938em;
    text-align: right;
    width: 13.5%;
}

.fatFooterLevel01Container .firstColumn li a
{
    display: inline-block;
    width: 84%;
}

.fatFooterLevel01Container .secondColumn li a
{
    display: inline-block;
    width: 96%;
}

.fatFooterLevel01Container .thirdColumn li a
{
    display: inline-block;
    width: 99%;
}

.fatFooterLevel02Wrapper
{
    background: url("http://www.ornl.gov/images/bg_footer_level02.png") repeat-x scroll center top #DEDEDE;
    display: block;
    /*min-height: 220px;*/
    width: 100%;
}

.fatFooterLevel02Container
{
    margin: 0 auto;
    max-width: 1000px;
    /*padding: 1.563em 0 2.563em 0.938em;*/
    overflow: hidden;
}

.fatFooterLevel02Container .Column
{
    display: block;
    float: left;
    margin-right: 1.6%;
    padding-left: 1.4%;
    width: 22.4%;
}

.fatFooterLevel02Container .last
{
    margin-right: 0;
}

.fatFooterLevel02Container .Column span
{
    border-bottom: 1px dashed #CDCDCD;
    color: #464646;
    font: 1.313em/1.5em 'Droid Sans' , Arial, sans-serif;
    margin: 0;
    padding-bottom: 0.438em;
    text-shadow: 1px 1px 1px #FFFFFF;
    text-transform: uppercase;
    display: block;
}

.fatFooterLevel02Container .Column span a
{
    color: #464646;
}

.fatFooterLevel02Container ul
{
    margin: 0;
    padding: 0;
}

.fatFooterLevel02Container ul li
{
    border-bottom: 1px dashed #CDCDCD;
    color: #008556;
    font: 0.813em/1.875em "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    list-style: none outside none;
}

.fatFooterLevel02Container ul li a
{
    color: #008556;
    list-style: none outside none;
    text-decoration: none;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.fatFooterLevel02Container ul li a:hover
{
    text-decoration: underline;
}

.footerWrapper
{
    background: url("http://www.ornl.gov/images/bg_footer.png") repeat-x scroll center top #F2F2F2;
    display: block;
    /*min-height: 375px;*/
    width: 100%;
}

.footerContainer
{
    margin: 0 auto;
    max-width: 1140px;
    padding: 1.563em 0 0.938em;
}

.whiteContainer
{
  /*
    background-color: #FFFFFF;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  */
    color: #7D7D7D;
    display: block;
    float: left;
    font: 0.688em "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    margin-right: 1.6%;
    /*min-height: 13.38em;*/
    padding: 1.4%;
    width: 20.8%;
}

.whiteContainer h5
{
    color: #444444;
    font: 2em/1.313em "droid Sans";
    margin: 0 0 0.438em;
    text-transform: uppercase;
}

.whiteContainer a
{
    color: #008556;
    text-decoration: none;
}

.whiteContainer a:hover
{
    text-decoration: underline;
}

.whiteContainer img
{
    float: left;
    margin: 0.75em 0.75em 0 0;
}

#askOrnl { width: 30%; margin-right: 10% }

#stayConnected { width: 25% }

#ctl12_ctlFooter_FooterContent2_ctl00 p { margin:0; }

.footerContainer .logo
{
    border: medium none;
    float: right;
    margin-left: 25px;
    padding-top: 10px;
    width: 202px;
}

.footerNavSep
{
    border-bottom: 1px solid #DCDCDC;
    box-shadow: 0 4px 0 -3px #FFFFFF;
    display: block;
    height: 7px; /*1.563em;*/
    width: 100%;
}

.footerNav
{
    margin: 0;
    padding: 0.625em 0;
    text-align: center;
    width: 100%;
}

.footerNav ul
{
    margin: 0 auto;
    padding: 0;
    width: 70%;
}

.footerNav ul li
{
    display: inline-block;
    float: none;
    list-style-type: none;
    margin: 0;
    padding: 0 1%;
    white-space: nowrap;
}

.footerNav a
{
    font: 0.688em/2em "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    padding: 0 1%;
    text-shadow: 1px 1px 1px #FFFFFF;
}