
/* ---------- Color Module Styles ----------- */

html {
  font-size: 100%;
}

body,
body.overlay {
background: #231f20 url("../bg-red.gif") repeat-x 0 163px;
font-family: Arial;
font-size: 0.85em;
}

body.cke_show_borders {
background: #f3f4f5;
font-size: 0.85em;
}

body .cke_panel_block {
 background: white;
}

#logo {
    padding: 6px 0px 0px 0px;
}

#secondary-menu {
    width: 480px;
}
#secondary-menu-links {
    font-size: 0.97em;
    margin: 13px 0;
}

.menu-218 {
 display: none;
}


/*
#secondary-menu {
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
    width: 200px;
}

#secondary-menu-links {
    margin: 1px 3px;
    font-size: 1em;
}

*/

#secondary-menu #secondary-menu-links li.last {
    padding-right: 0;
}

#main-menu-links a {
    background: none repeat scroll 0 0 #231f20;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-right: 1px solid #848484;
    border-top: 1px solid #848484;
    color: #ffffff;
    float: left;
    height: 1.7em;
    line-height: 1.7em;
    padding: 0 0.8em;
    text-decoration: none;
    text-shadow: none;
}

#main-menu-links li {
    margin: 0 2px;
    padding: 0;
}

#main-menu-links a {
    padding: 0 9px;
}

#main-menu-links li a.active, #main-menu-links li.active-trail a {
    color: white;
}

#main-menu-links {
    font-size: 1em;;
    padding: 0 15px 0 0;
}


#main-menu-links li a.active, #main-menu-links li.active-trail a {
    background: none repeat scroll 0 0 #B3031B !important;
    border-top: 1px solid #848484;
    border-right: 1px solid #848484;
    border-left: 1px solid #848484;
}

#main-menu-links a:hover, #main-menu-links a:focus {
    background: none repeat scroll 0 0 #B3031B !important;
    border-top: 1px solid #848484;
    border-right: 1px solid #848484;
    border-left: 1px solid #848484;
}

#main {
    margin-top: 23px;
    margin-bottom: 5px;
}

#header div.section, #featured div.section, #messages div.section, #main, #triptych, #footer-columns, #footer {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

#content {
border: 3px solid #FEFFFF;
background: #F3F4F5;
color: #333333;
width: 960px;
display: block;
min-height: 300px;
}

#content .section, .sidebar .section {
    padding: 0 22px 12px;
}

#footer-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    padding: 0;
    margin-top: 0;
    margin-bottom: 20px;
}

#footer-wrapper .section {
    width: 960px;
}

#footer {
    border-top: none;
    margin-top: 3px;
    width: 960px;
}

#header, #footer-wrapper, #skip-link, ul.contextual-links, ul.links, ul.primary, .item-list .pager, div.field-type-taxonomy-term-reference, div.messages, div.meta, p.comment-time, table, .breadcrumb {
font-family: Helvetica, Arial;
}

.comment .comment-arrow {
border-color: #ffffff;
}

.tabs {
    margin-top: 15px;
}

.tabs ul.primary li a.active {
  background-color: #ffffff;
}
.tabs ul.primary li.active a {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
#header {
background: none;
}

.sidebar .block {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
}
#page-wrapper {
  background: none;
}
.region-header,
.region-header a,
.region-header li a.active,
#name-and-slogan,
#name-and-slogan a,
#secondary-menu-links li a {
  color: #fffeff;
}

/* ---------- General Font Styles ----------- */

#content, .cke_show_borders {
    font-size: 1em;
}

#content p, .cke_show_borders p {
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

a {
  color: #0071B3;
}
a:hover,
a:focus {
  color: ##0A71B3;
}
a:active {
  color: ##0A71B3;
}

.field-items a:link, a:visited {
    text-decoration: underline;
}


#content h1, .cke_show_borders h1 {
    border: medium none;
    color: #4D4D4D !important;
    font-family: Helvetica,Arial;
    font-size: 2.2em;
    font-weight: 100;
    line-height: 1em;
    margin-bottom: 0.9em;
    margin-top: 0.9em;
    text-shadow: 2px 2px 2px #FFFFFF;
}

#content h2, .cke_show_borders h2 {
    border: medium none;
    color: #4D4D4D !important;
    font-family: Helvetica,Arial;
    font-size: 1.8em;
    font-weight: 150;
    line-height: 1.5em;
    margin-bottom: 0.6em;
    margin-top: 0.1em;
}

#content h3, .cke_show_borders h3 {
    border: medium none;
    color: #4D4D4D !important;
    font-family: Helvetica,Arial;
    font-size: 1.4em;
    font-weight: 100;
    line-height: 1.3em;
    margin-bottom: 0.6em;
    margin-top: 0em;
} 

#content h4, .cke_show_borders h4 {
    border: medium none;
    color: #4D4D4D !important;
    font-family: Helvetica,Arial;
    font-size: 1.3em;
    font-weight: 100;
    line-height: 1.3em;
    margin-bottom: 0.6em;
    margin-top: 0em;
}

#content h5, .cke_show_borders h5 {
    border: medium none;
    color: #4D4D4D !important;
    font-family: Helvetica,Arial;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 0.6em;
    margin-top: 0em;
}

#content ul, .cke_show_borders ul {
  list-style-type: square;
  padding: 0em 1em 0em 1.2em;
  margin: 1em 0em 1em 0em;
  font-size: 1em;
}

#content .rteindent1, .cke_show_borders .rteindent1 {
    margin-left: 1.5em;
}

#content table, .cke_show_borders table {
    font-size: 1em;
}

#content tbody, .cke_show_borders tbody {
    border-top: none;
}

#content hr, .cke_show_borders hr {
        height: 1px;
        border-top: 1px;
        border-color: #bbbbbb;
        margin-bottom: 0.8em;
}

#content .rtecenter, .cke_show_borders .rtecenter {
    text-align: center !important;
}

#content .rtejustify, .cke_show_borders .rtejustify {
    text-align: justify !important;
}

#content tr td,#content tr th, .cke_show_borders tr td, .cke_show_borders tr th {
    border: none;
    padding: 0px;
    text-align: left;
}

#content tr, #content tr.even, .cke_show_borders tr, .cke_show_borders tr.even {
    background: none repeat scroll 0 0 rgba(0, 0, 0 ,0);
}

.without-secondary-menu .region-header {
    margin: 13px 0;
}
#secondary-menu .region-header .block {
    font-size: 0.97em;
    margin: 0;
}

#footer-wrapper .section {
    /* background: url("../partners.png") no-repeat scroll center top #F3F4F5;*/
    background-color:#F3F4F5;
    border: 3px solid #FEFFFF;
    width: 960px;
}

#fishbase_col_1{
    float:left;
    width:428px;
    padding:10px;
    background-color: #FFF;
    }
    
#fishbase_col_2{
    float:right;
    width:428px;
    padding:10px;
    background-color: #FFF;
  }

#fishbase_col_2 table tr {
    border-top: 1px solid #e6e6e6;
  }

#fishbase_col_2 table td:first-child {
    background-color: #FFFFFF;
    vertical-align: top;
    width: 300px;
    padding: 8px 10px 8px 3px;
  }

#fishbase_col_2 table td:first-child+td {
    background-color: #FFFFFF;
    vertical-align: top;
    width: 150px;
    padding: 8px 3px 2px 5px;
  }

#fishbase_col_all{
    padding:10px;
    background-color: #FFF;
    width: 650px;
  }

#fishbase_col_all table tr {
    border-top: 1px solid #e6e6e6;
  }

#fishbase_col_all table td:first-child {
    background-color: #FFFFFF;
    vertical-align: top;
    width: 500px;
    padding: 8px 10px 8px 3px;
  }

#fishbase_col_all table td:first-child+td {
    background-color: #FFFFFF;
    vertical-align: top;
    width: 150px;
    padding: 8px 3px 2px 5px;
  }


