/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
@font-face {
	font-family: 'RokkittRegular';
	src: url('Rokkitt-webfont.eot?') format('eot'), url('Rokkitt-webfont.woff') format('woff'), url('Rokkitt-webfont.ttf') format('truetype'), url('Rokkitt-webfont.svg#webfontKWmDqtHl') format('svg');
	font-weight: normal;
	font-style: normal;
	font-weight: bold;
}
body {
	background:#000000 url(../images/forest-land.jpg) top center fixed no-repeat;
	font-family:'RokkittRegular', Georgia, serif;
}
p, li {
	font-size:20px;
	font-size:16px;
!important
}
header {
	background:url(../images/header_grad.jpg) repeat-x left bottom;
	height:184px;
}
header img {
	max-width: 95%;
	height: auto;
}
header .omega {
	margin-top:40px;
}
form.search {
	margin: 0 0 0 0;
}
/*form.search input[type=search] {
	width: 75%;
	float: left;
	margin: 0;
}
form.search button {
	width: 15%;
	float: right;
	margin: 0;
	padding: 7px 10px;
}*/
.breadcrumb {
	font-family:sans-serif;
	font-size:12px;
	margin-left:10px;
}
.flex-container {
}
#frontpagecontent h2 {
	border-bottom: 1px solid #333333;
	color: #12623C;
	font-size: 28px;
	font-weight: bold;
}
#frontpagecontent h3 {
	color:black;
	font-weight:bold;
	font-size:20px;
}
.frontpage img {
	max-width: 100%;
	height: auto;
}
.subpage, .frontpage {
	padding-top:20px;
}
.frontpage-banner {
	margin-top:15px;
}
.leiwidgetbg {
	background:white;
	border-radius:10px;
	border:2px solid #444;
	padding:10px; /*SETTING THIS MEANS SHRINKING ANY SELECTOR WITH THIS CLASS BY 10px in Width*/
}
.bns {
	float:left;
	margin-left:10px;
	margin-top:-10px;
}
/* main horizontal nav 
==========================================================================
*/
.headernavigation {
	margin:-29px 0 0 -5px;
	padding:0;
}
.headernavigation ul {
}
.headernavigation li {
	float:left;
	list-style:none;
}
.headernavigation li a {
	display:block;
	text-decoration:none;
}
/*.headernavigation h1 {
	color: #484745;
	font-size: 18px;
	font-size: 16px;
!important font-weight: bold;
	line-height: 1.3;
	margin-left: 12px;
	padding-top: 16px;
	text-transform: uppercase;
}*/
.headernavigation h1 {
    color: #000000;
    font-family: 'RokkittRegular',Arial,sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 0;
    margin-bottom: 0;
    margin-left: 15px;
    margin-top: 1px;
    padding-top: 34px;
    text-transform: uppercase;
}
.headernavigation h2 {
       color: #000000;
    font-family: 'RokkittRegular',Arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 0;
    margin-bottom: 0;
    margin-left: 15px;
    margin-top: 20px;
    text-shadow: 0 0 0;
    text-transform: uppercase;
}
.headernavigation .visit:hover, .headernavigation .manage:hover, .headernavigation .learn:hover, .headernavigation .science:hover, .headernavigation .working:hover, .headernavigation .about:hover {
	background-position:bottom left;
}
.headernavigation .visit {
	background:url(../images/nav/VisitaForest.png) top left no-repeat;
	width:150px;
	height:71px;
}
.headernavigation .manage {
	background:url(../images/nav/ManageYourForest.png) top left no-repeat;
	width:150px;
	height:71px;
}
.headernavigation .learn {
	background:url(../images/nav/LearnAboutForests.png) top left no-repeat;
	width:150px;
	height:71px;
}
.headernavigation .science {
	background:url(../images/nav/PhotosMultimedia.png) top left no-repeat;
	width:150px;
	height:71px;
}
.headernavigation .working {
	background:url(../images/nav/Partners.png) top left no-repeat;
	width:150px;
	height:71px;
}
.headernavigation .about {
	background:url(../images/nav/ProgramsOffices.png) top left no-repeat;
	width:176px;
	height:71px;
}
/* content horizontal nav 
==========================================================================
*/
.navfullwidth {
	margin-top:-13px;
}
.navfullwidth ul {
	/*	background: #506498;
background: -moz-linear-gradient(top,  #6f80a9 0%, #506498 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f80a9), color-stop(100%,#506498));
background: -webkit-linear-gradient(top,  #6f80a9 0%,#506498 100%);
background: -o-linear-gradient(top,  #6f80a9 0%,#506498 100%);
background: -ms-linear-gradient(top,  #6f80a9 0%,#506498 100%);
background: linear-gradient(to bottom,  #6f80a9 0%,#506498 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f80a9', endColorstr='#506498',GradientType=0 );
*/	
background: #7082a9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwODJhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTY1OTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #7082a9 0%, #516597 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7082a9), color-stop(100%, #516597));
	background: -webkit-linear-gradient(top, #7082a9 0%, #516597 100%);
	background: -o-linear-gradient(top, #7082a9 0%, #516597 100%);
	background: -ms-linear-gradient(top, #7082a9 0%, #516597 100%);
	background: linear-gradient(to bottom, #7082a9 0%, #516597 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7082a9', endColorstr='#516597', GradientType=0 );
	float: left;
	text-align: center;
}
.navfullwidth ul li {
	width:16%;
	font-size:16px;
	font-family:sans-serif;
}
.navfullwidth ul li:first-child {
	border-left: 0 none;
}
.navfullwidth ul li a {
	display: block;
	padding: 10px 0px;
	color: #efefef;
	font-weight:bold;
	text-decoration:none;
}
.navfullwidth ul li a:hover {
	color:#fff;
}
.navfullwidth ul li:first-child a {
	border-left: 0 none;
}
.navfullwidth ul li:hover {
	background:#6f80a9;
}
.navfullwidth ul li:first-child a {
}
.navfullwidth ul li:last-child a {
}
/* SECTION MIDDLE  
==================================================
*/
#middle {
	background:url(../images/middle_bg.gif) center top;
	height:350px;
}
/*  SubPage  
=============================================
*/

.whitebg {
	background:#ffffff;
}
.subpage {
	padding-top:20px;
}
.subnav, .subpagecontent {
	background:white;
}
.subpage article h2 {
	font-size:24px;
}
.subnav h2 {
	color:#ffffff;
	font-size:20px;
	font-size:16px;
!important padding-left:5px;
	padding-left:10px;
!important background: #7082a9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwODJhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTY1OTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #7082a9 0%, #516597 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7082a9), color-stop(100%, #516597));
	background: -webkit-linear-gradient(top, #7082a9 0%, #516597 100%);
	background: -o-linear-gradient(top, #7082a9 0%, #516597 100%);
	background: -ms-linear-gradient(top, #7082a9 0%, #516597 100%);
	background: linear-gradient(to bottom, #7082a9 0%, #516597 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7082a9', endColorstr='#516597', GradientType=0 );
	font-weight:bold;
}
.subnav ul {
	font-size:14px;
}
.subnav li {
	border-bottom:1px solid #eaeaea;
	padding:0 0 8px 8px;
	font-weight:bold;
}
.subnav a {
	text-decoration:none;
	color:#777;
}
.subnav a:hover {
	color:#06C;
	text-decoration:underline;
}
/* responsive image size... */
.subpage img {
	max-width: 100%;
	height: auto;
}
.subpage .banner {
	margin-bottom:-5px;
}
.subpagecontent h2 {
	color: #12623C;
	font-weight:bold;
	border-bottom:1px solid #333333;
}
.subpagecontent h3 {
	color:#6F80A9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-top:10px;
}
.subpagecontent h4 {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}
.subpagecontent {
	padding:5px;
}
.subpagecontent ul {
	margin-left:15px;
	list-style-position:outside;
	list-style-type:disc;
}
.subpagecontent ul li {
	margin:0 0 10px 10px;
}
.subpagecontent ul li strong {
	font-weight:bold;
	text-decoration:none;
}
footer {
	background:url(../images/fs-footer.jpg) no-repeat top center;
	clear:both;
	font-size:12px;
	color:white;
	padding-top:70px;
}
.internal {
	background:url(../images/FS_Footer_BG.jpg) no-repeat;
	vertical-align: top;
	overflow:hidden;
}
footer nav {
}
footer p, footer li {
	font-size:12px;
	font-size:10px;
!important
}
footer nav ul li {
	float: left;
	list-style: none;
	text-transform: uppercase;
	font-weight: bold;
}
footer nav ul li a {
	text-transform: none;
	font-weight: normal;
	color: #fff;
}
footer nav ul li a:hover {
	text-decoration:none;
	color:#ccc;
}
footer nav ul li .footerheader {
	margin-bottom: 5px;
	margin-top: 10px;
	cursor: pointer;
	position: relative;
}
.footercontent p {
	line-height:2em;
	margin:0;
}
#blacklinks {
	background-color:#000;
	margin-bottom: 0px;
	color: #fff;
	text-align:center;
	margin-top:30px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:10px;
}
#blacklinks a {
	color: #fff;
	text-decoration:none;
}
#blacklinks a:hover {
	text-decoration:underline;
}
abbr {
	border-bottom:1px dotted #333;
	cursor:help;
}
/* #Page Styles
================================================== 
*//* IF YOU WANT TO SHOW EXTERNAL LINKS WITH LITTLE ICON *//*
a[href^="//g"] {
    background: url(../images/external_site.gif)top right no-repeat;
    padding-right: 14px;
}
a[href^="//g166.5.207.207/dev/lei/"/"http:\/\//\/\/g  {
    background: none;
    padding-right: 0;
}*/
#regtable {
	width:100%;
}
#regtable td {
	padding:3px;
	border:1px solid #CCC;
}
#regtable td a:hover {
	text-decoration:none;
}
/* tables zebra stripping */
.odd {
	background:#fafafa;
}
.even {
	background:#f4f4f4;
}
/* ---=-=-=-=-=-=-=-=- */
h4.contact {
	background:url(../images/lei-h4-contact.png) left no-repeat;
	text-indent:23px;
}
.intro {
	font-weight:bold;
	color:#333;
}
.floatleft {
	float:left;
	margin-right:8px;
}
.floatright {
	float:right;
	margin-left:8px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
nav#leinav{display:none;}
nav#leinav-horz{text-align:center;margin-top:-12px;display:block;}
nav#leinav-horz ul{
background:#41506F;padding:7px;
}
nav#leinav-horz ul li{
display:inline;
font-size:1.2em;
padding:1%;

}
nav#leinav-horz ul a{
color:white;
text-decoration:none;
padding:10px 2px;
}
nav#leinav-horz ul a:hover{
background:#2C3753;
}
.subnav h2 img{
	display:none;
}
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
header {
	height:145px;
}
header nav {
	margin:-20px 0 0 0;
}
select {
}
/* main horizontal nav 
==========================================================================
*/
.headernavigation {
	margin:0 0 0 -5px;
	padding:0;
}
.headernavigation ul {
}
.headernavigation li {
	float:left;
	list-style:none;
	margin-right:25px;
}
.headernavigation li a {
	display:block;
	text-decoration:none;
}
.headernavigation h1 {
	color:#6F5240;
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
	padding-top: 17px;
	text-transform: uppercase;
	line-height:1;
}
.headernavigation .visit:hover, .headernavigation .manage:hover, .headernavigation .learn:hover, .headernavigation .science:hover, .headernavigation .working:hover, .headernavigation .about:hover {
	background-position:bottom left;
}
.headernavigation .visit {
	background:url(../images/navhalfsize/VisitaForest.png) top left no-repeat;
	width:100px;
	height:42px;
}
.headernavigation .manage {
	background:url(../images/navhalfsize/ManageYourForest.png) top left no-repeat;
	width:100px;
	height:42px;
}
.headernavigation .learn {
	background:url(../images/navhalfsize/LearnAboutForests.png) top left no-repeat;
	width:100px;
	height:42px;
}
.headernavigation .science {
	background:url(../images/navhalfsize/PhotosMultimedia.png) top left no-repeat;
	width:100px;
	height:42px;
}
.headernavigation .working {
	background:url(../images/navhalfsize/Partners.png) top left no-repeat;
	width:100px;
	height:42px;
}
.headernavigation .about {
	background:url(../images/navhalfsize/ProgramsOffices.png) top left no-repeat;
	width:100px;
	height:42px;
}
nav#leinav-horz ul li a {
    font-size:.8em;
}
}
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
nav#leinav-horz{display:none;}		
nav#leinav{border-bottom:1px dashed gray;display:block;}
nav#leinav .leinavtitle{display:block;text-align:left;padding:0px 3px;font-size:2em;cursor:pointer;}
nav#leinav .leinavtitle img{float:right;margin-top:10px;}
nav#leinav ul{
display:none;
background:#41506F;
}
nav#leinav ul.leinavul li{
text-align:left;
display:block;
font-size:1.2em;
padding:5px;
border-bottom:1px solid white;
}
nav#leinav ul.leinavul li:hover{
background:#293450;
}
nav#leinav ul.leinavul a{
color:white;
text-decoration:none;
}
nav#leinav ul.leinavul a:hover{
background:#2C3753;
}
#searchinput {
width:70%;
margin:0 5px;
}
.navfullwidth li a {
	font-size:10px;
}
.subpage, .frontpage {
	margin-top: -40px;
}
.breadcrumb {
	display:none;
}
footer nav {
	text-align:center;
	margin-left:25%;
}
.navfullwidth {
	font-size:70%;
}
.navfullwidth li {
	border-right:1px solid #000;
}
.navfullwidth ul li:last-child {
	border:none;
}
.bns {
	display:none;
}
select {
	margin-top:0px
}
footer, footer .footerbg {
	background:url(../images/footer-solid.jpg) bottom center repeat;
	text-align:center;
}
header nav {
	margin: -30px 0 0;
}
.navfullwidth {
	margin-top: -23px;
}
.fixed {
	position:fixed;
	width:inherit;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border:0;
	border-top:1px solid #333;
	-moz-box-shadow: 	0px -2px 3px #333;
	-webkit-box-shadow: 0px -2px 3px #333;
	box-shadow: 0px -2px 3px #333;
}
.subnav h2:after {
	content:" Menu";
	font-size:1em;
}
.subnav h2 img, h2.subnavtitle img {
	display:inline;
	float:right;
	margin:10px;
}
.subnav h2{
cursor:pointer;	
}
.subnav ul{display:none;}
.subnavul {
	display:none;
}

}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
header {
	height:185px;
}
.footernavigation, .headernavigation {
	display: none
}
}
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
body{background:#efefef;}
#usfslogo {
	background:url(../images/USDA_FS_Logo-mobile.png) no-repeat center;
	height:45px;
}
#usfslogo img {
	display:none;
}
header {
	height:145px;
	background:none;
}
select {
	margin-top:0px
}
.footernavigation, .headernavigation {
	display: none
}
nav#leinav .leinavtitle{font-size:1.8em;}
}