/* $Id: style.css 861 2009-07-28 07:14:05Z cdale $ */

/**
 * This file contains all the base styles for this theme.
 * More specific styles can be found in other stylesheets.
 */

/** body **/
body {
  margin: 0;
  padding: 0px;
  background: #000 url(images/ftr-bg.jpg) no-repeat 50% 100%;
}

#page {
  background: url(images/hdr-bg.jpg) no-repeat 50% 0%;
}

#page-inner,
#closure-blocks {
  margin-left: auto;
  margin-right: auto;
  width: 962px;
}

#page-inner {
}

/** header **/
#header {
  z-index: 3; /* for drop down menus */
}

#header-inner {
}

/* Wrapper for logo, website name, and slogan */
#logo-title {
}

/* Wrapper for logo */
#logo-title {
  padding: 19px 0 12px 0;
  float: left;
}

/* The actual logo image */
#logo-image {
}

/************************************** Page layout */
/**
 * Based on the Faux Absolute Positioning method.
 * http://alistapart.com/articles/fauxabsolutepositioning
 */

/** main (wrapper for content & sidebars) **/
#main {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 22px;
  background: white url(images/rnd-white-page.png) no-repeat 0 0;
}

#main-inner {
  padding: 21px 0 21px 0;
  background: transparent url(images/rnd-white-page.png) no-repeat -962px 100%;
}

/* Set defaults for each column (#content, #sidebar-left, #sidebar-right) */
#main #content,
#main #sidebar-left,
#main #sidebar-right {
  position: relative;
  float: left;
  left: 100%;
}

/*
Width of #page = p
Width of #sidebar-left = l
Width of #sidebar-right = r
*/
#content {
  width: 521px; /* p - (l + r) */
  margin-left: -721px; /* p - l */
}

#content-inner {
  padding: 0 25px 20px 25px;
}

body.no-sidebars #content {
  width: 962px; /* p */
}

body.sidebar-left #content {
  width: 721px; /* p - l */
}

body.sidebar-right #content {
  width: 762px; /* p - r */
}

#sidebar-left {
  width: 241px;
}

#sidebar-left-inner {
  padding: 0 0 0 21px;
}

#sidebar-right {
  width: 200px;
  margin-left: -200px; /* r */
}

#sidebar-right-inner {
}

/* For easier editing, these elements have been grouped as they share the same margin */
body.no-sidebars #content,
body.sidebar-right #content,
#sidebar-left {
  margin-left: -100%; /* Position these elements on the far left */
}

/* Wrapper for any blocks placed in the "content top" region */
#content-top {
}

/* Wrapper for breadcrumb, title, messages, tabs, and help */
#content-header {
}

/* The path to the current page in the form of a list of links */
.breadcrumb {
  padding-bottom: 0; /* Undo system.css */
}

/* Wrapper for any blocks placed in the "content bottom" region */
#content-bottom {
}

/************************************** footer */
#footer {
  clear: both;
  padding: 10px 0 0 0;
  font-size: 90%;
  line-height: 1;
  color: #7b7b7b;
}

#footer-inner {
}

#footer a:link,
#footer a:visited {
  color: #7b7b7b;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

/* h1.title - The title of the page */
/* h2.title - Block title or the title of a piece of content when it is given in a list of content */
/* h3.title - Comment title */
h1.title,
h2.title,
h3.title {
  margin: 0;
  font-weight: normal;
}

/* Important messages (status, warning, and error) for the user */
div.messages {
  margin: 0 0px 5px 0px;
  border: 1px solid #ccc;
  padding: 5px;
  color: #000;
  background-color: #fff;
}

/* Normal priority messages */
div.status {
  color: #292;
  border: 1px solid #7d7;
  background: #efe;
}

/* Medium priority messages */
div.warning {
  color: #a60;
  border: 1px solid #f0c020;
  background: #ffd;
}

div.warning,
tr.warning,
body.section-admin tr.warning {
  /* color: #220; */ /* Drupal core uses #220 */
  background: #ffd;
}

/* High priority messages. See also the .error declaration below. */
div.error {
  color: #d22;
  border: 1px solid #d77;
  background: #fee;
}

div.error,
tr.error,
body.section-admin tr.error {
  /* color: #200; */ /* Drupal core uses #200 */
}

/* Primary tabs */
div.tabs {
  margin: 0 0 1em 0;
}

ul.primary {
  line-height: 1;
  margin: 0 0 0px 0;
  padding: 10px 0px 0px 7px;
  list-style: none;
  overflow: hidden;
  border-width: 0px 0px 0 0px;
  border-style: solid;
  border-color: rgb(240,240,240);
  background: rgb(204,221,227);
}

ul.primary li {
  float: left;
  padding: 3px 0 12px 0;
}

ul.primary li a {
  color: rgb(50,60,80);
  margin: 0 2px 0 0;
  padding: 5px 15px 12px 15px;
  text-decoration: none;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: rgb(166,193,204);
  background: rgb(204,221,227);
  -moz-border-radius: 5px 5px 0 0;
}

ul.primary li a:hover,
ul.primary li a:focus {
  outline: none;
  background: rgb(224,241,247);
}

ul.primary li.active a {
  background: white;
  font-weight: bold;
  border-width: 1px 0px 0 0px;
  border-style: solid;
  border-color: rgb(166,193,204);
}

ul.primary li.active a:hover {
  background: white;
}

/* Second-level tabs */
ul.secondary {
  padding: 5px;
  margin: 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: rgb(166,193,204);
}

ul.secondary li {
  border-color: rgb(166,193,204);
}

ul.secondary li a.active {
  border: none;
  font-weight: bold;
}

/* Help text on a page */
.help {
  margin: 1em 0;
}

/* Link to more help */
.more-help-link {
  font-size: 0.85em;
  text-align: right;
}

/* Wrapper for the actual page content */
#content-area {
}

/*A list of page numbers when more than 1 page of content is available */
.pager {
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a,
.pager strong.pager-current {
  padding: 0.5em;
}

/* The links to the RSS or Atom feeds for the current list of content */
.feed-icons {
  margin: 1em 0;
}

/************************************** User comments **/
/* Wrapper for all comments */
#comments {
  margin: 1em 0;
}

/* Wrapper for a single comment */
.comment {
}

/* Additional wrapper for a single comment */
.comment-inner {
}

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

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

/* Unpublished comments */
.comment-unpublished {
  background-color: rgba(0,0,0,.1);
}

/* The word "Unpublished" displayed beneath the content. */
.comment-unpublished div.unpublished {
}

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

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

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

/* Comment title */
.comment h3.title {
}

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

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

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

/* Comment's content wrapper */
.comment .content {
}

/* Wrapper for comment links. See also the ul.links declaration in the node section above. */
.comment div.links {
  margin: 1em 0;
}

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

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



/************************************** Drupal boxes */
/* Wrapper for Comment form, Comment viewing options, Menu admin, and
 * Search results.
 */
.box /* Wrapper for box */ {
}

.box-inner /* Additional wrapper for box */ {
}

.box h2.title /* Box title */ {
}

.box .content /* Box's content wrapper */ {
}

/************************************** Miscellaneous Drupal styles */
/* Errors that are separate from div.messages status messages (see above.) */
.error {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

/* Warnings that are separate from div.messages status messages (see above.) */
.warning {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

/* Aggregator, blog, and forum more link */
.more-link {
  text-align: right;
}

td.region,
td.module,
td.container,
td.category {
  border-top: 1em solid #fff;
  border-bottom: 1px solid #ccc;
  background: #ddd;
}

tr.even,
tr.odd {
  border-bottom: none;
  padding: 0;
}

tr.even td {
  background-color: #fff
}

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

tr.even:hover td,
tr.odd:hover td {
  background-color: #ccdde3;
}

li a.active {
  color: #000;
}

/************************************** Drupal forms */
/* Wrapper for a form element (or group of form elements) and its label */
.form-item,
.form-checkboxes,
.form-radios {
  margin: 1em 0;
}

/* Highlight the form elements that caused a form submission error */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 2px solid #c00;
}

.form-item label {
  display: block;
  cursor: pointer;
}

/* The label for a radio button or checkbox */
body.section-node-edit .form-item label.option {
  display: inline;
  font-weight: normal;
}

/* Indicator for a required field */
.form-required {
  color: #933;
  cursor: help;
}

/* The descriptive help text (separate from the label) */
.form-item .description {
  font-size: 90%;
  color: #666;
  line-height: 1.2;
}

.form-text,
textarea {
  font-size: 100%;
  padding: 3px 0;
}

input.form-checkbox,
input.form-radio {
  vertical-align: middle;
  margin: 0;
}

/* Reduce margin between options */
.form-checkboxes .form-item,
.form-radios .form-item {
  margin: 0.4em 0;
}

/* The submit button */
.form-submit {
}

/* Inline labels and form divs */
.container-inline div, .container-inline label {
  display: inline;
}

/* Tips for Drupal's input formats */
.tips {
  margin: 0;
  padding: 0;
  font-size: 90%;
}

/*************************************** TinyMCE */
/* Button */
#edit-body_pagebreak {
  background-image: url(images/pagebreak.png) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
}

span.mce_pagebreak {
  background-position: 20px 20px !important;
}

.defaultSkin a.mceButtonEnabled:hover {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #aaa !important;
  background-color: transparent !important;
  -moz-border-radius: 3px;
}