/* $Id*/

/******************************************/
/*  TopNotchThemes CSS Stylesheet         */
/******************************************/



/* Reset browser defaults
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, dl, dd,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, ol, ul, li, menu,
fieldset, form, label, legend, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
}


/* HTML & Body
-------------------------------------------------------------- */

html {
  background-color: #000000;
}

body {
  background: #292929;
  color: #F0F0F0;
  font-size: 83%;
  font-weight: normal;
  line-height: 1.5em;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4 {
  font-weight: normal;
}

h1 {
  color: #DFB77C;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 2.5em;
}

h2 {
  font-size: 1.4285em;
  line-height: 1.2em;
}

h3 {
  font-size: 1.1428em;
  line-height: 1.25;
}

h4 {
  font-size: 1em;
  height: 1.25em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}

h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}

h6 {
  font-size: 1em;
  font-weight: bold;
}


/* Text elements
-------------------------------------------------------------- */

p {
  font-size: 1em;
  margin: 1em 0;
}

a,
a:link {
  color: #DFB77C;
  text-decoration: none;
}

a:active,
a:hover,
a:focus {
  color: #EBDCC7;
  text-decoration: underline;
}

blockquote {
  color: #999;
  font-style: italic;
  margin: 1.5em;
}

strong {
  font-weight: bold;
}

em,dfn {
  font-style: italic;
}

dfn {
  font-weight: bold;
}

sup,sub {
  line-height: 0;
}

abbr,acronym {
  border-bottom: 1px dotted #666;
}

address {
  font-style: italic;
  margin: 0 0 1.5em;
}

del {
  color: #666;
}

pre,code {
  margin: 1.5em 0;
  white-space: pre;
}

pre,code,tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}


/* Lists
-------------------------------------------------------------- */

ul,
ul.menu {
  list-style-position: inside;
  list-style-type: disc;
}

ol {
  list-style-position: inside;
  list-style-type: decimal;
}

ul.links li {
  padding: 0;
}

/* remove list styling on taxonomy */
div.terms ul li {
  list-style-type: none;
  margin: 0;
}

li a.active {
  color: #EBDCC7;
}

dl {
  margin: 0 0 22px 0;
}

dl dt {
  font-weight: bold;
}

dd {
  margin: 0 0 10px 22px;
}

/* adds indentation for child list items within nodes */
#content-wrapper .node .content ol li,
#content-wrapper .node .content ul li {
  margin: 0 0 0 6px;
}

#content-wrapper .node .content ol li,
#content-wrapper .node .content ul li {
  padding: 0 0 0 12px;
}


/* Helper classes
-------------------------------------------------------------- */

.hide {
  display: none;
  visibility: hidden;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.clearfix:after {                                 /* add .clearfix class to clear floats after an element */
  clear: both;                                    /* (IE version is in ie6-fixes.css) */
  content: "."; 
  display: block; 
  font-size: 0;
  height: 0; 
  visibility: hidden;
}

.first {
  margin-left: 0;
  padding-left: 0;
}

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

.top {
  margin-top: 0;
  padding-top: 0;
}

.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}


/* Misc.
-------------------------------------------------------------- */

hr {
  height: 1px;
  border: 1px solid gray;
}

div.content a.feed-icon img,
div.content th img {
  border: 0;             /* remove image borders where we don't want them */
}

/* format initial startup page list nicely */
#first-time p {
  clear: both;
}

#first-time ol {
  list-style-position: outside;
}

/* notice at bottom of page */
#legal-notice {
  background: #000;
  color: #777;
  font-size: 0.85em;
  padding: 10px 0;
  text-align: center;
}

#legal-notice a {
  color: #996633;
}

/* Layout
-------------------------------------------------------------- */

#page {
  margin: 0 auto;                                 /* center page */
  position: relative;
  width: 960px;
}


/********************/
/* ALL PAGE REGIONS */
/********************/


/* Banner region
-------------------------------------------------------------- */

#banner {
  padding: 8px;
  text-align: center;
}

#banner p,
#banner .block-wrapper {
  margin: 0;
}


/* Header regions
-------------------------------------------------------------- */

#header-wrapper {
  background: #fff url('images/header.png') no-repeat left top;
  height: 33px;
  margin-bottom: 25px;
  overflow: hidden;
  padding: 26px 20px 32px 20px;
  position: relative;
}

#header-first {
  float: left;
  margin: 0 15px 0 0;
}

#header-first #logo {                            /* logo postion.  default image replaced if you upload your own */
  display: inline;
  margin: 0 14px 10px 0;
}

#header-first h1 {
  border-right: 1px solid #DDDDDD;
  color: #525252;
  display: inline;
  font-size: 2.1em;
  font-weight: normal;
  letter-spacing: 3px;
  padding-right: 15px;
  position: relative;
  text-transform: uppercase;
  top: -7px;
  white-space: nowrap;
}

#header-first h1 a {                /* site name link */
  color: #525252;
  text-decoration: none;
}

#header-middle {
  color: #555555;
  display: inline;
  padding: 0;
  position: relative;
}

#slogan {                          /* site slogan */
  display: inline;
  font-weight: bold;
  margin-right: 15px;
  position: relative;
  top: 10px;
}

#header-wrapper #search-box {
  margin: 4px 14px;
  position: absolute;
  right: 0;
  top: 28px;
  white-space: nowrap;
}

#header-wrapper .search_submit {
  background: transparent url('images/search-arrow.png') no-repeat 4px 1px;
  cursor: pointer;
  padding: 0 6px;
  text-indent: -999em;
}

#header-wrapper #search-box #search input.form-text {
  border: 1px solid #D5D5D5;
  background: #fff;
  color: #292929;
  width: 11em;
}


/* Preface regions
-------------------------------------------------------------- */

#preface-wrapper {
  background: transparent url('images/cropped/seascape.jpg') no-repeat left top;
  height: 420px;
  margin: -33px 0 20px;
  overflow: hidden;
  position: relative;
  width: 960px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
}

#preface-sidebar {
  background: transparent url('images/preface-sidebar-bg.png') no-repeat center;
  float: left;
  height: 380px;
  margin: 0 0 0 20px;
  padding: 20px;
  width: 190px;
}

#mission {
  bottom: 0;
  color: #fff;
  font-size: 2.0312em;
  line-height: 1.1153em;
  padding: 10px;
  position: absolute;
  right: 0;
  text-align: right;
  width: 680px;
}


/* Main area wrapper
 * sidebars + content
-------------------------------------------------------------- */

#main-wrapper {
  margin-bottom: 30px;
}


/* Sidebar regions
-------------------------------------------------------------- */

#sidebar-first {
  float: left;
}

#sidebar-last {
  float: right;
}


/* Content regions
-------------------------------------------------------------- */

#content-wrapper {
  float: left;
}

#content-top {
  background: transparent url('images/cropped/seascape-header.jpg') no-repeat left top;
  padding: 0;
  overflow: hidden;
}

#content-top a {
  color: #000;
}

#content {
  margin: 0;               /* default spacing between content regions */
  margin: 0;
}

#content-inner {
}

/* content bottom */
#content-bottom {
  background: #444;
  margin-top: 30px;
}

#node-bottom {
  margin: 30px 0 0 0;
}


/* Footer region
-------------------------------------------------------------- */

#footer {
  background: #000;
  color: #999999;
  display: block;
}

#footer-wrapper {
  overflow: hidden;
  text-align: center;
  width: 100%;
}

#footer a {
  color: #DB8A3B;
  text-decoration: none;
}

#footer a:hover,
#footer a:active {
  color: #EBDCC7;
}

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

#footer-message,
#footer-region {
  float: left;
  margin: 10px 0;
  width: 100%;
}

#footer ul {
  display: inline;
  margin: 0;
  padding: 0 0 0 9px;
}

#footer ul li {
  background: transparent none repeat;
  border-left: 1px solid #CCC;
  display: inline;
  padding: 0 5px 0 9px;
}

#footer ul li.first {
  border: none;
}



/****************************************/
/*          COLUMN LAYOUTS              */
/*                                      */
/* Classes for different column layouts */
/* that are applied to the <body> tag.  */
/****************************************/


/* Single column layout
 * main content
-------------------------------------------------------------- */

body.layout-main #content-wrapper {
  margin: 0;
  width: 960px;
}


/* Two column layout
 * sidebar | main content
-------------------------------------------------------------- */

body.layout-first-main #sidebar-first {
  margin: 0 20px 0 0;
  width: 230px;
}

body.layout-first-main #content-wrapper {
  margin: 0;
  width: 710px;
}

body.layout-first-main #content {
  border-left: 1px solid #444444;
  padding: 30px 0 30px 60px;
}

body.front.layout-first-main #content {
  border-left: none;
  padding: 0;
}


/* Two colum layout
 * main content | sidebar
-------------------------------------------------------------- */

body.layout-main-last #content-wrapper {
  margin: 0 20px 0 0;
  width: 690px;
}

body.layout-main-last #sidebar-last {
  margin: 10px 0 0;
  width: 220px;
}

body.layout-main-last #content {
  border-left: none;
  border-right: 1px solid #444;
  padding: 30px 60px 30px 0;
}

body.front.layout-main-last #content {
  border-left: none;
  padding: 0 60px 30px 0;
}

/* Three column layout
 * sidebar | main content | sidebar
-------------------------------------------------------------- */

body.layout-first-main-last #sidebar-first {
  margin: 0 20px 0 0;
  width: 230px;
}

body.layout-first-main-last #content-wrapper {
  margin: 0 20px 0 0;
  position: relative;
  width: 460px;
  z-index: 1;                    /* keep content visible on admin pages */
}

body.layout-first-main-last #sidebar-last {
  margin: 10px 0 0;
  width: 230px;
}

body.layout-first-main-last #content {
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  padding: 30px;
}

body.front.layout-first-main-last #content {
  border-left: none;
  padding: 0 20px 0 0;
}


/* Postscript regions
-------------------------------------------------------------- */

#postscripts {
  background: #000;
}

#postscript-wrapper {
  color: #999999;
  margin: 0 auto;
  padding: 30px;
  width: 960px;
}

#postscript-wrapper #postscript-first {
  margin-left: 0;
}

#postscript-wrapper #postscript-middle {
}

#postscript-wrapper #postscript-last {
  margin-right: 0;
}

body.postscript-middle #postscript-wrapper #postscript-middle {
  text-align: center;
}

body.postscript-last #postscript-wrapper #postscript-last {
  text-align: right;
}


/* Postscript regions
 * first | middle | last
-------------------------------------------------------------- */

#postscript-wrapper.postscripts-1 .column {
  float: left;
  width: 100%;
}

#postscript-wrapper.postscripts-2 .column {
  float: left;
  margin-right: 36px;
  width: 46%;
}

#postscript-wrapper.postscripts-3 .column {
  float: left;
  margin-right: 20px;
  width: 286px;
}

/* Nodes
-------------------------------------------------------------- */

div.node {
  clear: both;
  margin: 2em 0 2em;
  overflow: hidden;
}

body.full-node div.node {
  margin-top: 0;
}

div.node h2.title {
  margin-bottom: 0;
}

div.node h2.title a {
  text-decoration: none;
}

div.node h2.title a:hover {
  color: #F2F2F2;
}

.meta,
.terms {                                      /* styling for byline and tags */
  font-size: 0.8571em;
}

.vocab-name {
  font-weight: bold;
}

.terms ul.taxonomy li {
  margin: 2px;
}

.terms ul.taxonomy ul.vocab-list,
.terms ul.taxonomy li.vocab-term {
  display: inline;
}

.submitted a:link {
  font-weight: bold;
}

div.node div.picture {
  float: right;
  margin: 0 0 0.8em 0.8em;
}

.tips {
  margin-left: 3em;
}

/* node links */
div.node ul.links li,
div.node ul.inline li,
div.node .read-more a,
div.node .more-link a,
div.node .links a {
  color: #f0f0f0;
  font-weight: bold;
  padding-right: 14px;
  text-decoration: none;
}

div.node ul.links li,
div.node ul.inline li {
  color: #c6c6c6;
  font-weight: normal;
}

div.node ul.links li a,
div.node ul.inline li a {
  white-space: nowrap;
}

div.node .read-more a:hover,
div.node .more-link a:hover,
div.node .links a:hover {
  color: #DFB77C;
  text-decoration: underline;
}

div.node ul.links li.comment_forbidden a {
padding-right: 2px;
}

div.node .links {
  background: #444444;
  clear: both;
  line-height: 130%;
  margin: 10px 0;
}


/* Blocks
-------------------------------------------------------------- */

div.block-wrapper {                    /* spacing between blocks */
  margin: 0 0 20px;
}

#footer-region .block-wrapper {
  margin: 0;
}

div.block h2.title {
  margin: 0 0 10px;
  padding: 0 0 0 14px;
}

div.block ul {
  padding: 0;
}

div.block ul li {
  font-weight: normal;
  line-height: 1.4285em;
  list-style: none;
  list-style-image: none;
  list-style-type: none;
  margin: 0.1em 0 0.2em 0;
  text-decoration: none;
}

div.block ul li a {
  color: #A3A3A3;
  text-decoration: none;
}

div.block ul li a:hover {
  color: #DFB77C;
}

/* for region labels on block admin page */
div.block-region {
  background-color: #FFFF66;
  color: #000;
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 4px;
  margin-top: 4px;
  padding: 3px;
  text-align: center;
}

/* front-page sidebar-first blocks */
#sidebar-first .block h2.title {
  padding: 0;
}

body.front #sidebar-first .block h2.title .first-word {
}

#sidebar-last .block h2.title {
  padding: 0;
}

body.not-front #sidebar-first .block h2.title .first-word,
#preface-sidebar .block h2.title .first-word {
}

#footer .block h2.title {
  padding: 0;
}

/* block not-front */
body.not-front .block-wrapper {
  margin-bottom: 40px;
}

/* block not-front content-top */
body.not-front #content-top div.block-wrapper {
  background: transparent url('images/content-top-bg.png') repeat;
  color: #000;
  margin: 76px 0 0;
  padding: 10px;
}

body.not-front #content-top div.block h2.title {
  background: none;
  padding: 0 0 4px;
}

/* postscript blocks */
#postscript-wrapper div.block h2.title {
  margin-bottom: 14px;
  padding: 0;
}

#postscript-wrapper div.block h2.title {
  background: transparent;
  padding: 0;
}

/* USER LOGIN */
/* remove list styling on login block */
#user-login-form div.item-list ul li {
  list-style-type: none;
  margin: 0;
}

/* adjust openid link */
/* note: display set in openid.js */
html.js #user-login-form li.openid-processed, 
html.js #user-login li.openid-processed {
  list-style-type: none;
  margin-top: 15px;
  padding: 5px 0 0 18px;
}

#user-login-form li.openid-link, 
#user-login li.openid-link {
  background-position: 0 0.5em;
  padding-left: 18px;
}


/* HEADER - USER LOGIN */
/* horizontal style login block*/
#header-top .block-wrapper {
  margin: 0;
}

#header-top #block-user-0 {
  padding-top: 10px;
}

#header-top #block-user-0 h2.title {
  display: none;
}

#header-top #block-user-0 #edit-name-wrapper,
#header-top #block-user-0 #edit-pass-wrapper,
#header-top #block-user-0 #user-login-form span.button-wrapper,
#header-top #block-user-0 .item-list {
  float: left;
  margin: 5px 10px 0 0;
}

#header-top #block-user-0 #user-login-form label {
  color: #eee;
  font-weight: bold;
  margin-left: 2px;
  position: static;
}

html.js #header-top #block-user-0 #user-login-form label {
  font-size: 85%;
  font-weight: normal;
  margin-left: 5px;
  position: absolute;
}

#header-top #block-user-0 #user-login-form input.form-text {
  border: 1px solid #ccc;
  color: #eee;
  padding: 1px;
  width: 115px;
}

#header-top #block-user-0 #user-login-form span.button-wrapper,
#header-top #block-user-0 .item-list {
  font-size: 80%;
  margin-top: 20px;
}

html.js #header-top #block-user-0 #user-login-form span.button-wrapper,
html.js #header-top #block-user-0 .item-list {
  margin-top: 0;
}

#header-top #block-user-0 .item-list li {
  font-size: 90%;
}

/* OpenID */
html.js #header-top #block-user-0 #user-login-form li.openid-processed, 
html.js #header-top #block-user-0 #user-login li.openid-processed {
  margin-top: 0;
}

#header-top #block-user-0 #edit-openid-identifier-wrapper {
  float: left;
  margin: 5px 10px 0 0;
  padding-top: 0;
}

#header-top #block-user-0 .item-list li.user-link {
  padding-left: 0;
}

#header-top #block-user-0 #user-login-form input#edit-openid-identifier.form-text {
  padding-left: 20px;
}

#header-top #block-user-0 #edit-openid-identifier-wrapper .description {
  font-size: 75%;
}


/* Block menus
-------------------------------------------------------------- */

div.block ul.menu li a {
  font-size: 1.1em;
}

div.block ul.menu li a:link,
div.block ul.menu li a:visited {
}

div.block ul.menu li a:hover,
div.block ul.menu li a:active {
}

div.block ul.menu li.expanded {
  background: transparent url('images/arrow-white.png') no-repeat 0 7px;
  padding-left: 10px;
}

div.block ul.menu li.expanded a,
div.block ul.menu li ul.menu li.leaf a {
  color: #fff;
}

div.block ul.menu li a:hover,
div.block ul.menu li.expanded a:hover,
div.block ul.menu li ul.menu li.leaf a:hover,
div.block ul.menu li ul.menu li.leaf a.active {
  color: #DFB77C;
  text-decoration: underline;
}

div.block ul.menu li ul.menu {
  font-size: 0.9em;
  line-height: 1.666em;
  margin: 0 0 10px 16px;
}

div.block ul.menu li a.active {
  font-weight: bold;
}

div.block ul.menu li ul.menu li ul.menu li {

}


/* Rounded corners for blocks (optional)
-------------------------------------------------------------- */

div.rounded-block {
  margin-top: -1px;                               /* use negative margin to overlap stacked blocks */
}

p.rounded-topspace,
p.rounded-bottomspace {
  margin: 0;                               /* removes unwanted space */
}

div.rounded-block-top-left, 
div.rounded-block-top-right, 
div.rounded-block-bottom-left, 
div.rounded-block-bottom-right { 
  background: transparent url('images/rounded-blocks.png') no-repeat;         /* combined rounded corner image */
  font-size: 2px;                                 /* IE div correction */
  height: 11px;                                   /* height of an image corner */
}

div.rounded-block-top-left, 
div.rounded-block-bottom-left { 
  margin-right: 11px;                             /* width of an image corner */
}

div.rounded-block-top-right {                        /* anchor image in top right */
  background-position: 100% 0;
}

div.rounded-block-top-right,
div.rounded-block-bottom-right { 
  margin-left: 11px;                              /* width of an image corner */
  margin-top: -11px;                              /* height of an image corner */
}

div.rounded-block-bottom-left  { 
  background-position: 0 -23px;                   /* negative height of an image corner */
}

div.rounded-block-bottom-right { 
  background-position: 100% -23px;                /* negative height of an image corner */
}

div.rounded-inside {
  background: #292929 url('images/block-gradient.png') repeat-x bottom;
  border-bottom: 0;
  border-left: 1px solid #4B4B4B;
  border-right: 1px solid #4B4B4B;
  border-top: 0;
  overflow: hidden;
  padding: 0 10px;
}


/* Rounded corners for node links & content-bottom
-------------------------------------------------------------- */

.inner {
  padding: 0 10px;
}

.corner {
  background: transparent url('images/rounded-corners.png') no-repeat 0;
  display: block;
  height: 6px;
  width: 6px;
}

.top-left {
  background-position: left top;
}

.top-right {
  background-position: right top;
  float: right;
}

.bottom-left {
  background-position: left bottom;
}

.bottom-right {
  background-position: right bottom;
  float: right;
}


/* Primary menu
-------------------------------------------------------------- */

#primary-menu {                                   /* menu layout */
  display: block;
  padding: 20px 0;
  text-align: right;
}

#primary-menu ul.links li {
  font-size: 1.1428em;
  padding: 7px 5px;
  text-decoration: none;
  text-transform: lowercase;
}

#primary-menu ul.links li a {                       /* text styling for the top (primary) menu */
  padding: 7px 10px 7px 5px;
  text-decoration: none;
}

#primary-menu ul.links li a {
  color: #999;
}

#primary-menu ul.links li:hover,
#primary-menu ul.links li:active,
#primary-menu ul.links li.active-trail {
  background: transparent url('images/pri-hover-left.png') no-repeat left;
}

#primary-menu ul.links li a:hover,
#primary-menu ul.links li:hover a,
#primary-menu ul.links li a:active,
#primary-menu ul.links li.active-trail a {
  background: transparent url('images/pri-hover-right.png') no-repeat right;
  color: #fff;
}

#primary-menu ul.links li.first {                 /* .first and .last classes applied to first and last menu & list items */
}
  
#primary-menu ul.links li.last {                  /* .first and .last classes applied to first and last menu & list items */
}
  
#primary-menu ul.links li a:link,
#primary-menu ul.links li a:visited {
}
  

/* Secondary menu
-------------------------------------------------------------- */

#secondary-menu {
  margin-bottom: 20px;
  padding: 0;
}

#secondary-menu ul li {
  display: list-item;
  font-weight: normal;
  line-height: 1.4285em;
  list-style: none;
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  padding: 0.2em 0.5em 0 0;
  text-decoration: none;
}

#secondary-menu ul li a {
  color: #A3A3A3;
  text-decoration: none;
}

#secondary-menu ul li a.active {
  color: #FFF;
}

#secondary-menu ul li a:hover {
  color: #DFB77C;
}


/* Breadcrumbs
-------------------------------------------------------------- */

#breadcrumb {
}  


/* Drupal messages
-------------------------------------------------------------- */

.node-unpublished {
  background-color: #4F4444;
}

.preview,
.preview .node {
  background-color: #36322E;
  border: 1px solid #47433E;
  padding: 10px;
}

div.messages {
  background: #EEE6A7;
  border: 6px solid #EED300;
  color: #745500;
  font-weight: 600;
  font-size: 1em;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 14px;
}

div.messages a {
  color: #1767B1;
}

div.messages ul {
  list-style-position: inside;
}

div.messages em {
  color: #555555;
}

div.error {
  background-color: #FFF2F2;
  border-color: #CC0000;
  color: #B20000;
}

div.messages.status,
.help {
  background-color: #EAF8E4;
  border: 6px solid #8DC478;
  color: #3E642F;
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 10px 16px;
}

.help {
  background-color: #E4EEF8;
  border: 6px solid #57718A;
  color: #292929;
}

.help a,
.help .more-help-link a {
  color: #1767B1;
}

#content-wrapper ul.tips  li {
  background: transparent;
  font-size: 1em;
  list-style: disc;
  list-style-image: none;
  list-style-position: inside;
}

#closure {
  background-color: #000000;
  color: #999999;
  font-size: 0.85em;
  padding-top: 10px;
  text-align: center;
}

/* Tabs
-------------------------------------------------------------- */

/* styling for node tabs (e.g., View, Edit) */
#content-tabs {
  background-color: transparent;
  float: left;
  margin: 20px 0;
  padding: 0;
}

#content-tabs ul.primary,
#content-tabs ul.secondary {
  border-bottom: 1px solid #000;
  clear: both;
  float: left;
  margin: 0;
  padding: 0 10px;
}

#content-tabs ul.secondary {
  border-bottom: 1px solid #555;
  margin-top: 10px;
  text-transform: lowercase;
}

#content-tabs ul.primary li,
#content-tabs ul.secondary li {
  border-style: none;
  display: inline;
  float: left;
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited,
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  background-color: transparent;
  border: none;
  color: inherit;
  float: left;
  font-size: 1.1em;
  line-height: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 0 0 6px 0;
  text-decoration: none;
  white-space: nowrap;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  color: #fff;
  font-size: 1em;
  line-height: 1.1em;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 4px solid #DFB77C;
  color: #999;
  padding-bottom: 2px;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 4px solid #DFB77C;
  color: #999;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.secondary li a:hover {
  border-bottom: 4px solid #DFB77C;
  color: #999;
  padding-bottom: 2px;
}


/* Forms
-------------------------------------------------------------- */

form {
  margin: 0;
  padding: 0;
}

textarea,
select,
input.text,
input.form-text,
input.title {
  background: #1f1f1f;
  border: 1px solid #6D6D6D;
  color: #EEEEEE;
  margin: 0;
  padding: 2px;
}

textarea {
  line-height: 1.5em;
  height: auto;
}

label {
  font-weight: bold;
}

legend {
  font-weight: bold;
  font-size: 1.2em;
}

fieldset {
  background: #3E3E3E;
  border: 1px solid #555;
  margin: 1.5em 0;
  padding: 0 1.4em 1.4em 1.4em;
}

fieldset legend {
  display: block;
  font-size: 1em;
  background: #1B1B1B;
  border: 1px solid #555;
  padding: 0 0.4em;
}

fieldset dl,
fieldset select {
  margin: 0;
}

/* prevent uncessary scrollbars */
fieldset .collapsible {
  overflow: hidden;
}

/* buttons */
.form-submit,
.teaser-button {
  background-color: #4D4D4D;
  border: 1px solid #000;
  color: #FFFFFF;
  font-size: 1em;
  font-weight: normal;
  height: 25px;
  margin: 0;
  padding: 0 6px 2px;
}

.form-submit:hover,
.teaser-button:hover,
#sidbar-first .form-submit:hover,
#sidebar-last .form-submit:hover {
  background: #3D3D3D;
  cursor: pointer;
}

#sidebar-first .form-submit,
#sidebar-last .form-submit {
  color: #333;
}

.form-item .resizable-textarea .grippie {
  background-color: #4D4D4D;
  border: 1px solid #6D6D6D;
  border-top: none;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border: 1px solid #666;
}

div.resizable-textarea textarea {
  margin-top: 0;
}

div.form-item div.description img {
  margin: 0;
}

 html.js input.form-autocomplete {
  background-position: 100% 3px;
  background-image: url('images/throbber.gif');
  max-width: 96%;
 }
 
html.js input.throbbing {
  background-position: 100% -17px;
}

#autocomplete {
  background: #292929;
}

#autocomplete li {
  background: #292929;
  color: #F0F0F0;
  border-color: #6D6D6D;
}

#autocomplete li.selected {
  background: #3E3E3E;
  color: #F0F0F0;
}

div.form-item {
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}

html.js fieldset.collapsed {
  background: none;
  margin-bottom: 20px;
}

html.js fieldset.collapsible legend a {
  background: transparent url('images/menu-expanded.gif') no-repeat scroll 0% 50%;
  text-decoration: none;
}

html.js fieldset.collapsed legend a {
  background: transparent url('images/menu-collapsed.gif') no-repeat scroll 0% 50%;
}

html.js fieldset legend:hover {
  background-color: #555;
  border: 1px solid #000;
}

div.error,
tr.error,
span.marker {
  background: #FFCCCC;
  color: #8A1F11;
}

div.error a {
  color: blue;
  text-decoration: underline;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #DD7777;
  background: #FFCCCC;
  color: #8A1F11;
}

.form-item strong.error {
  display: block;
}

.form-item textarea.error {
  padding: 0.2em;
}

.form-item .description {
  font-size: 0.9em;
  line-height: 1.667em;
}

/* theme settings form field width limit */
form#system-theme-settings select,
form#system-theme-settings input.form-text {
  max-width: 95%;
}

/* keep theme select form visible */
#system-themes-form {
  position: relative;
  z-index: 1;
}

/* keep theme switcher visible */
.form-item select#edit-theme {
  max-width: none;
}

#user-login-form {
  text-align: left;
}

body.layout-first-main-last #content .form-text {
  max-width: 356px;
}

#sidebar-first select,
#sidebar-last select {
  max-width: 158px;
}

#field-picture-items {
  margin: 0 0 30px 0;
}


/**
 * Form graphic buttons
 */
span.button-wrapper {
  cursor: pointer;
}

span.button {
  background: transparent url('images/submit-button-right.png') no-repeat right top;
  display: -moz-inline-box;        /* for FF2 */
  display: inline-block;
  height: 33px;
  padding: 0 10px 0 0;
  position: relative;
}

span.button span {
  background: transparent url('images/submit-button.png') no-repeat left top;
  display: -moz-inline-box;        /* for FF2 */
  display: inline-block;
  height: 33px;
  margin-right: -2px;
  padding: 0 0 0 9px;
}

span.button span input {
  background-color: transparent;
  border: 0;
  color: #000;
  cursor: pointer;        /* for Opera */
  font-size: 12px;
  height: 33px;
  margin: 0 !important;
  padding: 0;
  white-space: nowrap !important;
}

span.button-wrapper:hover span.button {
  background-position: right -33px;
}

span.button-wrapper:hover span.button span {
  background-position: left -33px;
}

span.button span input:hover {
  background-color: transparent;
}

/* sidebars buttons */
#sidebar-first span.button,
#sidebar-last span.button {
  background: transparent url('images/sidebar-button-right.png') no-repeat right top;
  height: 24px;
}

#sidebar-first span.button span,
#sidebar-last span.button span {
  background: transparent url('images/sidebar-button.png') no-repeat left top;
  height: 24px;
}

#sidebar-first span.button span input,
#sidebar-last span.button span input {
  height: 24px;
}

#sidebar-first span.button-wrapper:hover span.button,
#sidebar-last span.button-wrapper:hover span.button {
  background-position: right -24px;
}

#sidebar-first span.button-wrapper:hover span.button span,
#sidebar-last span.button-wrapper:hover span.button span {
  background-position: left -24px;
}

#sidebar-first span.button span input:hover,
#sidebar-last span.button span input:hover {
  background-color: transparent;
}


/* Tables
-------------------------------------------------------------- */

table {
  border-collapse: collapse;
  margin-bottom: 1em;
  width: 100%;
}

th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #CCC;
}

tr {
  padding: 0.1em 0.6em;
}

td {
  padding: 3px 8px;
}

td.active {
  background: none;
}

th.active img {
  display: inline;
}

tr.even {
  background-color: #242424;
  border-bottom: 1px solid #000;
}

tr.odd {
  background-color: #303030;
  border-bottom: 1px solid #000;
}

tr.selected {
  color: #000
}

tbody {
}

tbody th {
  border-bottom: 1px solid #000;
}

thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #000;
}

table.sticky-header {
  background: #000;
}

tr.draggable.drag-previous {
  background-color: #525252;
}

/* Pagers
-------------------------------------------------------------- */

ul.pager {
  line-height: 1.667em;
  margin: 1.667em 0;
  font-size: 0.9em;
}

ul.pager a, ul.pager li.pager-current {
  border: 1px solid #000;
  text-decoration: none;
  margin-right: 3px;
  padding: 3px 6px;
}

ul.pager li.pager-current {
  background: #000;
  color: #DFB77C;
}

ul.pager a:link,
ul.pager a:visited {
  color:#DFB77C;
}

ul.pager a:hover,
ul.pager a:focus,
ul.pager a:active {
  background-color: #000;
  color: #DFB77C;
  border: 1px solid #000;
}

ul.pager span.pager-ellipsis {
  padding: 0 0.5em;
}

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


/* Admin page(s)
-------------------------------------------------------------- */

div.admin {
  padding-top: 0; /* fix alignment of admin panel */
}

/* keep admin columns from dropping under */
div.admin .left,
div.admin .right {
  margin-left: 1%;
  margin-right: 1%;
}

div.admin-panel {
  padding: 1.5em 0 0 0;
}

div.admin-panel .body {
  padding: 0;
}

div.admin-panel .description {
  margin: 0 0 1.5em 0;
  padding: 0;
}

#user-admin-filter ul li,
#node-admin-filter ul li {
  list-style: none; /* remove list style from content node filter */
}

div.admin-dependencies,
div.admin-required {
  color: #FFFFFF;
  font-size: 1em;
}


/* Maintenance
-------------------------------------------------------------- */

.in-maintenance #header-middle #logo {
  float: left;
  margin-right: 10px;
}

.in-maintenance #header-middle #logo {
  display: inline;
  margin: 0 14px 10px 0;
}

.in-maintenance #header-middle  h1 {
  color: #525252;
  display: inline;
  font-size: 2.1em;
  font-weight: normal;
  letter-spacing: 3px;
  position: relative;
  text-transform: uppercase;
  top: 3px;
  white-space: nowrap;
}

.in-maintenance #header-middle  h1 a {
  color: #525252;
  text-decoration: none;
}


/**********************
 MODULE STYLES
**********************/



/* Book navigation
-------------------------------------------------------------- */

.book-navigation .menu {
  border-top: 1px solid #CCC;
  padding: 1em 0 0 3em;
}

.book-navigation .page-links {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  text-align: center;
  padding: 0.5em;
}


/* Calendar
-------------------------------------------------------------- */

/* pop-up calendar styles */
div#calpopup {
  color: #444
}

div#calpopup a:link,
div#calpopup a:visited {
  color: #B38542;
}

div#calpopup a:hover,
div#calpopup a:active {
  color: #DFB77C;
}


/* Comments
-------------------------------------------------------------- */

div.comment {
  clear: both;
  margin: 16px 0;
  padding: 10px
}

h2.comments {
  border-bottom: 1px dotted #98846C;
  font-size: 1.4285em;
  font-weight: bold;
  padding-bottom: 10px;
  text-transform: uppercase;
}

div.comment h3.title {
  font-weight: normal;
  margin: 0 0 5px 0;
}

div.comment h3.title a {
  text-decoration: none;
}

div.comment .submitted {
  color: #E8DCC4;
}

div.comment .comment-name {
  font-weight: bold;
}

div.comment div.links a,
div.comment ul.links a {
  color: #E2B57C;
  text-decoration: underline;
}

div.comment div.links ul li {
  border-right: 1px solid #E2B57C;
  font-size: 0.8571em;
  padding: 0 10px;
}

div.comment div.links ul li.first {
  padding-left: 0;
}

div.comment div.links ul li.last {
  border: none;
  padding-right: 0;
}

#comments div.odd {
  background-color: inherit;
}

#comments div.even {
  background-color: #343434;
}

div.comment .picture {
  float: right;
}

.signature {
  border-top: 1px solid #D6DDB9;
  font-size: 0.916em;
  margin: 10px 0;
  padding: 0;
}


/* Forums
-------------------------------------------------------------- */

#forum .description {
  font-size: 0.9em;
  margin: 0.5em;
}

#forum td.created, 
#forum td.posts, 
#forum td.topics, 
#forum td.last-reply,
#forum td.replies, 
#forum td.pager {
  white-space: nowrap;
}

#forum td.posts, 
#forum td.topics, 
#forum td.replies, 
#forum td.pager {
  text-align: center;
}

.forum-topic-navigation {
  padding: 1em 0 0 3em;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  text-align: center;
  padding: 0.5em;
}

.forum-topic-navigation .topic-previous {
  text-align: right;
  float: left;
  width: 46%;
}

.forum-topic-navigation .topic-next {
  text-align: left;
  float: right;
  width: 46%;
}


/* Panels
-------------------------------------------------------------- */


#modal-content a {
  color: #2385C2;
}

#modal-content a {
  color: #2385C2;
}

#modal-content textarea {
  background: #fff;
  color: #000;
}

#panels-panel-context-edit-content h2 {
  margin: 10px 0;
}

#modal-content fieldset,
#modal-content legend,
#modal-content textarea,
#modal-content select,
#modal-content input.text,
#modal-content input.form-text,
#modal-content input.title {
  background: #fff;
  color: #292929;
}

#panels-dnd-main .panel-pane,
#panels-dnd-main .helperclass {
  color: #292929;
}

.ctools-owns-lock {
  color: #000;
}

/* Polls
-------------------------------------------------------------- */

div.poll div.bar {                                      /* styles for poll ratings */
  background-color: #DDD;
}

div.poll div.bar div.foreground {
  background-color: #999;
}


/* Profiles
-------------------------------------------------------------- */

.profile {
  clear: none;
  margin: 12px 0;
}

.profile h2.title {
  margin-top: 15px;
  border-bottom: 1px solid;
}

.profile h3 {
  border-bottom: 1px solid #444444;
}

.profile dd {
  margin: 15px 5px 0 205px;
}

.profile dt {
  float: left;
  margin-bottom: -10px;
  margin-right: 5px;
  padding: 0 5px;
  text-align: left;
  width: 185px;
}


/* Search results
-------------------------------------------------------------- */


/* Vertical Tabs
-------------------------------------------------------------- */

.vertical-tabs {
  background-color: #3E3E3E;
  border-color: #6D6D6D;
}

.vertical-tabs-list {
  border-color: #6D6D6D;
}

.vertical-tabs-list li {
  background-color: #1B1B1B;
  border-color: #6D6D6D;
}

.vertical-tabs-list li.selected {
  background-color: #3E3E3E;
}

.vertical-tabs-list li.selected strong {
  color: #F0F0F0;
}

.vertical-tabs ul.vertical-tabs-list .summary {
  color: #A3A3A3;
}

.vertical-tabs ul.vertical-tabs-list a:link,
.vertical-tabs ul.vertical-tabs-list a:visited {
  color: #555;
}

.vertical-tabs ul.vertical-tabs-list a:hover,
.vertical-tabs ul.vertical-tabs-list a:active {
  color: #212121;
}

/* Views
-------------------------------------------------------------- */

div.view-style-node{
}

div.view-style-teaser{
}

div.view-style-list{
}

div.view-style-table{
}

div.view div.views-admin-links li {
  background: transparent !important;
}

/* views form field width limit */
.views-edit-view input,
.views-edit-view textarea {
  max-width: 95%;
}

#views-ui-edit-view-form {
  margin: 20px 0;
}


/* make text legible in views admin */
div.views-admin-links a,
div.views-admin-links-hover a,
div.view div.views-admin-links:hover a{
  color: #fff;
}

.views-edit-view a,
.views-entry a {
  color: #1767B1;
}

#views-ajax-form,
#views-ajax-pad .form-item,
#views-ajax-pad .views-expose .description,
#views-ajax-pad .views-override .description,
.changed,
.defaulted,
.views-category,
.views-category-content,
.views-entry,
.tab-section,
.views-tab {
  color: #000 !important;
}

#views-ajax-pad table.sticky-enabled tr td {
  color: #fff;
}


/* Web Accessibility 
-------------------------------------------------------------- */

/*skip-link*/

#skip a,
#skip a:hover,
#skip a:visited {
  height: 1px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: -500px;
  width: 1px;
}

#skip a:active, 
#skip a:focus {
  height: auto;
  position: static;
  width: auto;
}

/*USER DEFINED*/

#legal-notice {
  display: none;
}

html {
  /*background: #fff url('images/bg_html.gif') center top repeat-y fixed;*/
  background: #fff url('images/bg_html.jpg') center top no-repeat fixed;
}
body {
  color: #fff;
  font-size: 12px;
  line-height: 1.3em;
  background: none;
}

a,
a:link {
  color: #e07801;
  text-decoration: none;
}

a:active,
a:hover,
a:focus {
  color: #e07801;
  text-decoration: underline;
}

h1,h2,h3,h4 {
  font-weight: bold;
}

textarea,
select,
input.text,
input.form-text,
input.title {
  background: #fff;
  border: 1px solid #939598;
  color: #939598;
  padding: 2px;
}
fieldset {
  background: none;
  border: 1px solid #939598;
  padding: 1.4em;
}
fieldset legend {
  background: #000;
  border: 1px solid #939598;
}
html.js fieldset legend:hover {
  background-color: #000;
  border: 1px solid #939598;
}

blockquote {
  color: inherit;
  font-style: normal;
  margin: 0 1.5em;
}

table {
}
th {
}
tr {
}
td {
}
td.active {
}
th.active img {
}
tr.even {
  background-color: #231f20;
}
tr.odd {
  background-color: #333132;
}
tr.selected {
}
tbody {
}
tbody th {
}
thead th {
}
table.sticky-header {
  background: #;
}
tr.draggable.drag-previous {
  background-color: #;
}

.form-item .resizable-textarea .grippie {
  background-color: #dcddde;
  border: 1px solid #939598;
  border-top: none;
}

h1.title {
  font-size: 24px;
  font-weight: normal;
  color: #e07801;
  margin: 0 0 10px 0;
  padding: 5px 0;
}
body.front h1.title {
  display: none;
}

div.block h2.title {
  font-weight: normal;
  margin: 0 0 10px;
  padding: 0;
  background: none;
}
div.block ul li {
}
div.block ul li a {
  color: #;
}
div.block ul li a:hover {
  color: #;
}

div.block ul.menu {
  padding: 0;
}
div.block ul.menu li {
  margin: 0;
  padding: 0;
}
div.block ul.menu li.expanded {
  background: none;
}
div.block ul.menu li a {
  font-size: 13px;
}
div.block ul.menu li.expanded a,
div.block ul.menu li ul.menu li.leaf a {
  color: #;
}
div.block ul.menu li a:hover,
div.block ul.menu li.expanded a:hover,
div.block ul.menu li ul.menu li.leaf a:hover,
div.block ul.menu li ul.menu li.leaf a.active {
  color: #;
  text-decoration: none;
}
div.block ul.menu li ul.menu {
  font-size: 0.9em;
  line-height: 100%;
  margin: 0;
}

div.node {
  margin: 20px 0;
}
body.front div.node {
  margin: 0 0 20px 0;
}
div.node h2.title {
  font-weight: normal;
  margin: 0 0 10px 0;
}
div.node h2.title a:hover {
  color: #;
}
div.node .links {
  font-size: 90%;
  background-color: transparent;
  clear: both;
  line-height: 130%;
  margin: -8px 0;
  text-align: right;
}
div.node ul.links li,
div.node ul.inline li,
div.node .read-more a,
div.node .more-link a,
div.node .links a {
  color: #;
  font-weight: normal;
  padding-right: 14px;
  text-decoration: none;
}

div.node ul.links li,
div.node ul.inline li {
  color: #;
  font-weight: normal;
}
div.node .read-more a:hover,
div.node .more-link a:hover,
div.node .links a:hover {
  color: #;
  text-decoration: none;
}
div.node ul {
  margin-left: 10px;
  list-style-position: outside;
}
div.full-node span.submitted {
  display: none;
}

ul.pager {
}
ul.pager a, ul.pager li.pager-current {
  border: none;
  text-decoration: none;
}
ul.pager li.pager-current {
  background: transparent;
  color: #;
  font-weight: normal;
  border-bottom: 1px solid #;
}
ul.pager a:link,
ul.pager a:visited {
  color: #;
}
ul.pager a:hover,
ul.pager a:focus,
ul.pager a:active {
  background-color: transparent;
  color: #;
  border: none;
  border-bottom: 1px solid #;
}
ul.pager span.pager-ellipsis {
}
.item-list .pager li {
}

.corner {
  background: none;
}

body.layout-main #content-wrapper {
  margin: 0;
  padding: 0;
  width: 962px;
}
body.layout-main #content,
body.front.layout-main #content {
  border: none;
  margin: 0;
  padding: 0 14px;
}
body.layout-main #content-top,
body.front.layout-main #content-top {
  padding: 0 14px 14px 14px;
}

body.layout-first-main #sidebar-first {
  padding: 0;
  margin: 0 14px;
  width: 360px;
}
body.layout-first-main #content-wrapper {
  margin: 0; 
  width: 560px;
  padding: 0;
}
body.layout-first-main #content,
body.front.layout-first-main #content {
  border: none;
  margin: 0;
  padding: 0;
}
body.layout-first-main #content-inner {
  padding: 14px;
}

body.layout-main-last #sidebar-last {
  margin: 0 14px;
  padding: 0;
  width: 182px;
}
body.layout-main-last #content-wrapper {
  margin: 0 0 0 14px;
  width: 738px;
}
body.layout-main-last #content,
body.front.layout-main-last #content {
  border: none;
  margin: 0;
  padding: 0;
}

body.layout-first-main-last #sidebar-first {
  margin: 0 14px;
  width: 360px;
}
body.layout-first-main-last #content-wrapper {
  margin: 0;
  position: relative;
  width: 364px;
  z-index: 1;                    /* keep content visible on admin pages */
}
body.layout-first-main-last #sidebar-last {
  margin: 0 14px;
  padding: 0;
  width: 182px;
}
body.layout-first-main-last #content,
body.front.layout-first-main-last #content {
  border: none;
  margin: 0;
  padding: 0 14px;
}

#page {
  width: 962px;
}
#main-wrapper {
  margin: 0;
}
#content-wrapper {
}
#content {
  min-height: 400px;
}
#content-top {
  background: none;
  padding: 0 0 14px 0;
  color: #fff;
}
#content-inner {
}
#content-inner div.node {
  /*padding-left: 10px;
  padding-right: 10px;*/  
}
#content-bottom {
  background: none;
  margin: 0;
}
body.not-front #content-top div.block-wrapper {
  color: #fff;
  background: none;
  margin: 0;
  padding: 0;
}
#sidebar-first {
}
#sidebar-last {
}
#sidebar-last .block-wrapper {
  margin-bottom: 14px;
}

#block-locale-0 {
  height: 15px;
  float: right;
  margin: 0 14px 0 0;
}
#block-locale-0 ul li {
  display: inline;
  margin: 0 0 0 5px;
  padding: 0 0 0 7px;
  font-size: 11px;
  list-style: none;
  border-left: 1px solid #939598;
}
#block-locale-0 ul li.first {
  border: none;
}
#block-locale-0 ul li a {
  color: #939598;
}
#block-locale-0 ul li a:hover,
#block-locale-0 ul li a.active {
  color: #fff;
}
#header-wrapper {
  height: 420px;
  margin: 0;                                
  overflow: visible;
  padding: 0;
  position: static;
  background: transparent url('images/bg_header-wrapper.jpg') 725px 20px no-repeat;
}
#header-first {
  margin: 0;
  width: 473px;
}
#header-first #logo {
  display: block;
  margin: 16px 0 0 18px;
}

#header-middle {
  width: 934px;
  /*height: 156px;*/
  overflow: hidden;
  display: block;
  margin: 0 14px;
  padding: 0;
  position: static;
  clear: left;
  background: transparent url('images/bg_header-middle.jpg') center 56px no-repeat;
}
#header-middle .block-wrapper {
  margin: 0;
}
#block-menu_block-1 {
  margin: 16px 0 0 0;
  padding: 0;
}
#block-menu_block-1 ul.menu {
  text-align: center;
}
#block-menu_block-1 ul.menu li {
  display: block;
  float: left;
  list-style: none;
  margin: 0 0 0 8px;
  background: transparent url('images/bg_menu-primary-links-li.gif') left bottom no-repeat;
}
#block-menu_block-1 ul.menu li:hover,
#block-menu_block-1 ul.menu li.active-trail {
  background: transparent url('images/bg_menu-primary-links-li-active.gif') left bottom no-repeat;
}
#block-menu_block-1 ul.menu li.first {
  margin-left: 0;
}
#block-menu_block-1 ul.menu li a {
  width: 126px;
  height: 32px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  background: transparent url('images/bg_menu-primary-links-a.gif') right bottom no-repeat;
}
#block-menu_block-1 ul.menu li a:hover,
#block-menu_block-1 ul.menu li.active-trail a {
  color: #fff;
  background: transparent url('images/bg_menu-primary-links-a-active.gif') right bottom no-repeat;
}
#block-menu_block-1 ul.menu li.menu-mlid-394 a,
#block-menu_block-1 ul.menu li.menu-mlid-407 a,
#block-menu_block-1 ul.menu li.menu-mlid-405 a,
#block-menu_block-1 ul.menu li.menu-mlid-409 a,
#block-menu_block-1 ul.menu li.menu-mlid-411 a,
#block-menu_block-1 ul.menu li.menu-mlid-412 a,
#block-menu_block-1 ul.menu li.menu-mlid-415 a,
#block-menu_block-1 ul.menu li.menu-mlid-401 a {
  font-size: 12px;
  line-height: 17px;
}

#block-search-0 {
  float: right;
  height: 106px;
  padding: 0;
}
#block-search-0 .content {
  margin: 40px auto 0 auto;
  overflow: hidden;
}
#block-search-0 label {
  display: none;
}
#block-search-0 .form-text {
  float: left;
  font-size: 11px;
  width: 137px;
  height: 19px;
  line-height: 19px;
  margin: 0;
  padding: 0 2px;
  border: none;
  background: transparent url('images/bg_search-input.gif') right top no-repeat;
}
#block-search-0 .form-submit {
  float: right;
  width: 69px;
  height: 19px;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  overflow: hidden;
  color: #000;
  font-size: 10px;
  line-height: 19px;
  background: url('images/btn_search.gif') top left no-repeat;
}
#header-middle #block-search-0 span {
  background: none;
  margin: 0;
  padding: 0;
}

#slogan {
}
#mission {
}
#preface-wrapper {
}

.block-user {
  padding: 0;
}
div.block-user ul li a {
  font-size: 80%;
  color: #939598;
}
div.block-user ul li a:hover,
div.block-user ul.menu li a:hover {
  color: #e07801;
}

#breadcrumb {
  height: 41px;
  background: # url('images/bg_breadcrumb.gif') top left no-repeat;
}
#breadcrumb .breadcrumb {
  height: 31px;
  line-height: 31px;
  padding: 0 10px;
  font-size: 12px;
  text-transform: lowercase;
}

#content-top a {
  color: #fff;
}
#content-top ul.menu {
  float: left;
}
#content-top ul.menu li ul.menu {
  position: absolute;
  margin-top: 5px;
}
#content-top ul.menu li {
  display: inline;
  margin: 0 7px 0 0;
  padding: 0 0 0 10px;
  border-left: 1px solid #;
}
#content-top ul.menu li.first {
  padding-left: 0;
  border-left: none;
}
#content-top ul.menu li a {
  color: #; 
}
#content-top ul.menu li a:hover,
#content-top ul.menu li a.active,
#content-top ul.menu li a.active-trail {
  color: #;
  font-weight: normal;
}

#postscripts {
  background: none;
}

#postscript-wrapper {
  color: #939598;
  margin: 0 auto;
  padding: 0;
  width: 934px;
  min-height: 302px;
  background: transparent url('images/bg_postscripts.png') left top no-repeat;
}

#footer {
  width: 962px;
  margin: 0 auto;
  padding: 0;
  color: #939598;
  display: block;
  font-size: 10px;
  background: none;
}
#footer a {
  font-weight: normal;
  color: #fff;
  text-decoration: none;
}
#footer a:hover,
#footer a:active {
  color: #e07801;
}
#footer-wrapper {
  padding: 0 14px;
}
#footer-message {
  float: left;
  width: 738px;
  text-align: left;
  margin: 0;
}
#footer-region {
  width: 182px;
  margin: 0;
  padding: 0;
}

#content-tabs {
  width: 550px;
  margin: 0;
  padding: 10px 0;
  background-color: none;
}
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 4px solid #e07801;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 4px solid #e07801;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.secondary li a:hover {
  border-bottom: 4px solid #e07801;
}

#block-block-1,
#block-block-2,
#block-block-3,
#block-block-4 {
  clear: right;
  float: left;
  width: 186px;
  height: 116px;
}
#block-block-4 {
  width: 180px;
}
#block-block-4 .content {
  padding: 5px;
  overflow: hidden;
  color: #fff;
}
#block-block-1,
#block-block-3 {
  background: transparent url('images/bg_ict-block-gray.gif') left top no-repeat;
}
#block-block-2,
#block-block-4 {
  background: transparent url('images/bg_ict-block-blue.gif') left top no-repeat;
}
#block-block-1 .content,
#block-block-2 .content,
#block-block-3 .content {
  padding: 5px 11px 5px 5px;
  overflow: hidden;
  color: #fff;
}
#block-block-1 h2.block-title,
#block-block-2 h2.block-title,
#block-block-3 h2.block-title,
#block-block-4 h2.block-title {
  height: 45px;
  overflow: hidden;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
#block-block-1 h2.block-title a,
#block-block-2 h2.block-title a,
#block-block-3 h2.block-title a,
#block-block-4 h2.block-title a {
  text-decoration: none;
  color: #fff;
  display: block;
  height: 45px;
  line-height: 24px;
}
#block-block-1 h2.block-title a:hover,
#block-block-2 h2.block-title a:hover,
#block-block-3 h2.block-title a:hover,
#block-block-4 h2.block-title a:hover {
  color: #000;
}
#block-block-1 .teaser,
#block-block-2 .teaser,
#block-block-3 .teaser,
#block-block-4 .teaser {
  font-size: 11px;
  line-height: 12px;
  margin: 14px 0 0 0;
}

.block-simplenews {
  clear: right;
  float: right;
  width: 180px;
  height: 114px;
  border: 1px solid #c7c6c7;
  background-color: #1a171b;
}
.block-simplenews .content {
  font-size: 11px;
  padding: 10px;
  color: #fff;
}
.block-simplenews .content p {
  text-align: right;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  padding: 0; 
}
.block-simplenews .form-item {
  margin: 0;
  padding: 0;
}
.block-simplenews #edit-mail {
  width: 154px;
}
.block-simplenews .form-radios {  
  clear: left;
  float: left;
}
.block-simplenews span.button-wrapper {
  float: right;
  margin: 10px 0 0 10px;
}
.block-simplenews .form-submit {
  font-size: 11px;
}

.node-type-simplenews .field-field-simplenews-image {
  float: left;
  margin: 0 14px 14px 0;
}
.node-type-simplenews .imagecache-news {
  border: 1px solid #fff;
}

#block-views-news-block_1 {
  padding: 22px 0 0 0;
  background: transparent url('images/bg_block-news-h2.png') left top no-repeat;
}
#block-views-news-block_1 h2.block-title {
  display: none;
}
#block-views-news-block_1 .content {
  padding: 5px;
  background: transparent url('images/bg_block-news.png') left top repeat-y;
}
#block-views-news-block_1 .views-row {
  clear: left;
  margin: 0 0 10px 0;
}
#block-views-news-block_1 .views-row-last {
  margin: 0;
}
#block-views-news-block_1 .views-field-field-simplenews-image-fid { 
  float: left;
  margin: 0 5px 5px 0;
}
#block-views-news-block_1 img.imagecache-news-thumbnail,
.node-type-simplenews img.imagecache-news-thumbnail {
  border: 1px solid #fff;
}
#block-views-news-block_1 .views-field-title {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 0 65px;  
}
#block-views-news-block_1 .views-field-title a {
  color: #fff;
}
#block-views-news-block_1 .views-field-created,
#block-views-news-block_1 .views-field-teaser {
  font-size: 11px;
  line-height: 12px;
  margin: 5px 0 0 65px;  
}

#node-1,
#node-3,
#node-5 {
  padding: 22px 0 0 0;
  background: transparent url('images/bg_node-1.png') left top no-repeat;
}
#node-2,
#node-4,
#node-6 {
  padding: 22px 0 0 0;
  background: transparent url('images/bg_node-2.png') left top no-repeat;
}
#node-4 {
  background: transparent url('images/bg_node-1.png') left top no-repeat;
}
#node-6 {
  background: transparent url('images/bg_node-1.png') left top no-repeat;
}
#node-282 {
  background: transparent url('images/bg_node-1.png') left top no-repeat;
  
  
}
#node-1 h2.title,
#node-2 h2.title,
#node-3 h2.title,
#node-4 h2.title,
#node-5 h2.title,
#node-6 h2.title,
#node-282 h2.title

 {
  display: none;
}

#block-views-contacts-block_1 {
  font-size: 11px;
  color: #939598;
}
#block-views-contacts-block_1 .views-field-title {
  margin-bottom: 7px;
}

#block-menu_block-2 {
  padding: 14px;
}
#block-menu_block-2 ul.menu {
  text-align: center;
}
#block-menu_block-2 ul.menu li {
  display: block;
  float: left;
  width: 103px;
  list-style: none;
  margin: 0 10px 0 0;
  padding: 0;
  text-align: left;
  /*border-left: 1px solid #939598;*/ 
}
#block-menu_block-2 ul.menu li.first {
  border: none;
}
#block-menu_block-2 ul.menu li a {
  color: #fff;
  text-transform: uppercase;
}
#block-menu_block-2 ul.menu li a:hover,
#block-menu_block-2 ul.menu li a.active {
  color: #939598;
  font-weight: normal;
}
#block-menu_block-2 ul.menu li ul.menu li a {
  font-size: 11px;
  text-transform: none;
}
#block-menu_block-2 ul.menu li.menu-mlid-394 a,
#block-menu_block-2 ul.menu li.menu-mlid-407 a,
#block-menu_block-2 ul.menu li.menu-mlid-405 a,
#block-menu_block-2 ul.menu li.menu-mlid-409 a,
#block-menu_block-2 ul.menu li.menu-mlid-411 a,
#block-menu_block-2 ul.menu li.menu-mlid-412 a,
#block-menu_block-2 ul.menu li.menu-mlid-415 a,
#block-menu_block-2 ul.menu li.menu-mlid-401 a {
  font-size: 11px;
}

table.tabulka-produkty td {
  text-align: center;
  border: 1px solid #fff;
  background-color: #939598;
}
table.tabulka-produkty td.vlevo {
  text-align: left;
}
table.tabulka-produkty td.cobalt {
  background-color: #e07801;
}
table.tabulka-produkty td.dark-cobalt {
  background-color: #000624;
}

.view-fotogalerie .views-row {
  clear: left;
}
.view-fotogalerie .views-field-field-fotogalerie-fotografie-fid {
  float: left;
  margin: 0 20px 20px 0;
}
.view-fotogalerie .views-field-field-fotogalerie-fotografie-fid img {
  border: 1px solid #fff;
}
.view-fotogalerie .views-field-title {
  font-size: 17px;
  margin-bottom: 15px;
}
.view-fotogalerie .views-field-title a:hover {
  text-decoration: none;
  color: #fff;
}
.node-type-fotogalerie .field-field-fotogalerie-fotografie {
  text-align: center;
  margin-top: 20px;
}
.node-type-fotogalerie .field-item {
  float: left;
  margin: 0 5px 7px 5px;
}
.node-type-fotogalerie .field-item img {
  border: 1px solid #fff;
}

table.kontakty td {
  padding: 10px 0;
}

table.clanky-v-mediich td {
  text-align: center;
  font-size: 11px;
}

table.table {color:#000}
table.table td {}
table.table td.color-1 {background-color:#b3d959}
table.table td.color-2 {background-color:#d3e99e}
table.table td.color-3 {background-color:#e8f3cb}
table.table td.color-4 {background-color:#d3e99e}
table.table td.color-5 {background-color:#e8f3cb}

/* Print styles
-------------------------------------------------------------- */

@media print {
  body {
    background: white;
    font-size: 10pt;
  }
   
  #header,
  #header-top,
  #header-wrapper,
  #header-bottom,
  #sidebar-first,
  #sidebar-last,
  #preface-wrapper,
  #content-tabs,
  #mission,
  #slogan,
  #postscript-wrapper,
  #footer-top,
  #footer,
  #primary-menu,
  #search-box,
  #logo {
    display: none;
  }

  #page,
  #main-wrapper,
  #content-wrapper,
  #content-top,
  #content,
  #content-bottom {
    background: transparent none;
    border: 0;
    color: black;
    float: none !important;
    margin: 0;
    padding: 0;
    width: auto;
  }
  
  #content-wrapper {
    margin: 0 3%;
  }
}