/*
Theme Name: Salmon Watersheds Program 2018
Description: created by Rocketday www.rocketday.com
Author: Rocketday


SSP COLOUR PALETTE
coolgrey = #d9e2db;
coolgrey lighter = #ecf1ed
titles brown = #663700;
brown light = #e9dbcb;
links red = #b32008;

BASELINE GRID  18px
CONTENT COLUMNS  based on 910px wide


UNIVERSALS
*/

header, nav, div, h1, h2, h3, h4, h5, h6, p {
	display: block;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Verdana", sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	background-color: white;
}

header,
nav ul,
div#breadcrumb,
section#content,
footer {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

div {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

header,
nav ul,
footer {
	width: 930px;
}

div#breadcrumb,
section#content {
	width: 910px;
	padding: 0 10px;
}


section#content {
	margin-bottom: 27px;
}

form {
	display: inline;
}

div.clear {
	clear: both;
}

.for_accessibility {
	display: none;
}

a {
	color: #b32008;
	text-decoration: none;
	border: none;
}

a:hover
{
	color: #b32008;
	text-decoration: none;
	border: none;
}

section#content a {
	border-bottom: 1px dotted #b32008;
}

section#content a:hover {
	border-bottom: 1px solid #b32008;
}

section#content h3 a,
section#content h4 a,
section#content h3 a:hover,
section#content h4 a:hover {
	border-bottom: none;
}

a img,
a.linkedimage,
a:hover.linkedimage {
	border: none !important;
}

/*
HEADER
*/

h1 {
	float: left;
	clear: none;
	width: 230px;
	margin: 10px;
}

h1 a,
h1 a img {
	border: 0 !important;
}

div#newslettersignup {
	width: 290px;
	margin: 0 20px 0 0;
	float: right;
	clear: none;
	background-color: #d7e3d0;
	color: #676;
	text-align: left;
}

div#newslettersignup h3#signupformheading {
	margin: 0;
}

div#sidebar-sectionnav h4 {
	margin: 0;
	color: #676;
}

div#newslettersignup div#signupform {
	display: block;
	padding: 12px 18px;
}

div#newslettersignup input#gklsk-gklsk {
	float: left;
	padding: 1px 4px;
}

div#newslettersignup input#Subscribe {
	float: left;
	margin: 0 0 0 6px;
}

/*
NAVIGATION
*/

nav#top {
	width: 100%;
	background-color: #d9e2db;
	background: linear-gradient(rgba(223,228,224,1),rgba(239,248,245,1));
	border-top: 3px solid #9fc1d5;
}

nav#sub {
	width: 100%;
	background-color: #e0d6cd;
	background: linear-gradient(rgba(205,189,177,1),rgba(229,220,211,1));
}


nav#top ul {
	list-style-type: none;
}

nav#top ul li {
	display: block;
	float: left;
	clear: none;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

nav#top ul li a {
	display: block;
	width: 105px;
	height: 45px;
	padding: 5px 45px 0 10px;
	margin: 7px 0 0 10px;
	text-transform: uppercase;
	border-width: 0 0 0 6px;
	border-style: solid;
	border-color: transparent;
	color: #b32008;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	font-style: normal;
	font-family: "ff-meta-web-pro",sans-serif;
}

nav#top ul li a:hover {
	border-color: #a0b0a5;
	background-color: #beccc1;
	color: #663700;
}

nav#top ul li a.sectionselected,
nav#top ul li a:hover.sectionselected {
	border-color: #663700;
	border-image: linear-gradient(to bottom, rgba(120, 77, 34, 1), rgba(205,189,177,1)) 1 100%;
	color: #663700;
}

nav#top ul li a.selected,
nav#top ul li a:hover.selected {
	background-color: white;
	border-color: #663700;
	border-image: linear-gradient(to bottom, rgba(120, 77, 34, 1), rgba(205,189,177,1)) 1 100%;
	color: #663700;
}

nav#sub ul {
	min-height: 25px;
	font-size: 11px;
	line-height: 14px;
	color: #663700;
	list-style-type: none;
}

nav#sub .floatright {
	float: right;
}

nav#sub ul li {
	display: block;
	float: left;
	clear: none;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

nav#sub ul li a {
	display: block;
	padding: 5px 10px 5px 10px;
	margin: 7px 0 0 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #b32008;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	font-style: normal;
	font-family: "ff-meta-web-pro",sans-serif;
}

nav#sub ul li a:hover {
	border-color: #a0b0a5;
	background-color: #f0ebe7;
	color: #663700;
}

nav#sub ul li a.selected,
nav#sub ul li a:hover.selected {
	background-color: white;
	color: #663700;
}

/*
BREADCRUMB
*/

div#breadcrumb {
	margin-top: 25px;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 26px;
	line-height: 36px;
	color: #663700;
	font-weight: 400;
	font-style: normal;
	font-family: "ff-meta-web-pro",sans-serif;
}

h2.small {
	font-size: 24px;
	line-height: 27px;
}

/*
CONTENT BLOCK
*/

section#content {
	margin-top: 10px;
	margin-bottom: 20px;
}

section#content div.singlecolumnpage {
	width: 700px;
	margin: 30px 0 30px 100px;
}

section#content div.twothirdscolumn {
	width: 590px;
	margin: 0px 0 30px 0;
	float: left;
	clear: none;
}

section#content div.onethirdscolumn {
	width: 290px;
	margin: 12px 10px 30px 0;
	float: right;
	clear: none;
}

section#content div.halfcolumnleft {
	width: 445px;
	margin: 6px 0 30px 0;
	float: left;
	clear: none;
}

section#content div.halfcolumnright {
	width: 445px;
	margin: 6px 0 30px 10px;
	float: right;
	clear: none;
}

div#advanced {
	display: none;
}

div.newsstory,
div.project,
div.event {
	border-top: 1px solid #cab8a3;
	margin: 18px 0 0 0;
}

div.alignright,
img.alignright {
	display: block;
	margin: 0 0 20px 20px;
	float: right;
	clear: none;
}

div.alignleft,
img.alignleft {
	display: block;
	margin: 0 20px 20px 0;
	float: left;
	clear: none;
}

div.alignnone,
img.alignnone,
div.aligncenter,
img.aligncenter {
	display: block;
	margin: 18px 0 18px 0;
	float: none;
	clear: both;
}

div.twothirdscolumn div.alignnone,
div.twothirdscolumn img.alignnone {
	margin: 0 0 18px 0;
}

div.size-medium,
img.size-medium {
	width: 250px;
}

div.size-thumbnail,
img.size-thumbnail {
	width: 150px;
}

img.size-full {
	clear: both;
}


h3,
section#content table.metadata th {
	padding: 0;
	font-size: 16px;
	line-height: 18px;
	color: #663700;
	font-weight: 700;
	font-style: normal;
	font-family: "ff-meta-web-pro",sans-serif;
}

h3 {
	margin: 27px 0 0 0;
	clear: both;
}

div#pse-description h3 {
	clear: none !important;
}

div.event h3,
div.newsstory h3 {
	margin: 18px 0 0 0;
}

div.featuredevent h3 {
	font-size: 24px;
	line-height: 27px;
	font-weight: 500;
	margin: 9px 0 0 0;
}

div.featuredevent p.descriptor {
	color: #645c55;
	font-size: 11px;
	line-height: 18px;
}

h4 {
	margin: 18px 0 0 0;
	padding: 0;
	font-size: 15px;
	line-height: 18px;
	color: #663700;
	font-weight: 400;
	font-style: normal;
	font-family: "ff-meta-web-pro",sans-serif;
}

p {
	margin: 18px 0 0 0;
}

div.wp-caption {
	margin: 18px 0 0 0;
}

p.wp-caption-text {
	display: block;
	position: relative;
	font-size: 11px;
	line-height: 14px;
	text-align: right;
	margin: 0 18px 18px 0;
	padding: 0;
	color: #aaa;
}

.eventexcerpt {
	margin-top: 12px;
	color: #645c55;
	font-size: 11px;
	line-height: 18px;
}

p.smallnote {
	margin: 3px 0 0 0;
	color: #876;
	font-size: 11px;
	line-height: 14px;
	font-family: "Verdana", sans-serif;
}

p strong {
	color: #70563c;
	font-size: 20px;
	line-height: 27px;
	font-weight: 400;
	font-style: normal;
	font-family: "ff-meta-web-pro",sans-serif;
}

div#searchhelptext p strong,
div#searchhelptextnojs p strong {
	line-height: 18px;
}

div.editlink {
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	opacity: 0.8;
	width: 90px;
	padding: 9px 18px;
	margin: 0 0 18px 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #8a7f5b;
	color: #eadbaf;
	font-size: 11px;
}

div.editlink a,
div.editlink a:hover {
	color: #eadbaf !important;
	border-color: #eadbaf !important;
}



section#content ul,
section#content ol {
	margin: 9px 0 0 0;
	padding: 0 0 0 9px;
}

section#content ul li,
section#content ol li {
	margin: 9px 0 0 18px;
}

form,
table {
	font-family: "Verdana", sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: black;
}

div.pagination,
div.news-pagination,
div.event-pagination,
div.project-pagination {
	font-size: 12px;
	padding: 5px 15px;
	color: #663700;
	background-color: #e9dbcb;
}

div.pagination {
	width: 880px;
	margin: 0 10px;
}

div.news-pagination,
div.event-pagination,
div.project-pagination {
	width: 560px;
	margin: 27px 0 0 0;
}

/*
SIDEBAR
*/

div#sidebar-content,
div#sidebar-featured-items,
div#sidebar-newsfeed,
div#featuredeventhome
{
	width: 250px;
	margin: 6px 0 0 0;
	padding: 18px 18px 36px 18px;
}

div#sidebar-content,
div#sidebar-featured-items {
	background-color: #e9dbcb;
}

div#sidebar-newsfeed
{
	background-color: #dee5df;
}

div.featuredevent,
div#overview,
div#featuredeventhome {
	background-color: #dbe1ab;
}

div#sidebar-content h3 {
	margin: 18px 0 0 0;
}

div#featuredeventhome h3,
div#overview h3,
div#sidebar-newsfeed h3,
div#sidebar-featured-items h3 {
	margin: 9px 0 0 0;
}

div#sidebar-featured-items div.featured-item {
	margin: 12px 0 0 0;
}

div#sidebar-featured-items div.featured-item img {
	float: left;
	width: 75px;
	margin: 0;
}

div#sidebar-featured-items div.featured-item a,
div#sidebar-featured-items div.featured-item a img {
	border: 0 !important;
}

div#sidebar-featured-items div.featured-item h4,
div#sidebar-featured-items div.featured-item p {
	float: left;
	width: 160px;
	margin: 3px 0 0 10px;
}

div.sidebar-newsstory {
	margin: 18px 0 0 0;
}

div.sidebar-seeall-endlink-event,
div.sidebar-seeall-endlink-news {
	width: 250px;
	margin: 0;
	padding: 9px 18px;
}

div.sidebar-seeall-endlink-event h4,
div.sidebar-seeall-endlink-news h4 {
	margin: 0;
}

div.sidebar-seeall-endlink-event,
div.featuredeventtitlebar,
div#overviewtitlebar,
div#pse-screenshot-titlebar {
	background-color: #c8ce9c;
}

div.sidebar-seeall-endlink-news {
	background-color: #cfdad1;
}

div.featuredeventtitlebar,
div#overviewtitlebar, 
div#pse-screenshot-titlebar {
	margin: 18px 0 0 0;
	padding: 11px 18px 7px 18px;
}

div.featuredeventtitlebar h3,
div#overviewtitlebar h3,
div#pse-screenshot-titlebar h3 {
	text-transform: uppercase;
	margin: 0;
}

div.featuredevent {
	margin: 0 0 9px 0;
	padding: 9px 18px 18px 18px;
}

div#overview {
	margin: 0 0 9px 0;
	padding: 3px 18px 18px 18px;
}


div.onethirdscolumn a:hover {
	border-bottom: 0 !important;
	color: #663700;
}


h4 a .descriptor
{
	color: #a65118;
	font-style: italic;
}

h4 a:hover .descriptor {
	color: #663700;
}

/*
NEWS LISTING
*/

.newsstorysummary p,
.newsstorysummary li {
	width: 480px;
}


/*
FOOTER
*/

footer {
	display: block;
	color: #765;
	background-color: #f9f5f0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
	line-height: 16px;
	border-bottom: 4px solid #cdbdb1;
}

footer address {
	display: block;
	margin: 0 15px 0 15px;
	font-style: normal;
}

footer div.credits {
	margin: 0 15px 0 15px;
	font-size: 10px;
}

footer a,
footer a:hover {
	color: #765;
}


/*
SEARCH TOOLS
*/

h3.searchoption,
div#newslettersignup h3#signupformheading  {
	display: block;
	background-color: #9fada0;
	color: white;
	border-left: 10px solid #b30838;
	cursor: pointer;
}

h3.searchoption {
	margin: 18px 0 0 0;
	padding: 6px 10px;
	width: 415px;
}

div#newslettersignup h3#signupformheading  {
	padding: 9px 10px 6px 10px;
}

h3.searchoption a {
	text-decoration: none;
	border: 0 !important;
	color: white !important;
}

div.tools {
	display: block;
	width: 415px;
	margin: 0;
	padding: 15px;
	color: #442;
	background-color: #ecf1ed;
}

div.tools div.labels,
div.tools div.options {
	float: left;
	padding: 2px 0;
	border: 0;
	margin: 0;
	vertical-align: top;
}

div.tools div.labels {
	clear: none;
	width: 40%;
	text-align: left;
	color: #454;
}

div.tools div.options {
	clear: right;
	width: 60%;
}

div.tools div.options input {
	max-width: 100% !important;
}

div.tools input.button {
	display: block;
	margin: 9px 0 0 0;
}

input.textbutton,
a.textbutton
{
	display: block;
	float: left;
	margin: 9px 0 0 10px;
	padding: 4px 8px 3px 8px;
	font-family: "ff-meta-web-pro", serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	color: white !important;
	background-color: #b32008 !important;
	border: 1px solid #b32008 !important;
	border-radius: 8px;
}

input.textbutton:hover,
a.textbutton:hover
{
	color: white !important;
	background-color: #663700 !important;
	border-color: #663700 !important;
}

.view {
	margin: 0 !important;
}

.readmore {
	float: right !important;
	clear: none !important;
	margin-top: -25px !important;
}

.download {
	margin: -3px 12px 0 0 !important;
}

div.tools div#search,
div.tools div#advsearch {
	display: block;
	float: right;
	clear: none;
}

div.tools div#clear,
div.tools div#advclear {
	float: left;
	clear: none;
}

div.tools a#searchhelp {
	display: block;
	margin: 9px 0 0 9px;
	float: left;
	clear: none;
}

div.tools span.example {
	font-size: 11px;
	color: #787;
	text-align: left;
}

div.tools span.example em {
	color: #454;
}

div.tools div.paginationoptions {
	width: 100%;
	clear: both;
	border-top: 1px solid #9a9;
	padding: 9px 0 0 0;
	margin: 9px 0 0 0;
	text-align: left;
	color: #454;
}

div#searchhelptext {
	width: 570px;
	height: 500px;
	overflow: auto;
}

div#searchhelptext p {
	width: 520px;
	text-align: left;
}

div#searchhelptextnojs {
	width: 700px;
	margin: 18px;
	padding: 9px;
	border: 1px solid #e9dbcb;
}

div#fancybox-title-inside {
	padding: 10px;
	background-color: #663700;
	color: white;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	font-family: "ff-meta-web-pro",sans-serif;
}

span.searchtermexample {
	color: #820;
	font-style: italic;
}

/*
SEARCH QUERY RESULTS
*/

section#content table.list {
	width: 910px;
	margin: 0 10px;
	text-align: left;
	border: 0;
}

section#content table.list th {
	padding: 10px 0px 10px 10px;
	background-color: #663700;
	vertical-align: middle;
	color: white;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	font-family: "ff-meta-web-pro",sans-serif;
}

section#content table.list td {
	font-size: 12px;
	padding: 5px 0 5px 10px;
	color: #555;
	vertical-align: top;
}

section#content table.list tr.alt {
	background-color: #f2f4f2;
}

section#content table.list tr.over {
	background-color: #d9e2db;
}

section#content table.metadata {
	margin: 18px 0 0 0;
}

section#content table.metadata th {
	padding: 5px 0 5px 0;
	text-align: left;
	vertical-align: top;
}

section#content table.metadata td {
	font-size: 12px;
	padding: 5px 0 5px 0;
	color: #555;
	vertical-align: top;
}

section#content div#libraryitemdescription {
	width: 650px;
	margin: 30px 0 0 0;
}


div#pse-screenshot {
	width: 451px;
	float: right;
	clear: none; 
	margin: 0 -300px 2rem 1.5rem;'
}

div#pse-screenshot a.textbutton {
	margin: 0 0 0 1rem;
}