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

Default formatting, relevant to all pages.

Specific hacks for Internet Explorer 6 are marked with "IE6 HACK". See
README.txt for details.

Original author: Ben Sturmfels, Boojum, March 2009

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

body {
  font-family: tahoma, arial narrow, arial, sans-serif;
  font-size: 81%;
  color: #00425c;
  background: url(../images/body-bg-sand.png) left top #ebd27a;
  position: relative; /* IE6 fix */
  margin: 0 auto;
  width: 1024px;
}


/* Regular elements --------------------*/
h1, h2, h3, h4 {
  font-family: tahoma, arial narrow, arial, sans-serif;
}

h1 {
  font-size: 1.3em;
  color: #10495d;
}

h2 {
  font-size: 1.2em;
  color: #10495d;
}

h3 {
  font-size: 1.1em;
  color: #10495d;
}

h4 {
  font-size: 1em;
  color: #10495d;
}

p {
  margin-bottom: 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;

  _height: 1%; /* IE6 HACK: make this block contain floating children */
}

#main-content {
  background: #fff;
  margin: 10px 0 0 20px;
}

#main-content .inner {
  overflow: hidden;
  padding: 0 0 10px;
  margin: 0 0 1em;
  min-height: 400px;

  _height: 1%; /* IE6 HACK: make this block contain floating children */
}

#sub-content-a {
  color: #000;
  margin: 10px 0 0 20px;
}

#sub-content-a .inner {
  overflow: hidden;
  margin: 0 0 1.5em 1em;
  min-height: 500px;
  _height: 500px;
}

#sec-menu-inner-std { background: none; }
#sec-menu-inner-4 { background: url(../images/topic-bg-6.jpg) no-repeat left bottom #c3dbdf; }
#sec-menu-inner-5 { background: url(../images/topic-bg-6.jpg) no-repeat left bottom #c3dbdf; }
#sec-menu-inner-6 { background: url(../images/topic-bg-6.jpg) no-repeat left bottom #c3dbdf; }
#sec-menu-inner-7 { background: url(../images/topic-bg-7.jpg) no-repeat left bottom #c3dbdf; }
#sec-menu-inner-8 { background: url(../images/topic-bg-8.jpg) no-repeat left bottom #c3dbdf; }
#sec-menu-inner-9 { background: url(../images/topic-bg-9.jpg) no-repeat left bottom #c3dbdf; }
#sec-menu-inner-10 { background: url(../images/topic-bg-10.jpg) no-repeat left bottom #c3dbdf; }
#sec-menu-inner-11 { background: url(../images/topic-bg-11.jpg) no-repeat left bottom #c3dbdf; }
#sec-menu-inner-12 { background: url(../images/topic-bg-12.jpg) no-repeat left bottom #c3dbdf; }
#sec-menu-inner-14 { background: url(../images/topic-bg-14.jpg) no-repeat left bottom #c3dbdf; }
#sec-menu-inner-15 { background: url(../images/topic-bg-15.jpg) no-repeat left bottom #c3dbdf; }
#sec-menu-inner-16 { background: url(../images/topic-bg-16.jpg) no-repeat left bottom #c3dbdf; }
#sec-menu-inner-17 { background: url(../images/topic-bg-17.jpg) no-repeat left bottom #c3dbdf; }
#sec-menu-inner-158 { background: url(../images/topic-bg-11.jpg) no-repeat left bottom #c3dbdf; }

#sub-content-b {
  background: #dfe6d8;
  margin: 0 0 0;
  margin: 10px 10px 0 0;
}

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

#section-pic {
  overflow: hidden;
  clear: both;
  margin: 0;
  padding: 0;
}


/* Header & branding --------------------*/
#header {
  /* overflow: none;  stop bottom margin of content being passed on */
  clear: left;
  background: #fff;
  border: 0;
}

h1#site-title {
  padding: 0;
  margin: 0;
  display: none;
}


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

#footer-left {
  float:left;
}
#footer-right {
  float:left;
}
#footer-right h2 {
  margin: 0;
  padding: 0;
}

#footer .inner {
  padding: 0.6em 1em;
  overflow: auto;
  _height: 1%; /* IE6 HACK */
}

#footer p {
  margin: 0;
}

#footer-page-info ul {
  clear: both;
  margin: 0;
}

#footer-page-info li {
  list-style: none;
  margin: 0;
  padding: 0.3em 4em 0.3em 0 ;
  font-size: 0.9em;
}

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


/* Footer quick links --------------------*/
#quick-links {
  overflow: auto;
  margin: -0.5em 0 1em;

  _height: 1%; /* IE6 HACK: contain floating elements */
}

#quick-links h3 {
  padding-bottom: 0em;
  margin-bottom: 0;
}

#quick-links ul {
  margin: 0;
}

#quick-links li {
  list-style: none;
  display: inline;
  margin: 0 0.5em 0.1em 0;

  _display: block; /* IE6 HACK: inline causes blowout */
}

#quick-links a {
  color: #666;
  white-space: nowrap;
  text-decoration: none;
}

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

#quick-links li a:after {
  content: ", ";
}


/* Search --------------------*/
#search-form {
  position: absolute; left: 760px; top: 0px;

  z-index: 100; /* IE7 HACK: search box goes missing */
  _position: absolute; _right: 25em; _top: 0px; /* IE6 HACK: it's just plain broken */
}

#search-form fieldset {
  border: none;
}

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

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

/* Contact --------------------*/
#contact-box {
  position: absolute; right: 335px; top: 15px;

  z-index: 100; /* IE7 HACK: search box goes missing */
  _position: relative; _left: 0; _top: 0; /* IE6 HACK: it's just plain broken */
}
#contact-box a {
  color: #fff;
}

/* Overall menu --------------------*/
#overall-menu {
  font-family: sans-serif;
  background: #02425c;
  float: left;
  padding: 0 0 0 0;
  width: 100%;
}

#overall-menu ul {
  padding: 0;
}

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

#overall-menu li a {
  color: #fff;
  line-height: 1.4; /* IE6 & IE7 HACK: ahem, why didn't inherit? */
  padding: 0.1em 2.1em 0.4em 1.5em;
  border: none;
  margin: 0 3px 0 0;
}

/* Main menu --------------------*/
#main-menu {
  font-family: sans-serif;
  float: left;
  width: 100%;
  height: 100%;
}

#main-menu ul {
  padding: 0 0 0 0;
}

#main-menu li {
  font-weight: normal;
  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.4em 0.3em;
  border: none;
  border-right: 1px solid #fff;
  margin: 0;
}

#main-menu li.current a {
  background: #ccc;
  color: #00425b;
  border-right-style: solid;
}

body.overall-sec-1 #main-menu { background: #03425d; }
body.overall-sec-2 #main-menu { background: #052338; }
body.overall-sec-3 #main-menu { background: #D35EAB; }
body.overall-sec-4 #main-menu { background: #D87E31; }
body.overall-sec-5 #main-menu { background: #A46AE4; }
body.overall-sec-6 #main-menu { background: #206DA9; }
body.overall-sec-7 #main-menu { background: #03425d; }

body.overall-sec-1 #main-menu li.current a { background: #68a4ae; }
body.overall-sec-2 #main-menu li.current a { background: #85a4bc; }
body.overall-sec-3 #main-menu li.current a { background: #eaafd6; }
body.overall-sec-4 #main-menu li.current a { background: #ecbf99; }
body.overall-sec-5 #main-menu li.current a { background: #d2b5f2; }
body.overall-sec-6 #main-menu li.current a { background: #90b7d5; }
body.overall-sec-7 #main-menu li.current a { background: #68a4ae; }


#main-menu ul ul {
	margin: 0;
	padding: 0;
	position: absolute;
}

#main-menu li li {
	padding: 0;
	margin: 0;
	width: 20em;
	clear: both;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

#main-menu li li a,
body.overall-sec-1 #main-menu li.current li a {
	background: #c3dbdf;
	color: #00425c;
	margin: 0;
	border: none;
	padding-top: 5px;
	line-height: 1.5em;
}

body.overall-sec-1 #main-menu li li a:hover {
	font-weight: bold;
}

#dynamic_menu_4, #dynamic_menu_5, #dynamic_menu_6,
#dynamic_menu_7, #dynamic_menu_8, #dynamic_menu_9,
#dynamic_menu_10, #dynamic_menu_11, #dynamic_menu_12,  
#dynamic_menu_13, #dynamic_menu_14, #dynamic_menu_15,
#dynamic_menu_17, #dynamic_menu_16, #dynamic_menu_158 {
  display: none;
}

/* Main content --------------------*/
h1#page-title {
  margin: 0;
  padding: 5px 0 0 10px;
}
#page-title-std {
  width: 100%;
  background: #e9b268;
  margin: 0;
}
#page-title-section-4 {
  width: 460px;
  height: 81px;
  margin-bottom: 10px;
  background: url(../images/section-header-4.jpg) no-repeat right top #fff;
}
#page-title-section-5 {
  width: 460px;
  height: 81px;
  margin-bottom: 10px;
  background: url(../images/section-header-5.jpg) no-repeat right top #fff;
}
#page-title-section-6 {
  width: 460px;
  height: 81px;
  margin-bottom: 10px;
  background: url(../images/section-header-6.jpg) no-repeat right top #fff;
}
#page-title-section-7 {
  width: 460px;
  height: 81px;
  margin-bottom: 10px;
  background: url(../images/section-header-7.jpg) no-repeat right top #fff;
}
#page-title-section-8 {
  width: 460px;
  height: 81px;
  margin-bottom: 10px;
  background: url(../images/section-header-8.jpg) no-repeat right top #fff;
}
#page-title-section-9 {
  width: 460px;
  height: 81px;
  margin-bottom: 10px;
  background: url(../images/section-header-9.jpg) no-repeat right top #fff;
}
#page-title-section-10 {
  width: 460px;
  height: 81px;
  margin-bottom: 10px;
  background: url(../images/section-header-10.jpg) no-repeat right top #fff;
}
#page-title-section-11 {
  width: 460px;
  height: 81px;
  margin-bottom: 10px;
  background: url(../images/section-header-11.jpg) no-repeat right top #fff;
}
#page-title-section-12 {
  width: 460px;
  height: 81px;
  margin-bottom: 10px;
  background: url(../images/section-header-12.jpg) no-repeat right top #fff;
}
#page-title-section-14 {
  width: 460px;
  height: 81px;
  margin-bottom: 10px;
  background: url(../images/section-header-14.jpg) no-repeat right top #fff;
}
#page-title-section-15 {
  width: 460px;
  height: 81px;
  margin-bottom: 10px;
  background: url(../images/section-header-14.jpg) no-repeat right top #fff;
}
#page-title-section-16 {
  width: 460px;
  height: 81px;
  margin-bottom: 10px;
  background: url(../images/section-header-14.jpg) no-repeat right top #fff;
}
#page-title-section-17 {
  width: 460px;
  height: 81px;
  margin-bottom: 10px;
  background: url(../images/section-header-14.jpg) no-repeat right top #fff;
}

#page-summary-std p {
  color: #10495d;
  font-size: 1em;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 10px;
  max-width: 460px;
  background: #fff;
}
#page-summary-section p {
  color: #10495d;
  font-size: 1em;
  font-weight: bold;
  padding-left: 10px;
  max-width: 290px;
  padding-top: 10px;
}
#main-content p, #main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content table, #main-content img {
  padding-left: 10px;
}

#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;
}


/* Main content page info ----------------------*/
#page-info {
  color: #999;
  font-size: 0.85em;
  width: 16em;
  float: right;
  padding: 0;
  margin: 0.2em 0 0.2em 0.5em;
}

#page-info h2 { display: none; }

#page-info ul {
  padding: 0;
  border-top: 1px dotted #fff;
  margin: 0;
}

#page-info li {
  list-style: none;
  line-height: 2em;
  padding: 0 0 0 35px;
  border: 1px solid #ddd;
  margin: 0 0 0.2em 0;
}

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

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

#page-info li.level {
  background: url(../images/icon-level.png) no-repeat 10px center;
}
#page-info li.author {
  background: url(../images/icon-author.png) no-repeat 10px center;
}
#page-info li.e-update {
  background: url(../images/icon-mail.png) no-repeat 10px center;
}
#page-info li.discuss {
  background: url(../images/icon-discuss.png) no-repeat 10px center;
}
#page-info li.sendfriend {
  background: url(../images/icon-send-to-friend.png) no-repeat 10px center;
}
#page-info li.searchterm {
  background: url(../images/icon-searchwords.png) no-repeat 14px 50%;
}
#page-info li.municipality {
  background: url(../images/icon-municipality.png) no-repeat 10px center;
}
#page-info li.send-photo {
  background: url(../images/icon-photo.png) no-repeat 8px center;
}


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

#sub-content-a h1 {
  font-size: 1.3em;
  clear: both;
  color: #10495d;
  border-bottom: none;
}

#sub-content-a h2 {
  font-size: 1.2em;
  clear: both;
  color: #10495d;
  border-bottom: none;
}

#sub-content-a h3 {
  font-size: 1.1em;
  clear: both;
  color: #0070bb;
}

#sub-content-b #sub-content-title {
  font-size: 1.3em;
  background: #a4b68f;
  color: #00425c;
  padding: 0 0 0 0.7em;
  margin: 0 0 0.5em 0;
}

#sub-content-b h2, #sub-content-b h3, #sub-content-b h4 {
  color: #10495d;
  padding: 0;
  margin: 0;
}



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

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

#this-section-menu li a {
  color: #00425c;
  line-height: 1.3;
  font-weight: bold;
  display: block;
  padding: 0 22px 0.2em 1em;
  border: none;
  margin: 0.4em 0 0;
  text-decoration: none;
  background: url(../images/icon-topic-arrow.png) no-repeat left center;
}

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

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


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


/* 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%;

  _width: 45.5%; /* IE6 HACK */
}

.third-block {
  width: 29%;
  float: left;
  padding: 0 2%;

  _width: 28.5%; /* IE6 HACK */
}

#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;
}

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;
}

/* Find program table formatting */
#find-program table {
  border-collapse: collapse;
}

#find-program th {
  border: 0;
  vertical-align: top;
  text-align: left;
  padding: 15px 0 5px;
}

#find-program table td {
  border: 0;
  vertical-align: top;
  text-align: left;
  padding: 5px 20px 5px 0;
}
#find-program table td.program-name {
  font-size: 1.3em;
  font-weight: bold;
  color: #0070bb;
}
#find-program table td.program-title {
  padding-top: 8px;
}

#main-menu li.menu_logout {
  padding-left: 30px;
}
#main-menu button {
  font-size: 0.85em;
  padding: 0 0.2em;
  margin: 0;
  line-height: 1.1em;
}

#main-menu button img {
  vertical-align: top;
  display: inline;
  margin: 0 0.2em;
  float: none;
}