/* Page */
html, body {
  background-color: #eeeeee;
  color: #333333;
}

ul.secondary,
.region-highlighted,
#columns {
  /*background-color: #ffffff;*/
}

/* tasks */
#skip-link a,
ul.tabs li a,
ul.tabs li a:visited {
  /* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #333333 0%, #1F2123 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #333333 0%, #1F2123 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #333333 0%, #1F2123 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #333333), color-stop(1, #1F2123));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #333333 0%, #1F2123 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #333333 0%, #1F2123 100%);
  color: #fff;
  border-color: #333;
  border-style: solid solid none solid;
  border-width: 1px;
}
ul.tabs li a:hover,
ul.tabs li a:focus,
ul.tabs li a:active,
ul.tabs li a.active,
ul.tabs li a.active:visited {
  /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #1F2123 0%, #202B63 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #1F2123 0%, #202B63 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #1F2123 0%, #202B63 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1F2123), color-stop(1, #202B63));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #1F2123 0%, #202B63 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #1F2123 0%, #202B63 100%);
  color: #fff;
  border-color: #333;
  border-style: solid solid none solid;
  border-width: 1px;
}

/* Links */
a,
a:visited {

}
a:hover,
a:focus,
a:active {
  background-image: url(images/button_active.png);
  color: #fff;
}
.pager a:hover,
.pager a:active,
.pager a:focus {
  background-color: #2897d7;
  color: #ffffff;
}

/* Identity */
h1#site-name a,
h1#site-name a:visited {
  color: #ffffff;
}
h2#site-slogan {
  color: #ffffff;
}

/* Header */
.region-header,
.nav .block-menu,
.region-header h2.block-title,
.nav .block-menu h2.block-title {
  color: #ffffff;
}
.region-header a,
.region-header a:visited {
  color: #78bbe2;
}
.region-header a:hover,
.region-header a:focus,
.region-header a:active {
  color: #42a9be;
}

/* Footer */
.breadcrumb,
#page > footer {
	background-image: url(images/bckgr_footer.png);
	color: #fff;
 	font-weight: bold;
 	border-radius: 0px 0px 20px 20px;
 	padding-right: 20px;
}
.breadcrumb a,
#page > footer a,
#page > footer a:visited {
 color: #fff;
}
.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active,
#page > footer a:hover,
#page > footer a:focus,
#page > footer a:active {
  color: #1473d7;
}

/* Menu bar */
.menu-toggle a {
  color: #1473d7;
  background-color: #ffffff;
}
#menu-bar-wrapper {
  background: transparent;
}
.nav .block-menu ul li a {
  color: #1473d7;
  background-color: #003882;
}
.nav .block-menu ul a:focus,
.nav .block-menu ul a:hover,
.nav .block-menu ul a:active {
  background: #ffffff;
}
.nav .block-menu ul li a.active {
  color: #1473d7;
  background-color: #ffffff;
}

/* Superfish Skin - we keep the Superfish skin seperate so we can special case
   if we really need to */
.sf-menu.sf-style-default a {
   border: 0;
   color: #1473d7;
   background-color: #003882;
}
.sf-menu.sf-style-default li.last a {
}
.sf-menu.sf-style-default a,
.sf-menu.sf-style-default a:visited {
  color: #1473d7;
}
.sf-menu.sf-style-default span.sf-description {
  color: #1473d7;
}
.sf-menu.sf-style-default li li,
.sf-menu.sf-style-default.sf-navbar li ul {
  background-color: #1f1f1f;
}
.sf-menu.sf-style-default li li li {
  background-color: #ededed;
}
.sf-menu.sf-style-default li {
  background: transparent;
}
.sf-menu.sf-style-default.sf-navbar {
  background: #ededed;
}
.sf-menu.sf-style-default li a,
.sf-menu.sf-style-default li a:visited {
  color: #1473d7;
}
.sf-menu.sf-style-default li:hover,
.sf-menu.sf-style-default li.sfHover,
.sf-menu.sf-style-default a:focus,
.sf-menu.sf-style-default a:hover,
.sf-menu.sf-style-default a:active {
  background-color: #ffffff;
  color: #1473d7;
}
/* Reverse colors for sub menus */
.sf-menu.sf-style-default li li:hover,
.sf-menu.sf-style-default li li.sfHover,
.sf-menu.sf-style-default li li a:focus,
.sf-menu.sf-style-default li li a:hover,
.sf-menu.sf-style-default li li a:active {
  background-color: #1473d7;
  color: #ffffff;
}
.sf-menu.sf-style-default .active-trail.sf-depth-1,
.sf-menu.sf-style-default .sf-depth-1 > a.active {
  color: #1473d7;
  background-color: #ffffff;
}
#menu-bar-wrapper .sf-menu.sf-style-default .active-trail.sf-depth-1,
#menu-bar-wrapper .sf-menu.sf-style-default .sf-depth-1 > a.active {
  background-color: #ffffff;
}
/* .sf-navbar */
.sf-navbar.sf-style-default li ul {
  background-color: transparent !important;
  width: 100%;
}
.sf-navbar > li > ul > li {
  border-bottom: 1px solid #382929;
}
.sf-menu.sf-style-default.sf-navbar li ul li ul {
  background-color: transparent;
}

/* If you adjust your media queries for mobile you must replicate those changes here */
@media only screen and (max-width:480px) {
  .sf-menu.sf-style-default li li:hover,
  .sf-menu.sf-style-default li li.sfHover,
  .sf-menu.sf-style-default li li a,
  .sf-menu.sf-style-default li li a:focus,
  .sf-menu.sf-style-default li li a:hover,
  .sf-menu.sf-style-default li li a:active,
  .sf-menu.sf-style-default li li a:visited {
    background-color: #1473d7;
    color: #003882;
  }
}

/* top menu bar */
.region-top-menu {
  /* background-color: #ffffff; */
 font-weight: 700;
}
.region-top-menu a {
  color: #283681;
}

.region-top-menu .sf-menu.sf-style-default > li > a {
  border: 0;
  color: #1473d7;
  background-color: transparent;
}

/* Node links */
article .links a,
article .links a:visited {
.sf-menu li.active-trail {
  background-image: url(images/button_active.png);
  color: #ffffff;
  border: 1px solid #000;
  box-shadow: 0px 0px 2px #333333;
}
article .links a:hover,
article .links a:focus,
article .links a:active {
  background-color: #283681;
  color: #ffffff;
}

/* Titles */
h1 {
  color: #333333;
}
h2 {
  color: #333333; /* need to update */
}
.comment header h3 a,
h1 a,
h1.node-title a {
  color: #000000;
}

.section-collapsible {
  background-image: url(images/bckgr_collapsible.png);
  color: #fff;
  border-color: #000;
  border-style: solid solid none solid;
  border-width: 1px;
  border-radius: 20px 0 0 0;
}