/* *
 * 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, .pager, .more-link, etc. */

/* * Body */

body {
  margin: 0;
  padding: 0;
  background: url("../images/main_header_full.png") no-repeat scroll center top #FFF;
}
body.front {
  background: url("../images/main_header_full.png") no-repeat scroll center top #FFF
}
body.front.logged-in {
  background: url("../images/main_header_full.png") no-repeat scroll center 10px #FFF;
  padding:0px;
}
body.toolbar-drawer {
    padding-top: 0em;
}
#page-wrapper {}
body.not-front #page {
  background: #FFF;
}
#main-wrapper {
  margin: 0 auto;
  width: 970px;
}
/* * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css. */

#skip-link a, #skip-link a:visited {
  position: absolute;
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  /*  background-color: #666; */
  color: #000000;
  z-index: 0;
}
/* * Header */

#page #header {
  /*height: 190px;*/
  /*height: 157px;*/
  height: inherit;
}
#header .section {} #navigation {
  background: url("../images/navbar-bg.png") repeat-x scroll 0 0 #000;
  height: 60px;
  position: relative;
  width: 100%;
  z-index: 25 !important;
}
#logo/* Wrapping link for logo */ {
  float: right;
  /* LTR */
  margin: -9px 15px 5px;
  padding: 0;
}
.logged-in #logo/* Wrapping link for logo */ {
  margin: 0px 15px 5px
}
#logo img {
  vertical-align: bottom
}
#name-and-slogan/* Wrapper for website name and slogan */ {
  float: left
}
h1#site-name, div#site-name/* The name of the website */ {
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}
#site-name a:link, #site-name a:visited {
  /*  color: #000; */
  color: #999999;
  text-decoration: none;
}
#site-name a:hover, #site-name a:focus {
  text-decoration: underline;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  color: #000000;
}
#site-slogan/* The slogan (or tagline) of a website */ {}
 .region-header/* Wrapper for any blocks placed in the header region */ {
  clear: both;
  /* Clear the logo */
  /*  height: 25px;*/
}

/* * Search Bar */
#search-block-form .container-inline {
  height: 24px
}
#search-block-form .container-inline div {
  //top: 0;
  display: table-cell;
  vertical-align: top;
}
#search-block-form .container-inline .form-item-search-block-form {
  height: 24px;
  padding: 1px 0 0 0;
}
#search-block-form .container-inline .form-actions {
  height: 24px;
  padding: 0 0 0 4px;
}
/* * Views Slideshow on Frontpage */
.logged-in .view-id-home_block_view #views_slideshow_cycle_main_home_block_view-block .home_slider_image {
  position: relative;
  top: 0;
}
#views_slideshow_cycle_main_home_block_view-block .home_slider_image {
  float: right;
  height: 329px;
}
/* * Main (container for everything else) */

#main-wrapper {} #main-wrapper #navigation {
  background: url("../images/navbar-bg.png") repeat-x scroll 0 0 #000;
  /*  height: 56px;;
  position: relative;
  width: 100%;
  z-index: 25 !important;*/
}
#main-wrapper #navigation {
  height: 49px;
  position: relative;
  /*  z-index: 25 !important;*/
}
#main-wrapper #navigation ul.links li, #main-wrapper #navigation .content li {
  float: left;
  padding: 0;
}
#highlighted .region-highlighted {
  clear: both;
  position: relative;
  top: 0;
}
#main {
  z-index: 1;
  clear: both;
}
/* * Content */

#content {} #content .section {} .region-content-top {}
 .breadcrumb/* The path to the current page in the form of a list of links */ {
  padding-top: 5px;
  padding-bottom: 0;
  /* Undo system.css */
  /*font-family: Helvetica, Arial, sans-serif;*/
  font-family: Droid Sans, Helvetica, Arial, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  position: relative;
  left: -65px;
}
.breadcrumb a {
  /*font-family: Helvetica, Arial, sans-serif;*/

font-family: Droid Sans, Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #4b5b5d;
  text-transform: uppercase;
  padding: 3px 10px;
}
.breadcrumb a:hover {
  text-decoration: underline;
  /*font-family: Helvetica, Arial, sans-serif;*/

font-family: Droid Sans, Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-style: inherit;
  text-transform: uppercase;
}
h1.title, /* The title of the page */

h2.node-title, /* Title of a piece of content when it is given in a list of content */

h2.block-title, /* Block title */

h2.title, /* Comment section heading */

h2.comment-form, /* Comment form heading */

h3.title/* Comment title */

{
  margin: 0
}

#block-block-5 h2{
	margin-top: 20px;
}

h3 a, a:active, a:visited a:hover {
  text-decoration: none;
  color: #005581;
}
h3 a:hover {
  text-decoration: underline;
  color: #35474A;
}
tr.even/* Some tables have rows marked even or odd. */ {
  /* background-color: #eee; */
  /* Drupal core uses a #eee background _NO__DOTCOMMA__AFTER__*/
}
tr.odd {
  /* background-color: #eee; */
  /* Drupal core uses a #eee background _NO__DOTCOMMA__AFTER__*/
}
div.messages/* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
  margin: 0.0em 0;
  /* Drupal core uses "6px 0" margin */
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}
div.status/* Normal priority messages */{}
div.warning, tr.warning/* Medium priority messages */{
  /* border: 1px solid #f0c020; */
  /* Drupal core uses: 1px solid #f0c020 _NO__DOTCOMMA__AFTER__*/
}
div.error, tr.error/* High priority messages. See also the .error declaration below. */{}
.error /* Errors that are separate from div.messages status messages. */ {
  /* color: #e55; */
  /* Drupal core uses a #e55 background _NO__DOTCOMMA__AFTER__*/
}
.warning/* Warnings that are separate from div.messages status messages. */ {
  /* color: #e09010; */
  /* Drupal core uses a #e09010 background _NO__DOTCOMMA__AFTER__*/
}
div.tabs/* See also the tabs.css file. */ {}
.region-help/* Help text on a page */ {}
.more-help-link/* Link to more help */ {}
.region-content/* Wrapper for the actual page content */ {}
ul.links/* List of links */ {}
ul.links.inline {
  display: block;
  /* Let the links be inline, but the container be a block. */
}
ul.links li {
  padding: 0 1em 0 0;
  /* LTR */
}
.item-list .pager/* A list of page numbers when more than 1 page of content is available */ {
  padding: 0
}
.item-list .pager li/* Each page number in the pager list */ {
  padding: 0 0.5em
}
.feed-icon/* The link to the RSS or Atom feed for the current list of content */ {}
.more-link/* Aggregator,
blog,
and forum more link */ {}
.region-content-bottom/* Wrapper for any blocks placed in the "content bottom" region */{}
/* * First sidebar (on left in LTR languages, on right in RTL)
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.) */

.region-sidebar-first {}
.region-sidebar-first .section {}/* * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.) */

.region-sidebar-second {}
.region-sidebar-second .section {}/* * Calendar */

#block-system-main .view-id-calendar {}
.calendar-calendar .month-view table {
  margin-bottom: 70px
}
.view .date-nav-wrapper .date-heading h3,
.view .date-nav-wrapper .date-heading h3 a {
  color: #4B5B5D;
  /*font-family: Helvetica, Arial, sans-serif;*/
  font-family: Droid Sans, Helvetica, Arial, sans-serif;
  font-size: 28px;
  margin: 0;
}
.view .date-nav-wrapper ul {
  position: relative;
  top: -30px;
}
.view .date-nav-wrapper .date-prev, .view .date-nav-wrapper .date-next {
  width: 65px
}
.view .date-nav-wrapper .date-prev span {
  position: relative;
  right: 4px;
}
.view-item-calendar a {
  color: #777;
  text-decoration: none;
}
.view-item-calendar a:hover {
  text-decoration: underline;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
}
ul.calendar-links li {
  padding: 0 0.5em 0 0
}
ul.calendar-links li a {
  /*color: #4B5B5D;*/
  color: #777777;
  /*font-family: Georgia,serif;*/
  font-family: Droid Sans, Helvetica, Arial, sans-serif;  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
}
ul.calendar-links li a:hover {
  color: #BC2025
}
tr.multi-day .calendar a span {
  font-style: normal
}
.view-id-calendar .view-header {
  height: 75px
}
/* .attachment .calendar-calendar{ margin-bottom:70px; }

.view-content .calendar-calendar .date-heading h3{
  color: #4B5B5D;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 28px;
  margin: 18px 0;
}
.view-content .calendar-calendar li a{
  color: #BC2025;
  font-family: Georgia,serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
}
 .view-content .calendar-calendar li a:hover{ text-decoration: underline; }
 .view-content .calendar-calendar .date-prev,
 .view-content .calendar-calendar .date-next{ top:15px; }
 .calendar-calendar div.date-nav{
   background-color: #E4B309;
   border: 1px solid #E4B309;
 } */

/* * Pop up */

/* #pup {
  background-color: #777777;
  border: 1px solid black;
  color: white;
  font-size: 0.95em;
  margin-left: 10px;
  margin-top: 5px;
  padding: 3px;
  position: absolute;
  width: 250px;
  z-index: 200;
}

/**
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */
.node-unpublished div.unpublished,
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

/* * Footer */

.region-footer {
  background: url("../images/footer-bg.png") repeat-x #35474a;
  min-height: 318px;
  width: 100%;
}
.region-footer .content {
  color: #fff
}
#block-block-2 {
  margin: 0 auto;
  background: url("../images/tagline.png") no-repeat;
  background-position: center;
  display: block;
  width: 970px;
  height: 50px;
}
.region-footer p.footerTitle {
  display: none
}

/**
 * Comment Styling
 */
#comments /* Wrapper for the list of comments and its title */ {
  margin: 1.5em 0;
}
.comment-preview /* Preview of the comment before submitting new or updated comment */ {
  background-color: #ffffea; /* Drupal core will use a #ffffea background. See #1110842 */
}

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

/**
 * Page bottom
 */
.region-bottom/* Wrapper for any blocks placed in the page bottom region */{}

/**
 * Wireframes Styling
 *
 * Add wireframes to the basic layout elements.
 */

.with-wireframes #header .section,
.with-wireframes #content .section,
.with-wireframes #navigation .section,
.with-wireframes .region-sidebar-first .section,
.with-wireframes .region-sidebar-second .section,
.with-wireframes .region-footer,
.with-wireframes .region-bottom {
  outline: 1px solid #ccc;
}

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

ul.nice-menu, ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.nice-menu {
  border-right: 1px solid #05191c;
  border-left: 1px solid #05191c;
}
#nice-menu-1 {
  position: relative;
  top: 21px;
  margin-top: 10px;
}
#nice-menu-1 a {
  font-family: "Droid Sans", Arial, sans-serif;
  /*  font-family: "Franklin Gothic Medium", Arial, sans-serif;*/

font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 19px 40px;
  border-right: 1px solid #05191c;
  border-left: 1px solid #05191c;
  display: block;
}
#nice-menu-1 li a:hover, #nice-menu-1 li a.active, #nice-menu-1 li.active-trail a {
  background: url("../images/navbar-over.png") repeat-x #000;
  color: #ffd700;
  border-right: 1px solid #35474a;
  border-left: 1px solid #35474a;
}
#nice-menu-1 ul {
  left: 0;
  top: 60px;
}
ul.nice-menu ul {
  top: 59px;
  left: -1px;
  /* LTR */

border: 0;
  margin-right: 0;
  /* LTR */
}
ul.nice-menu ul li {
  width: 12.5em
}
/* *****************************
 HORIZONTAL (down) menus
***************************** */

ul.nice-menu-down {
  float: left;
  /* LTR */
}
ul.nice-menu-down li {} #nice-menu-1 ul li {
  list-style: none
}
#nice-menu-1 li li a, #nice-menu-1 li.active-trail li a, #nice-menu-1 li.active li a {
  color: #fff;
  font-size: 13px;
  background: #35474a;
  display: block;
  text-transform: none;
  width: 250px;
  height: auto;
  padding: 7px 5px 7px 30px;
  border-bottom: 1px solid #000;
  border-right: none;
  border-left: none;
  z-index: 99;
}
#nice-menu-1 li.menuparent li a:hover, #nice-menu-1 li.active-trail li a.active {
  color: #ffd700;
  background: url("../images/drop-down_over.png") repeat-x #000;
  border-right: none;
  border-left: none;
}
#nice-menu-1 ul {
  left: 0;
  top: 60px;
}
#nice-menu-1 ul li {
  clear: both
}
#nice-menu-1 li ul li ul {
  left: 12.5em;
  /* LTR */

top: -1px;
}
/* ===[ About FAI ]=== */

#nice-menu-1 li.menu-374 li a {}/* ===[ Training ]=== */

#nice-menu-1 li.menu-375 li a {}/* ===[ Aquisition Careers ]=== */

#nice-menu-1 li.menu-376 li a, #nice-menu-1 li.menu-376 active-trail li a, #nice-menu-1 li.menu-376 active li a {
  width: 280px
}
/* ===[ Media ]=== */

#nice-menu-1 li.menu-377 li a {}/* ===[ News & Events ]=== */

#nice-menu-1 li.menu-378 li a {}/* ===[ Comunity ]=== */

#nice-menu-1 li.menu-379 li a {}/* *****************************
 Menu 2 or the User menu
***************************** */

#nice-menu-2 {
  border: none
}
#nice-menu-2 li {
  display: inline;
  border-right: 1px solid #35474a;
  height: 13px;
  padding: 0 7px 0 3px;
  margin: 0;
}
#nice-menu-2 li.first {
  padding-left: 0px
}
#nice-menu-2 li.last {
  border-right: none
}
#nice-menu-2 li a {
  background: none;
  border: none;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  color: #35474a;
  display: inline-block;
  text-transform: none;
  padding: 4px 8px 4px 6px;
  margin: 0;
}
#nice-menu-2 li a.last {
  border-right: none
}
#nice-menu-2 li a:hover {
  background: #05191c;
  color: #ffd700;
}
#nice-menu-2 li li {} #nice-menu-2 li li a {}/* ===== FAI Nice Menu Fix ===== */

#navigation .section {
  position: relative;
  top: 0;
}
#navigation .section {
  position: relative;
  top: 0;
}
#nice-menu-1 {
  /*  margin-top: 10px;*/

position: relative;
  top: 0;
  width: 100%;
}
#nice-menu-1 li {
  display: inline-block;
  float: left;
}
#nice-menu-1 li a {
  /*  background: url("../images/navbar-over.png") repeat-x scroll 0 0 #000;*/
  border-right: 1px solid #35474a;
  border-left: 1px solid #35474a;
  color: #ffffff;
  display: block;
  font-family: "Droid Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding: 22px 17px;
  text-transform: uppercase;
}
#nice-menu-1 li a:hover {
  background: url("../images/navbar-over.png") repeat-x scroll 0 0 #000;
  color: #ffd700;
}
#nice-menu-1 li.menuparent li a:hover, #nice-menu-1 li.active-trail li a.active {
  /*background: url("../images/drop-down_over.png") repeat-x scroll 0 0 #000;*/

color: #ffd700;
}
ul.nice-menu ul {
  border: 0 none;
  left: -1px;
  margin-right: 0;
  top: 0;
}

#nice-menu-1 li.last a {
  border-right: medium none;
}

/*  Height is being hard coded, need to change for mobile implementation */
#header {
  height: inherit
}
.with-navigation #content, .with-navigation .region-sidebar-first, .with-navigation .region-sidebar-second {
  margin-top: 0
}
.sidebar-first #content .section {
  background: url("../images/left-column_vert-sep.png") repeat-y scroll 210px 0 #fff;
  padding-left: 320px;
  width: 640px;
}
#block-block-4 {
  background: url("../images/news_button.png") no-repeat scroll 0 5px transparent
}
#block-block-4, #block-block-5, #block-poll-recent, #block-block-3 {
  display: block;
  float: left;
  font-family: Droid Sans, Helvetica, Arial, sans-serif;
  height: 140px;
  margin-bottom: 0;
  margin-left: 14px;
  margin-top: 30px;
  padding-left: 113px;
  width: 190px;
}
/* ===== Not sure why this is being moved out of container div ===== */
#nice-menu-2 {
  border: medium none;
  clear: both;
  display: block;
  float: left;
  margin: 0;
  padding: 4px 0 0;
  position: relative;
}
.logged-in #nice-menu-2 {
  margin: 20px 0 0
}
#header #block-search-form {
  left: 0px;
  position: relative;
  top: 0;
}
.logged-in #header #block-search-form {
  left: 0px;
  position: relative;
  top: 33px;
}
/* ===== Fix fai.gov Video Player ===== */
img.viewer {
  width: 640px
}
/* ===== Fix Admin Menu Issue that arrived with FF 34 ===== */
#admin-menu .dropdown li li {
  float: none
}

#highlighted #block-block-5 {
  display: block;
  float: left;
  font-family: Droid Sans, Helvetica, Arial, sans-serif;
  height: 168px;
  margin-bottom: 0;
  margin-left: 14px;
  margin-top: 8px;
  padding-left: 113px;
  width: 195px;
}