/*
 * Earth-tone color scheme:
 * Overall background		#F2F2DE
 * Header background		#EBEBCC -- also text color for navigation buttons
 * Motto background			#D6D696 -- also hover color for navigation buttons
 * Navigation background	#669933 -- also used as text color for header, motto, and headings on third column
 * Content header			#AA8121 -- also used as hover color for anchors in text
 * Anchors in text			#4154BC
 * Navigation text hover	#2E6959
 * Content text				#666666
 * Emphasis					#AA3921
 */

/*
 * Earth-tone color scheme
 */

/* Top Menu Styles */
#trust_logo {
	float: right;
}

/* Add a black background color to the top navigation */
.topnav {
	background-color: #687F51;
	overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
	float: left;
	display: block;
	color: #F2F2DE;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}

/* Add an active class to highlight the current page */
.active {
	background-color: #4CAF50;
	color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
	display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
	float: left;
	overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
	font-size: 17px;
	border: none;
	outline: none;
	color: #F2F2DE;
	padding: 14px 16px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #D6D696;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
	float: none;
	color: #666666;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
	background-color: #D6D696;
	color: #687F51;
}

.dropdown-content a.link_select {
	color: #D6D696;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
	display: block;
}

.link_select {
	background-color: #669933;
}

.dropbtn.dd_select {
	background-color: #669933;
	color: #D6D696;
}

/* Add a brighter background to dropdown links on hover */
.dropdown-content a:hover {
	background-color: #EBEBCC;
	color: #666666;
}

* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
/*
@media screen and (max-width: 600px) {
	.topnav a:not(:first-child), .dropdown .dropbtn {
		display: none;
	}
	.topnav a.icon {
		float: right;
		display: block;
	}
}
*/
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
/*
@media screen and (max-width: 600px) {
	.topnav.responsive {position: relative;}
	.topnav.responsive a.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
	.topnav.responsive .dropdown {float: none;}
	.topnav.responsive .dropdown-content {position: relative;}
	.topnav.responsive .dropdown .dropbtn {
		display: block;
		width: 100%;
		text-align: left;
	}
}
*/

/* Global Styles */

body {
	margin:0px;
	/*background: #F2F2DE;*/
	background: url(images/clouds.jpg);
}

a {
	color: #4154BC;
}

a:hover {
	color: #AA8121;
}

/* ID Styles */

h2 {
	padding-left: 20px;
	color: #AA8121;
}

h3 {
	padding-left: 40px;
	color: #AA8121;
}

.subsubitem {
	padding-left: 40px;
}

.subsubsubitem {
	padding-left: 60px;
}

#header {
	padding-top: 20px;
	text-indent: 70px;
	font:28px Arial, Helvetica, sans-serif;
	letter-spacing:.2em;
	line-height:30px;
	background: #EBEBCC;
	color: #669933;
}

#subhead {
	padding-bottom: 28px;
	text-indent: 70px;
	font:16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:.4em;
	line-height:18px;
	background: #EBEBCC;
	color: #AA8121;
}

#divider {
	width: 100%;
	height: 60px;
	background: #D6D696;
	color: #669933;
	border-top: 2px solid #669933;
	border-bottom: 2px solid #669933;
	text-indent: 20px;
	font:18px Arial, Helvetica, sans-serif;
}

#divider p {
	position: relative;
	top: -8px;
}

#left_right_nav {
	position: relative;
	width: 100%;
	font-size: 2em;
}

#left_right_nav .page_title{
	position: relative;
	bottom: 8px;
}

.arrow {
	cursor: pointer;
}

#wrapper {
	height: 700px;
	/*background:#EBEBCC; url(images/nav_background.gif) repeat-y 15% 0;*/
}

#full_width_content {
	position: relative;
	padding-left: 12px;
	padding-right: 12px;
	font-family: "Lucida Grande",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-size: 16px;
	color:#666666;
	line-height:20px;
}

#content {
	width:97%;
	float:right;
	height: 100%;
	max-height: 100%;
	overflow: scroll;
	padding-left: 1%;
	padding-right: 2%;
	/*font:11px Arial, Helvetica, sans-serif;*/
	font-family: "Lucida Grande",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-size: 16px;
	color:#666666;
	line-height:20px;
	background: url(images/clouds.jpg);
}

.medium_size > p{
	font-size:18px;
}

#content h1 {
	padding-bottom: 0;
	margin-bottom: -8px;
	font: 24px Arial, Helvetica, sans-serif;
	color: #AA8121;
	line-height:26px;
	letter-spacing:.21em;
}

#mainContent {
	margin-top: 24px;
	width:48%;
	max-width:480px;
	float:left;
}

#mainContent .noSecondary {
	width: 100%;
	max-width:2000px;
}

#secondaryContent {
	margin-top: 30px;
	margin-right: 20px;
	width:46%;
	float:right;
}

#secondaryContent h2 {
	padding-bottom: 0;
	padding-top: 10px;
	margin-bottom: -8px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #669933;
	letter-spacing:.2em;
}

#footer {
	clear:both;
}

#revive {
	visibility: hidden;
}

#home_link {
	position: absolute;
	right: 1em;
	top: 0.25em;
}

/* Class Styles */

.transparent_class { /* See http://css-tricks.com/css-transparency-settings-for-all-broswers */
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.page_link {
	position: relative;
	left: 2em;
	font: bold 24px Arial, Helvetica, sans-serif;
}

.inlineHeader {
	font: bold 16px Arial, Helvetica, sans-serif;
	letter-spacing:.2em;
	color: #669933;
}

.navHeader {
	margin-left: 8px;
	margin-top: 4px;
	background: #687F51;
}

.navHeaderText {
	margin-top: 2px;
	margin-bottom: 4px;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #EBEBCC;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}

.nav_text {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #669933;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}

.graphbutton {
	float: left;
	margin: 8px;
}

.graphbutton img {
	border: 2px solid #669933;
}

.graphbutton img:hover {
	border: 2px solid #D6D696;
}

.emphasis {
	font-style: italics;
	color: #AA3921;
}

.text_centered {
	text-align: center;
}

.centered {
	margin-left: auto;
	margin-right: auto;
}

.centered table {
	margin-left: auto;
	margin-right: auto;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #666666;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.illustration {
	float: left;
	margin: 4px;
	border: 2px solid #C9C815;
}

.caption {
	font-size:18px;
	font-weight:bold;
}

.some_margin {
	margin-left: 1em;
	margin-right: 1em;
}

.post_wrapper {
	float: right;
	top: auto;
	height: auto;
}

.post {
	float: left;
	font-family: "Lucida Grande",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-size: 16px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 2px;
	border-color: #687F51;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 100%;
}

.post_title_bar {
	position: relative;
	color: #FFFFFF;
	text-align: left;
	background-color: #687F51;
}

.post_body {
	position: relative;
	color: #000000;
	text-align: left;
	margin-left: 4px;
	margin-right: 4px;
	background-color: #FFFFFF;
}

.post_date {
	margin-left: 12px;
}

.notice {
	width: 96%;
	padding: 8px;
	margin-right: 4%;
	font-weight: bold;
	font-style: italic;
	color: #3E77A8;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 2px;
	border-color: #3E77A8;
}

.smallTextButton {
	font-family:"Lucida Grande",Verdana,Tahoma,Arial;
	font-size:18px;
	text-align: center;
	color: #FFFFFF; /*rgb(255,255,255)*/
	background-color: #687F51;
	/*background-color: #4891F5;*/ /*rgb(72,145,215)*/
	border-style: solid;
	border-width: 2px;
	border-color: #D6D696;
	margin-right: 10px;
	cursor: pointer;
}

.smallTextButton:hover {
	color: #687F51;
	background-color: #D6D696;
	border-color: #687F51;
}

.smallTextButton:active {
	color: #D6D696;
	background-color: #EBEBCC;
	border-color: #D6D696;
}

.smallTextButton:disabled {
	color: #999999;
	background-color: #CCCCCC;
	border-color: #999999;
}

.tinyTextButton {
	position: absolute;
	bottom: -2px;
	right: 0;
	font-family:"Lucida Grande",Verdana,Tahoma,Arial;
	font-size:16px;
	text-align: center;
	color: #687F51;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #687F51;
	margin-right: 0px;
	cursor: pointer;
}

.tinyTextButton:hover {
	color: #FFFFFF;
	background-color: #D6D696;
	border-color: #687F51;
}

.tinyTextButton:active {
	color: #D6D696;
	background-color: #EBEBCC;
	border-color: #D6D696;
}

.tinyTextButton:disabled {
	color: #999999;
	background-color: #CCCCCC;
	border-color: #999999;
}

.indented {
	margin-left: 12px;
}

.tight_paragraphs p {
	margin-top: 0em;
	margin-bottom: 0em;
}

.pop_up {
	position: fixed;
	padding: 20px;
	display: none;
	overflow:auto;
	color: #666666;
	text-align: left;
	background-color: #EBEBCC;
	border-style: solid;
	border-width: 5px;
	border-color: #AA8121;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.little_pop_up {
	width:360px;
	height:240px;
	top: 50%;
	left: 50%;
	margin-top: -120px;
	margin-left: -180px;
}

.tiny_pop_up {
	width:190px;
	height:200px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -95px;
}

.bottom {
	position: absolute;
	bottom: 12px;
}