/* @override http://74.220.212.142/wp-content/themes/lfn/css/main.css?ver=3.3.1 */

/*
Company:	
File:		main.css - This contains all the main styles for the website.

All the styles are separated into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Nav - navigation bar
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background: url(../images/bg-page.jpg) top center;
}
body {
	color: #7f7f7f;
}
/* @end */

/* @group Layout */
/* Head */
div#hd {
	width: 100%;
	margin: 0 auto 4px auto;
	padding: 0 5px 0 5px;
	position: relative;
	z-index: 60;
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,247,245,1) 41%, rgba(223,217,212,1) 76%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(41%, rgba(250,247,245,1)), color-stop(76%, rgba(223,217,212,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,247,245,1) 41%, rgba(223,217,212,1) 76%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,247,245,1) 41%, rgba(223,217,212,1) 76%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,247,245,1) 41%, rgba(223,217,212,1) 76%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,247,245,1) 41%, rgba(223,217,212,1) 76%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfd9d4', GradientType=0 );
}

/* Logo */
div.logo {
	background: url(../images/bg-logo.png) top left no-repeat;
	padding: 0 0 0 40px;
	height: 164px;
}

div.logo a:link, div.logo a:visited {
	display: block;
	max-width: 562px;
	height: 139px;
	text-indent: -9999px;
	background: url(../images/ie.gif);
}

/* Head Site Description */
div.hd-description {
	position: absolute;
	top: 98px;
	left: 624px;
	max-width: 370px;
}

div.hd-description h2 {
	font-weight: normal;
	color: #636363;
	margin: 0;
	font-size: 131%;
}

div.hd-description h2 span {
	display: block;
}

/* Head Utility */
div.hd-util {
	position: absolute;
	top: 7px;
	right: 38px;
	max-width: 375px;
}

/* Util Nav Links */
div.util-nav-links {
	padding: 6px 0 0 0;
	clear: both;
}

div.util-nav-links ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.util-nav-links ul {display: inline-block;}

/* Hides from IE-mac \*/
* html div.util-nav-links ul {height: 1%;}
div.util-nav-links ul {display: block;}
/* End hide from IE-mac */

div.util-nav-links ul {
	margin: 0;
	float: right;
}

div.util-nav-links ul li {
	float: left;
	list-style: none;
	background: url(../images/bg-util-li.gif) center right no-repeat;
	padding: 0 10px 0 0;
	margin: 0 8px 0 0;
	font-size: 93%;
	text-transform: uppercase;
}

div.util-nav-links ul li.last {
	background: none;
	margin: 0;
	padding: 0;
}

div.util-nav-links ul li:last-child {
	background: none;
	margin: 0;
	padding: 0;
}

div.util-nav-links a:link, div.util-nav-links a:visited {
	color: #636363;
}

div.util-nav-links a:hover {
	color: #464646;
	text-decoration: underline;
}

/* Social Links */
div.social-icons {
	display: inline-block;
	vertical-align: top;
	padding: 1px 0 0 0;
	float: right;
}

div.social-icons ul {
	margin: 0;
}

div.social-icons ul li {
	float: left;
	list-style: none;
	padding: 0 10px 0 0;
}

div.social-icons ul li:last-child {
	padding: 0;
}

div.social-icons ul li.last {
	padding: 0;
}

/* Leader Login */
div.leader-login {
	float: right;
	display: inline-block;
	vertical-align: top;
	margin: 0 7px 0 0;
}

div.leader-login a:link, div.leader-login a:visited {
	display: inline-block;
	width: 159px;
	height: 32px;
	padding: 0 13px 0 0;
	line-height: 32px;
	background: url(../images/bg-login.gif) top left no-repeat;
	text-align: right;
	text-transform: uppercase;
	color: #898989;
	font-size: 123.1%;
}

div.leader-login a:hover {
	color: #505050;
}

/* @end */

/* Body */
div#bd {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	top: -4px;
	z-index: 50;
	background: #fff;
}

div#bd-top {
	height: 33px;
	font-size: 0px;
	background: #fff;
}

html body.home div#bd-top {
	background: #fff;
}

div#bd-bottom {
	height: 37px;
	font-size: 0px;
	background: #fff;
}

div#bd-inner {
	background: #fff;
	padding: 0 15px 1px 15px;
}

/* Footer */
div#ft {
	max-width: 1200px;
	margin: -4px auto 0 auto;
	background: #E1DCD9;
	padding: 10px 0 50px 0;
	color: #898989;
	text-align: center;
}

div#ft a:link, div#ft a:visited {
	color: #898989;
}

div#ft a:hover {
	text-decoration: underline;
}

div#ft p.copyright {
	font-size: 77%;
}

div#ft p.ft-info a:link,
div#ft p.ft-info a:visited {
	text-decoration: underline;
}

/* Footer Navigation */
div.footer-nav ul {
	margin: 0 auto;
	text-align: center;
	padding: 0 0 8px 0;
	text-transform: uppercase;
	font-size: 0px;
}

@media screen and (min-width: 0px) and (max-width: 830px) {

	.main-single img {
		width: 100% !important;
		height: auto !important;
	}
	div.slideshow div.slide-text {
    margin-top: -5px !important;
}
	div.page-container div.main-single {
		width: 100% !important;
	}
	div.page-container div.main {
		width: 100% !important;
	}
	.single-side {
		width: 100% !important;
		margin-top: 20px;
	}
  #nav {display: none;}
  .home-col-one {
  	width: 100% !important;
  	text-align: center;
  	padding-bottom: 10px;
  	border-bottom: 1px solid #CCC;
  	margin-bottom: 20px;
  }
  .home-col-two {
  	width: 100% !important;
  text-align: center;
    	padding-bottom: 10px;
  	border-bottom: 1px solid #CCC;
  	margin-bottom: 20px;
  }
  .home-col-three {
  	width: 100% !important;
  	text-align: center;
  	  	padding-bottom: 10px;
  	margin-bottom: 20px;
  }
  div.slideshow {width: 100% !important}
  div.slideshow div.slide {width: 100% !important}
  div.home-content-main {width: 100% !important}
  .slide-img img {width: 100% !important}
  .hd-description {display: none;}
}

div.footer-nav ul li {
	list-style: none;
	display: inline;
	background: url(../images/bg-ft-li.gif) center right no-repeat;
	padding: 0 9px 0 0;
	margin: 0 7px 0 0;
	font-size: 12px;
}

div.footer-nav ul li:last-child {
	margin: 0;
	background: none;
}

div.footer-nav ul li.last {
	margin: 0;
	background: none;
}

/* @end */

/* @group Modules */
/*Home Content Main - Top Area */
div.home-content-main {
	height: 480px;
	/*
	background: url(../images/bg-main-content-tile.gif) top left repeat-y;
*/

}

/* Slideshow */
div.slideshow {
	max-width: 1200px;
	float: left;
	position: relative;
	padding: 8px 0;
}

div.slideshow div.slide {
	max-width: 1200px;
	height: auto;
}

div.slideshow-overlay {
	position: absolute;
	top: -4px;
	left: -3px;
	width: 10px;
	height: 11px;
	background: url(../images/bg-slideshow-round-overlay.png) top left no-repeat;
	z-index: 50;
	display: none;
}

div.slideshow div.slide-img {
	position: relative;
	z-index: 10;
}

div.slideshow div.slide-text {
    background: rgba(56, 89, 130, 0.85);
    color: #f5b37f;
    padding: 20px 10px 5px;
    margin-top: -105px;
    z-index: 20000;
    display: block;
    position: relative;
}

div.slideshow div.slide-text h3 {
	font-size: 282%;
	font-weight: normal;
	margin: 0;
}

div.slideshow div.slide-text p {
	font-size: 108%;
}

/* Slideshow Navigation */
div.slidenav {
	position: absolute;
	top: 37px;
	right: 22px;
	z-index: 20;
}

div.slidenav a {
	display: inline-block;
	width: 10px;
	height: 18px;
	background: url(../images/bg-slidenav.png) top left no-repeat;
	text-indent: -9999px;
	margin: 0 0 0 12px;
}

div.slidenav .activeSlide,
div.slidenav a:hover {
	background: url(../images/bg-slidenav-active.png) top left no-repeat;
}

/* Home Main Content - Sidebar */
div.home-side {
	max-width: 274px;
	float: left;
	padding: 0 19px 0 20px;
	position: relative;
	top: -30px;
	overflow: hidden;
	height: 533px;
}

div.home-side h2 {
	font-size: 197%;
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 8px 0;
	position: relative;
	left: -26px;
	background: url(../images/bg-home-side-h2.gif) top left no-repeat;
	padding: 4px 75px 0 26px;
	line-height: 1.1em;
	min-height: 34px;
	height:auto !important;
	height: 34px;
}

div.home-side h2 a:link,
div.home-side h2 a:visited {
	color: #FFF;
}

div.home-side h2 a:hover {
	color: #f7c59d;
}

div.home-side ul li {
	padding: 15px 0 11px 26px;
}

div.home-side ul li ul li {
	padding: 0;
}

/* Home Content Bottom - Three Column */
div.home-content-bottom {
	margin: 10px 0;
}

div.home-content-bottom h2 {
	color: #000;
	font-size: 232%;
	margin: 0 0 7px 0;
	padding: 4px 0 0 0;
	font-weight: normal;
	text-transform: uppercase;
}
div.home-content-bottom h2 a.rsswidget img {
	display: none;
}
div.home-content-bottom h2.widgettitle {display: none;}
div.home-content-bottom h2 a:link,
div.home-content-bottom h2 a:visited {
	color: black;
}

div.home-col-one {
	width: 33%;
	float: left;
	text-align: center;
}

div.home-col-two {
	width: 33%;
	float: left;
	text-align: center;
}

div.home-col-three {
	width: 33%;
	float: left;
	text-align: center;
}

div.home-content-bottom ul {
	margin: 0;
}

div.home-content-bottom ul li {
	list-style: none;
	font-size: 108%;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 20px;
}

/* Resources Columns */
.resources-search {
	margin-bottom: 20px;
}
.resources-search #searchform {
	margin-bottom: 20px;
}
.resources-search .topics-search, .resources-search .disciplines-search {
	clear: both;
	padding-bottom: 10px;
}
/*
.resources-list .type-resources {
	float: left;
	max-width: 302px;
	margin-right: 20px;
}
.resources-list .type-resources:nth-child(2n+1) {
	clear: both;
}
.resources-list .type-resources:nth-child(2n+2) {
	margin-right: 0px;
}
*/

/* Post Thumbnail */
div.post-thumb {
	max-width: 100px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

/* Sidebar Styles */
div.side ul {
	margin: 0;
}

div.side ul li {
	list-style: none;
	border-bottom: 2px solid #ef8b4b;
}

div.side ul li:last-child {
	border-bottom: none;
}

div.side ul li.last {
	border-bottom: none;
}

div.side ul li ul li {
	border-bottom: none;
}

div.side ul li ul li a:link,
div.side ul li ul li a:visited {
	color: #f5b37f;
	font-size: 108%;
	font-weight: bold;
	text-transform: uppercase;
}

div.side ul li ul li a:hover {
	color: #fbc89f;
}
div.side h2 .rsswidget:first-child {
	display: none;
}

div.side .topics-search, div.side .disciplines-search {color: #fff;}
div.side .topics-search select {
	max-width: 124px;
}
div.side .disciplines-search select {
	width: 100px;
}

/* Search Styles */
li.sb-search select {
	width: 207px;
	margin: 0 3px 22px 0;
	vertical-align: top;
}

.widget_search .txt {
	background-color: #fce8dc;
	border: 1px solid #634f42;
	color: #898989;
	font-size: 13px;
	padding:  3px 6px;
	width: 193px;
	margin: 0 3px 0 0;
	vertical-align: top;
}

.widget_search .btn {
	background: url(../images/bg-side-form-btn.gif);
	width: 34px;
	height: 21px;
	padding: 0 0 2px 0;
	border: none;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 108%;
	vertical-align: top;
}

/* Standard Interior Page Layout */
div.page-container {
	padding: 0 0 20px 0px;
	min-height: 730px;
	height:auto !important;
	height: 730px;
}

/* Main Column */
div.page-container div.main {
	width: 60%;
	float: left;
	margin:0;
	padding: 20px 0;
}

/* Sidebar */
div.page-container div.side {
	width: 312px;
	float: left;
	background-color: #ff8b36;
	position: relative;
	top: 0px;
	padding: 15px 0 15px 0;
}

div.page-container div.side ul {
	padding: 0 19px 0 21px;
}

div.page-container div.side ul li ul {
	padding: 0;
}

div.page-container div.side ul li {
	border-bottom: 2px solid #ffb986;
	padding: 15px 0 15px 23px;
}

div.page-container div.side ul li:last-child {
	border-bottom: none;
}

div.page-container div.side ul li.last {
	border-bottom: none;
}

div.page-container div.side ul li ul li {
	border-bottom: none;
	padding: 0;
}

div.page-container div.side li.sb-search form {
	padding-top: 15px;
}

div.page-container div.side h2 {
	color: #666666;
	font-weight: normal;
	margin: 0;
	font-size: 153.9%;
	text-transform: uppercase;
	position: relative;
	left: -23px;
	background: url(../images/bg-side-h2.gif) top left no-repeat;
	padding: 0 0 0 25px;
}

div.page-container div.side  h2 a:link,
div.page-container div.side  h2 a:visited {
	color: #666666;
}

div.page-container div.side h2 a:hover {
	color: #FFF;
	text-decoration: none;
}

/* Schedule Styles */
div.schedule-content ul {
	margin: 0 0 15px 0;
}

div.schedule-content ul li {
	list-style: none;
}

div.schedule-content ol {
	margin: 0 0 0 20px;
}

/* Blog Styles */
div.entry-meta {
	margin-bottom: 10px;
}

/* Col Styles */
.col-left {
	width: 48%;
	float: left;
}
.col-right {
	width: 48%;
	float: right;
}

/* AddThis */
div.addthis_toolbox {
	margin-bottom: 10px;
}

/* Pager Nav */
.navigation {
	clear: both;
	padding-top: 10px;
}

/* FB Twitter Boxes */
div.fblike-wrap {
	margin-bottom: 30px;
}
ul#tweets {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 20px;
	border: 1px solid #7F7F7F;
}
ul#tweets li {
	list-style: none;
}
/* @end */

/* @group Common Text Styles */
div.page-container p {
	font-size: 108%;
}

div.page-container a:link,
div.page-container a:visited {
	color: #88b9d7;
}

div.page-container a:hover {
	text-decoration: underline;
	color: #70a1bf;
}

/* @end */

/* @group Default Headings */
div.page-container h1.blog-head {
	color: #FF8B36!important;
}
div.page-container h2.page-title, div.page-container h1 {
	font-size: 232%;
	color: #86acc3;
	margin: 0 0 15px 0;
	line-height: 1.1em;
}

div.page-container h2 {
	color: #86acc3;
}

div.page-container h3 {
	color: #86acc3;
	font-size: 138.5%;
	margin: 0 0 10px 0;
}

div.page-container h4 {
	color: #f4ae82;
	font-size: 108%;
}

/* @end */

/* @group Default Lists */
/* Make default ul and ol styles to match p styles */
div.page-container ul li {
	font-size: 108%;
	padding: 3px 0;
}

div.page-container ul li li {
	font-size: 100%;
}

div.page-container ul li ol li {
	list-style: decimal;
}

/* @end */

/* @group Nav */
	
/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	text-decoration: none;
	color: #ed5c00;
}
a:hover {
	color: #f78f3c;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */

.logo1 img {
  max-width:80%;
  height:auto;
}
