/*
color 1: #fff     // page background, footer h2, footer address
color 2: #6B8E7E  // links
color 3: #cde3f1  // lines, border, local tasks menu
color 4: #999     // mission, footer text, block h2
color 5: #666     // secondary links
color 6: #ccc     // tab panel text
color 7: #27333a  // tab panel bg
*/


/*--- base styles override ---*/
ul {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
a {
  color: #6B8E7E;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
dd {
  border-bottom: 1px solid #cde3f1;
}
hr {
  background: #cde3f1;
  color: #cde3f1;
}

/*--- layout ---*/
.wrapper {
}
.page {
  margin: 0 auto;
  width: 980px;
}
.toppanel-container {
  display: none;
  padding-top: 10px;
}

/* header */
.header {
  height: 156px;
  padding-bottom: 6px;
}
.top {
  height: 30px;
  padding-top: 6px;
}
.skip-nav {
  float: left;
  height: 15px;
}
.secondary-nav {
  float: right;
}
.toppanel-tab {
  float: right;
  height: 30px;
  position: relative;
  top: -6px;
  width: 200px;
}
.tab-text {
  display: block;
  margin: 0 10px;
  padding: 6px 0;
  width: 180px;
}

.logo {
  display: block;
  float: left;
  height: 120px;
  width: 278px;
}
.slogan {
  height: 20px;
}
.header-right {
  float: right;
  height: 120px;
  position: relative;
  width: 800px;
  
}
.header-content {
}
.primary-nav {
  bottom: 0;
  position: absolute;
  right: 0;
}

/* subheader */
.subheader {
  height: 30px;
  padding: 15px 10px 30px;
}
.mission {
  float: left;
}
.breadcrumb {
  float: left;
  padding: 4px 0;
}
.search-box {
  float: right;
}

/* content area including sidebar */
.content-area {
  clear: both;
  margin-top: 15px;
}
.in-maintenance .content-area {
  min-height: 200px;
}

.promo-top-3cols,
.promo-center-2cols {
  padding-bottom: 1em;
}
.promo-bottom {
  padding-bottom: 20px;
}
.promo-top-left,
.promo-top-center,
.promo-top-right {
  float: left;
  padding: 10px;
  width: 300px;
}
.promo-top-left,
.promo-top-center {
  margin-right: 10px;
}
.promo-center-left {
  float: left;
  width: 470px;
}
.promo-center-right {
  float: right;
  width: 470px;
}

.main-wrapper {
  padding-bottom: 30px;
}
.main {
  float: left;
  margin: 0;
  width: 680px;
}
.main-content {
  margin: 0;
  padding: 0 20px 0 0;
}
.content-top,
.content-top-2cols,
.content-bottom-2cols,
.content-bottom,
.node-top,
.node-bottom {
  padding-bottom: 15px;
}
.content-top-left,
.content-bottom-left {
  float: left;
  width: 49%;
}
.content-top-right,
.content-bottom-right {
  float: right;
  width: 49%;
}

.left-sidebar {
  float: left;
  width: 300px;
}
.left-sidebar-content {
  padding: 0 20px;
}
.right-sidebar {
  float: right;
  width: 300px;
}
.right-sidebar-content {
  padding: 0 0 0 20px;
}

/* no sidebar, content takes all space */
.no-sidebars .main-wrapper {
  background: none;
}
.no-sidebars .main {
  width: 980px;
}

/* one sidebar */
.one-sidebar .main-wrapper {
  background: transparent url(../images/2cols-bg.png) repeat-y left top;
}
.one-sidebar .sidebar-left .main {
  width: 680px;
}
.one-sidebar .left-sidebar,
.one-sidebar .right-sidebar {
  background: transparent url(../images/2cols-bg.png) repeat-y -680px top;
  padding-top: 20px;
  position: relative;
  top: -20px;
}
.one-sidebar .right-sidebar-content {
  padding: 0 20px;
}

/* two sidebars */
.two-sidebars .main-wrapper {
  background: transparent url(../images/3cols-bg.png) repeat-y left top;
}
.two-sidebars .main {
  width: 580px;
}
.two-sidebars .left-sidebar {
  width: 210px;
  background: transparent url(../images/3cols-bg.png) repeat-y -580px top;
  padding-top: 20px;
  position: relative;
  top: -20px;

}
.two-sidebars .right-sidebar {
  width: 190px;
}

/* footer */
.footer-left {
  float: left;
  padding: 10px 20px 10px 10px;
  width: 250px;
}
.footer-center {
  float: left;
  padding: 10px 20px 10px 10px;
  width: 290px;
}
.footer-right {
  float: right;
  padding: 10px 10px 10px 10px;
  width: 340px;
}



/*--- theme ---*/
.wrapper {
  border-top: 6px solid #27333a;
}

.logo h1 {
  margin: 0;
}
.slogan {
  font-size: 1.3em;
  font-style: italic;
  line-height: 1em;
  padding-left: 6px;
}

/* secondary links */
.secondary-nav li {
  display: inline;
}
.secondary-nav li a {
  color: #666;
  padding: 0 0 0 1em;
}

/* tab panel */
.toppanel-container {
  background: #27333a;
}
.toppanel {
  color: #ccc;
}
.toppanel-tab {
  background: transparent url(../images/panel-tab.gif) no-repeat top left;
  color: #ccc;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
}
.toppanel-content {
  background: #27333a;
  padding: 1em 0;
}
.close-container {
  padding: 5px 0;
}
.close-button {
  cursor: pointer;
  float: right;
}

.toppanel-left {
  float: left;
  width: 48%;
  padding-right: 2%;
  margin-right: 2%;
  background: transparent url(../images/vert-divider.png) no-repeat right top;
}
.toppanel-right {
  float: right;
  width: 48%;
}

/* subheader */
.divider {
  background: transparent url(../images/hoz-divider.png) no-repeat center center;
  height: 12px;
}

.subheader {
  background: transparent url(../images/hoz-divider.png) no-repeat center bottom;
  padding: 1em 10px 1.5em;
}
.mission {
  color: #999;
  font-size: 1.4em;
  font-style: italic;
}

/* search */
.search-box .form-item {
  margin: 0;
}
.search-box input.form-text {
  background: transparent url(../images/search.gif) no-repeat left top;
  border: none;
  padding: 5px 30px 0 10px;
  height: 26px;
  width: 200px;
}
.search-box input.form-submit {
  text-indent: -9999em;
}

/* content */
.promo-top-content .heading {
  padding-bottom: 1em;
}
.promo-top-content img.left {
  margin: .725em 1em 0 0;
}
.promo-center-content .block h2 {
  font-size: 1.4em;
  font-weight: bold;
  color: #000;
}
.promo-center-left-content a {
  text-decoration: none;
}

/* footer */
.footer {}
.footer-content {
  color: #999;
  padding: 1em 0;
  width: 100%;
}
.footer-content a {
  color: #6B8E7E;
}
.footer li a.active {
  color: #f6e4a5;
  font-weight: bold;
}

.footer-content .footer-right {
  text-align: right;
}
.footer-content .phone {
  color: #fff;
  font-family: Arial Black, Tahoma, Arial, sans-serif;
  font-size: 3em;
  font-weight: bolder;
}
.footer-content .address {
  color: #fff;
  font-weight: bold;
  padding-bottom: 3em;
}


/*--- block ---*/
.toppanel .block,
.left-sidebar .block,
.right-sidebar .block {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.toppanel .block {
  border-bottom: 1px dotted #333;
}
.block h1,
.block h2,
.block h3,
.block h4,
.block h5,
.block h6 {
  color: #999;
}
.block h2 {
  font-size: 1.4em;
}
.footer-content h2 {
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
}

/*--- Drupal defaults override ---*/
li a.active {
  color: #000;
}

/* tabs local task */
ul.primary {
  border-bottom: 1px solid #cde3f1;
  padding: 0 0 6px 0;
  margin: 0;
}
ul.primary li {
  display: inline;
  list-style: none;
}
ul.primary li a {
  background: none;
  border: none;
  color: #666;
  padding: 2px .5em;
  margin-right: 0.5em;
  text-decoration: none;
}
ul.primary li.active a,
ul.primary li a:hover {
  background: none;
  border: none;
  border-bottom: 4px solid #cde3f1;
  color: #333;
}
ul.primary + div,
ul.primary + form {
  margin-top: 1em;
}

ul.secondary {
  border-bottom: 1px solid #cde3f1;
  margin: 0;
  padding: 4px 0 4px 1em;
}
ul.secondary:before {
  content: '\0BB';
}
ul.secondary li {
  border: none;
  display: inline;
  list-style: none;
  padding: 4px 0;
}
ul.secondary li a {
  background: none;
  border: none;
  color: #666;
  padding: 2px .5em;
  margin-right: 0.5em;
}
ul.secondary li.active a,
ul.secondary li a:hover {
  background: none;
  border: none;
  border-bottom: 4px solid #cde3f1;
  color: #333;
}
ul.secondary + div,
ul.secondary + form {
  margin-top: 1em;
}

/* menu icons */
.item-list ul li {
  list-style: url(../images/menu-leaf.gif);
  margin: 0 0 .25em .5em;
}
li.expanded {
  list-style-image: url(../images/menu-expanded.gif);
}
li.collapsed {
  list-style-image: url(../images/menu-collapsed.gif); /* LTR */
}
li.leaf {
  list-style-image: url(../images/menu-leaf.gif);
}

/* fieldset icons */
html.js fieldset.collapsible legend a {
  background-image: url(../images/menu-expanded.gif);
}
html.js fieldset.collapsed legend a {
  background-image: url(../images/menu-collapsed.gif);
}

div.more {
  background: transparent url(../icons/arrow.png) no-repeat left center;
  padding: 0 0 0 26px;
}

/*--- node ---*/
.node h2 {
  margin: 0;
}
.node img {
  border: 8px solid #e7e7e7;
}
.node img:hover {
  border-color: #27333a;
}
.node .submitted {
  border-bottom: 1px solid #cde3f1;
  margin-bottom: .725em;
  padding-bottom: .725em;
}
.teaser {
  margin: 1em 0;
  padding: 1em;
}
.node-even {
  background: #fff9ef;
  border-top: 1px solid #fff3df;
  border-bottom: 1px solid #fff3df;
}
.taxonomy {
  background: #e3ffdf url(../icons/tag.png) no-repeat 10px center;
  margin: .725em 0;
  padding: .5em .5em .5em 30px;
}
.taxonomy .vocab-name {
  float: left;
  width: 6em;
}
.taxonomy .vocab-list {
  display: inline;
}
.taxonomy .item-list ul {
  margin: 0;
}
.taxonomy .item-list ul li {
  display: inline;
}

/*--- comment ---*/
#comments {
  border-top: 4px solid #83a8bf;
  margin: 2em 0;
}
.comment {
  background: #fff;
  border: 1px solid #d5ffcf;
  margin: 1em 0;
  padding: 1em;
  position: relative;
}
.comment h3 {
  font-weight: normal;
  margin: 0;
}
.comment .submitted {
  border-bottom: 1px solid #cde3f1;
  margin-bottom: .725em;
  padding-bottom: .725em;
}
.comment .comment-name {
  display: inline;
}
.comment-even {
  background: #f1ffef;
}
.comment span.new {
  float: right;
  background: transparent url(../icons/new.gif) no-repeat center center;
  display: block;
  height: 12px;
  width: 30px;
  position: absolute;
  top: 1em;
  right: 1em;
  overflow: hidden;
  text-indent: -9999em;
}