/*-------------------------------------------
Default styles
---------------------------------------------

Default formatting, relevant to all pages.

------------------------------------------*/

body {
  font-family: sans-serif;
  font-size: 81%;
  color: #000;
  background: #aaaaaa; /* 0a3d63 */
  position: relative; /* IE6 fix */
  margin: 0 auto;
}


#google_translate_element {
  float: right;
}
#google_translate_element img {
  display: inline;
}

/* Regular elements --------------------*/
h1 {
  /*  font-size: 2.0em;*/
  font-size: 1.5em;
  color: #07a0c2;
}

h2 {
  font-size: 1.3em;
  color: #07a0c2;
}

h3 {
  font-size: 1.2em;
  color: #07a0c2;
}

h4 {
  font-size: 1em;
  color: #07a0c2;
}

p {
  margin-bottom: 1em;
}

p.textleft {
  float: left;
  margin: 0.5em 1em;
}
p.textright {
  float: right;
  margin: 0.5em 1em;
}

li { margin-bottom: 0.5em; }

cite {
  display: inline;
  text-align: left;
}

td, th {
  border: none;
  padding: 0;
}

th { background: none; }

table.lines th, table.lines td,
table[border] th, table[border] td {
  border: 1px solid #ddd;
  padding: 0.5em;
}

table.lines,
table[border] { margin-left: 1px; } /* Odd problem in Firefox */


/* General layout blocks --------------------*/
#content-wrapper {
  clear: both;
  overflow: auto;
  background: white;
}

#main-content {
  min-height: 400px;
}

#main-content .inner {
  overflow: hidden;
  padding: 0.6em 0 10px;
  margin: 0 1.5em 1em;
}

#sub-content-a {
  color: #000;
  background: #c6dec2 url(../images/bg-sub-content-a.jpg) no-repeat right bottom;
  margin: 0 0 0;
}

#sub-content-a .inner {
  overflow: hidden;
  padding: 1em 10px 1.5em;
  min-height: 580px;
}

#sub-content-b {
  background: #c6ddc2 url(../images/bg-sub-content-b.jpg) no-repeat right bottom;
  margin: 0 0 0;
}

#sub-content-b .inner {
  overflow: hidden;
  padding: 1em 1em 1.5em;
  min-height: 580px;
}


/* Header & branding --------------------*/
#header {
  /* overflow: none;  stop bottom margin of content being passed on */
  clear: left;
  background: #079E7F url(../images/bg-header.jpg) repeat-x left top;
  height: 180px;
}

#header-top{
  border: 0;
  margin: 0;
  padding: 0 0 3px 0;
  height: 100px;
}

h1#site-title {
  padding: 8px 0 0 10px;
  margin: 0;
}


/* Footer --------------------*/
#footer {
  background: #fff;
  color: #fff;
  clear: both;
}

#footer .inner {
  padding: 0;
  margin: 0;
  clear: left;
}

#footer-page-info {
  background: #079E7F;
  height: 45px;
}

#footer-page-info p {
  color: #fff;
  margin: 0;
  font-size: 0.9em;
}

#footer-page-info a {
  color: #fff;
}

#footer-copy {
  float: left;
  padding: 16px 0 0 10px;
}
#footer-logo {
  float: right;
  padding: 7px 10px 0 0;
}
#footer-logo img {
  display: inline;
}


/* Footer quick links --------------------*/
#quick-links {
  border-top: 1px solid #adccaf;
  overflow: auto;
  margin: 0 0 1em;
}

#quick-links h2 {
  padding: 0 0 0 10px;
  margin: 5px 0 0 0;
}


#quick-links h3 {
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 6px;
}

#quick-links ul, #quick-links li {
  padding: 0;
  margin: 0;
}

#quick-links h3 {
  font-size: 1.1em;
  font-weight: bold;
}
#quick-links li {
  font-size: 0.9em;
  font-weight: normal;
}

#quick-links a {
  color: #777;
  text-decoration: none;
}

#quick-links a:hover, #quick-links a:focus {
  text-decoration: underline;
}

#gov-logo {
  clear: left;
  padding: 30px 0 0 0;
}


/* Search --------------------*/
#search-form {
  position: absolute; right: 40px; top: 5px;

}

#search-form fieldset {
  border: none;
  margin-bottom:0;
}

#search-form legend,
#search-form label { display: none; }

#search-form #search-input {
  width: 11em;
  font-size: 0.9em;
  margin: 0 0.3em 0 0; /* IE6 & 7 HACK: extra space between input and button */
  padding: 0;
}

#search-form #search-button {
  padding: 0;
  margin: 0;
}

#search-form button {
 font-size: 0.8em;
 padding: 0 2px 0;
 margin: 0;
}

/* Contact --------------------*/
#contact-box {
  position: absolute; right: 335px; top: 15px;
  z-index: 100; /* IE7 HACK: search box goes missing */
}
#contact-box a {
  color: #fff;
}

/* Overall menu --------------------*/
#overall-menu {
  float: left;
  padding-top: 0;
}

#overall-menu ul {
  padding: 0;
}

#overall-menu li {
  font-weight: bold;
  font-size: 1em;
}

#overall-menu li a {
  color: white;
  line-height: 1.4;
  padding: 0.3em 2.1em 0.4em 1.5em;
  border: none;
  margin: 0 3px 0 0;

}

#overall-menu li.link-2 {
  position: absolute;
  left: 0; top: 0;
  padding: 10px 0 0 44px;
  height: 57px;
  background: url(../images/menu-icon-2.jpg) no-repeat left top;
}

#overall-menu li.link-11 {
  position: absolute;
  left: 1080px; top: 143px;
  padding: 46px 0 0 9px;
  height: 57px;
  background: url(../images/menu-icon-11.png) no-repeat center top;
}



/* Main menu --------------------*/
#main-menu {
  float: left;
}

#main-menu ul {
  padding: 4px 0 0 20px;
}

#main-menu li {
  font-weight: bold;
  font-size: 1em;
}

#main-menu li a {
  color: white;
  line-height: 1.3; /* IE6 & IE7 HACK: ahem, why didn't inherit? */
  padding: 0.2em 0 0.3em;
  border: none;
  margin: 0;
}

#main-menu li.current a {
  color: #fff;
  text-decoration: underline;
}

#main-menu li.link-2, #main-menu li.link-4, #main-menu li.link-5, #main-menu li.link-6, 
#main-menu li.link-7, #main-menu li.link-8, #main-menu li.link-9, #main-menu li.link-11 {
  padding: 46px 28px 0 0;
}

#main-menu li.link-2 { background: url(../images/menu-icon-2-new.png) no-repeat left top;}
#main-menu li.link-4 { background: url(../images/menu-icon-4.gif) no-repeat left top; }
#main-menu li.link-5 { background: url(../images/menu-icon-5.gif) no-repeat left top; }
#main-menu li.link-6 { background: url(../images/menu-icon-6.gif) no-repeat left top; }
#main-menu li.link-7 { background: url(../images/menu-icon-7.gif) no-repeat left top; }
#main-menu li.link-8 { background: url(../images/menu-icon-8.gif) no-repeat left top; }
#main-menu li.link-9 { background: url(../images/menu-icon-9.gif) no-repeat left top; }
#main-menu li.link-11 { background: url(../images/menu-icon-11.png) no-repeat left top; }

#main-menu li.link-tools {
  padding: 46px 26px 0 0;
}

/* Sub menu --------------------*/
#sub-menu {
  background: #999;
  float: left;
  width: 100%;
}

#sub-menu ul {
  padding: 0 0 0 0.7em;
}

#sub-menu li {
  font-weight: bold;
  font-size: 1em;
}

#sub-menu li a {
  color: #33366B;
  line-height: 1.4; /* IE6 & IE7 HACK: ahem, why didn't inherit? */
  padding: 0.3em 0.8em 0.4em;
  border: none;
  /* border-right: 1px dotted #999;*/
  margin: 0;
}

#sub-menu li.current a {
  background: #ccc;
  color: #33366B;
}

body.overall-sec-1 #sub-menu { background: #85a4bc; }
body.overall-sec-2 #sub-menu { background: #85a4bc; }
body.overall-sec-3 #sub-menu { background: #eaafd6; }
body.overall-sec-4 #sub-menu { background: #ecbf99; }
body.overall-sec-5 #sub-menu { background: #d2b5f2; }
body.overall-sec-6 #sub-menu { background: #90b7d5; }
body.overall-sec-7 #sub-menu { background: #ddd; }

body.overall-sec-1 #sub-menu li.current a { background: #c1d1dd; }
body.overall-sec-2 #sub-menu li.current a { background: #c1d1dd; }
body.overall-sec-3 #sub-menu li.current a { background: #f4d7ea; }
body.overall-sec-4 #sub-menu li.current a { background: #f5dfcb; }
body.overall-sec-5 #sub-menu li.current a { background: #e8daf8; }
body.overall-sec-6 #sub-menu li.current a { background: #c7dae9; }
body.overall-sec-7 #sub-menu li.current a { background: #c2cfe3; }


/* Main content --------------------*/
#page-top {
 overflow: auto;
 background: #00bcea;
 padding: 0 5px 0 5px;
 margin: 6px 0 15px 0;
}

h1#page-title {
  margin: 0 0 0 0;
  width: 60%;
  float: left;
  color: #fff;
  font-weight: normal;
}
#page-level {
  font-size: 0.95em;
  font-weight: normal;
  float: right;
  background: url(../images/icon-level-white.png) no-repeat left;
  line-height: 2em;
}

#page-level a {
  padding-left: 20px;
  color: #fff;
}

#page-summary p {
  color: #05775F;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
}

#main-content blockquote {
  font-size: 1.1em;
  overflow: auto;
  background: #eee;
  font-style: italic;
  width: 50%;
  float: right;
  padding: 1em 1em 0;
  margin: 0 0 0.5em 1em;
}

#support-us p {
  clear: both;
  font-size: 1.2em;
  font-style: italic;
  text-align: right;
  margin: 1em 0;
}


/* Main content page info ----------------------*/

#page-info {
  color: #999;
  font-size: 0.85em;
  float: right;
  margin: 0;
  padding: 0 0 0 30px;
  width: 200px;
}

#page-info h2 { display: none; }

#page-info ul {
  margin: 0;
  padding: 0;
}

#page-info li {
  float: left;
  list-style: none;
  padding: 0.5em 0 0.5em 20px;
  margin: 0;
  clear: left;
}

#page-info a {
  color: #999;
  text-decoration: none;
  padding: 0;
}

#page-info a:hover, #page-info a:focus {
  text-decoration: underline;
}

#page-rating-form input {
  vertical-align:middle; 
  margin-right:8px;
}
#page-rating-form a {
   color: blue;
   margin-left: 10px;
}

#page-info li.ratepage {
  padding-left: 0;
  padding-bottom: 0;
 }
#page-info li.level {
  background: url(../images/icon-level.png) no-repeat 0px center;
}
#page-info li.author {
  background: url(../images/icon-author.png) no-repeat 0px center;
}
#page-info li.emailupdates {
  background: url(../images/icon-mail.png) no-repeat 0 center;
  padding-left: 0;
}
#page-info li.emailupdates a{
  padding-left: 20px;
}

#page-info li.printpage {
  background: url(../images/icon-print.png) no-repeat 0 center;
  padding-left: 0;
}

#page-info li.printpage a {
  padding-left: 22px;
}

#page-info li.discuss {
  background: url(../images/icon-discuss.png) no-repeat 0px center;
}
#page-info li.sendfriend {
  background: url(../images/icon-send-to-friend.png) no-repeat 0px center;
}
#page-info li.searchterm {
  background: url(../images/icon-searchwords.png) no-repeat 0px center;
}
#page-info li.municipality {
  background: url(../images/icon-municipality.png) no-repeat 0px center;
}
#page-info li.send-photo {
  background: url(../images/icon-photo.png) no-repeat 0px center;
}
#page-info li.send-photo a {
    padding-left: 8px;
}


/* Sub-content --------------------*/
#sub-content-a, #sub-content-b {
  display: none; /* hidden by default, made visible by multi-column layouts */
}

#sub-content-b #sub-content-title, #sub-content-a #sub-content-title-a {
  font-style: normal;
  font-weight: normal;
  background: #00bcea;
  color: white;
  padding: 1px 0 1px 1em;
  font-size: 1.4em;
  margin: 1px -1em 0.9em;
}

#sub-content-b h2, #sub-content-b h3, #sub-content-b h4 {
  color: #0070bb;
}



/* This section menu --------------------*/
#this-section-menu {
  margin-bottom: 0.7em;
}

#this-section-menu ul.v-menu li {
  padding: 0;
  margin: 0;
}

#this-section-menu li a {
  color: #0000ee;
  line-height: 2em;
  font-weight: normal;
  display: block;
  padding: 0 22px 5px 0;
  border: none;
  border-bottom: 1px dotted #fff;
  margin: 0.4em 10px 0;
  text-decoration: none;
}

#this-section-menu li a:hover {
  text-decoration: underline;
}

#this-section-menu li.current a {
  background: url(../images/icon-arrow-right-blue.png) no-repeat right top;
  font-weight: bold;
  text-decoration: underline;
}


/* Images --------------------*/
#main-content img {
  margin: 0;
  padding: 0;
}

#main-content img.figleft {
  float: left;
  margin: 0.3em 1em 0.5em 0.5em;
}

#main-content img.figright {
  float: right;
  margin: 0.3em 0.5em 0.5em 1em;
}


/* Embedded media --------------------*/
.media {
  width: 25em;
  background: #eee;
  padding: 0.5em 1em 1em;
  border: 1px solid #ddd;
  margin: 1em 0;
}

.media h3 {
  margin: 0.5em 0 0;
}

.media .runtime {
  margin: 0.5em 0;
}

.media .desc {
  margin: 0.5em 0;
}

.media audio, .media video {
  margin: 1em 0;
}

.media .recommended-download {
  margin: 0 0 1.5em;
}

.media .recommended-download a {
  font-weight: bold;
}

#main-content .media .recommended-download img {
  margin: 0 0.5em 0 0;
}

.media .alternate-download {
  clear: both;
  background: #e0e0e0;
  padding: 0.5em 1em;
  border: 1px solid #d0d0d0;
}

.media .alternate-download p {
  margin: 0.2em 0;
}

.media .alternate-download ul {
  margin: 0 0 0.5em 1.5em;
}


/* Misc ----------------------*/
#skip, .menu-heading {
  display: none;
}

.half-block {
  width: 46%;
  float: left;
  padding: 0 2%;
}

.quarter-block {
  width: 22%;
  float: left;
  padding: 0 10px 0 10px;
}

#this-section-menu li a span {
  color: #bbb;
}

#this-section-menu li.current a span {
  color: inherit;
}

/* TODO: We shouldn't really duplicate these, as they are already in forms.css. */
button {
  font-size: 1em;
  line-height: 1.5;
}

button img, #main-content button img,  #sub-content-b button img {
  vertical-align: middle;
  display: inline;
  margin: 0 0.2em;
  float: none;
}

/* HTML buttons */
a.button {
  display: inline;
  float: left;
  font-family: sans-serif;
  background: #079e7f;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
  /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); */
  color: #057c64;
  white-space: nowrap;
  padding: 0.3em 0.8em 0.4em;
  border: 1px solid #9cf;
  /* -moz-border-radius: 5px; */
  margin: 0.1em 0 0.5em 0;
}
a.button:hover { 
  background-image: none 
}
a.button.greenbutton {
  color: white;
  border-color: transparent;
}
a.button.greenbutton {
  background-color: #079e7f;
  border-color: #057c64;
}

body.no-search #search-form { display: none; }

#browser-warning {
  padding: 0.7em 1em;
  border: 3px #f90 solid;
  margin: 0.5em 0;
}

#main-content #browser-warning img { margin: 0 1em 0 0; }

/* Form errors */
input.formerror {
  background: #fcc;
  border-color: red;
}

textarea.formerror {
  background: #fcc;
  border-color: red;
}

select.formerror {
  background: #fcc;
  border-color: red;
}

p.errortext {
  color: red;
  font-weight: bold;
}

#buttons {
  clear: both;
}

#buttons button {
  float: right;
  margin-right: 100px;
}

/* Registration - Saltwatch ----------------------*/
#registration td {
  font-weight: normal;
}
#registration td.fieldalert {
  color: red;
}

#dataentry-left span.fieldalert, #dataentry-left td.fieldalert {
  color: red;
}

/* Staff list table ----------------------*/
#staff-list table td.phone  {
  width: 100px;
}