/* 
CSS Document 
Main Stylesheet
stylesheet.css
*/


/* RESET
--------------------------------------------------------*/
article, aside, figure, footer, header, hgroup, 
menu, nav, section { display: block; }


/* ////////////////////////////////////////////////////////////////////// DESKTOP LAYOUT 
----------------------------------------------------------------------------------------
****************************************************************************************/
@media screen and (min-width: 769px) and (max-width: 1920px) {

		/* BODY AND CONTAINER
		--------------------------------------------------------*/
		body {
			font-size: 76%;
			background: #e0e0d1 url(../images/bg-body.png) repeat;
			padding: 0px;
			margin: 0px;	
		}
		
		body #body-wrapper {
			background: url(../images/bg-repeat-body-wrapper.png) repeat-x top left;
			padding: 0px;
			margin: 0px;	
		}
		
		#container {
			overflow: hidden;
			max-width: 1010px;
			padding: 0px;
			margin: 0 auto 0 auto;	
		}
		
		/* PAGE HEADER AND SEARCH
		--------------------------------------------------------*/
		header {
			float: left;
			width: 960px;
			height: 200px;
			padding: 0px;
			margin: 0px;	
		}
		
		header #masthead {
			float: left;
			width: 100%;
			height: 57px;
			padding: 18px 25px 0 25px;
			margin: 0px;
		}
		
		header #search {
			float: right;
			width: 450px;
			color: #888;
			padding: 0px;
			margin: 0px;	
		}
			header #search ul { list-style: none; padding: 0px; margin: 0px; }
			header #search ul li { float: left; padding: 0px; margin: 0px; }
		
		
		/* NAVIGATION MASTHEAD
		--------------------------------------------------------*/
		section#nav {
			float: left;
			width: 960px;
			height: 85px;
			border-top: 6px solid #86aa59;
			background: #fff url(../images/bg-repeat-nav.png) repeat-x bottom left;
			padding: 20px 25px 20px 25px;
			margin: 10px 0 0 0;	
		}
		
		
		/* MAIN NAVIGATION (1ST TIER)
		--------------------------------------------------------*/
		nav#main {
			float: left;
			width: 290px;
			height: 90px;
			padding: 0px;
			margin: 0px;	
		}
			nav#main ul { list-style: none; padding: 0px; margin: 0px; }
			nav#main ul li { float: left; width: 50%; padding: 0 0 2px 0; margin: 0px; }
			nav#main ul li a { font: bold 1.2em Arial, Helvetica, sans-serif; color: #868686; text-decoration: none; }
			nav#main ul li a:hover { color: #000; }

		
		/* SUB NAVIGATION (2ND TIER)
		--------------------------------------------------------*/
		nav#sub {
			float: left;
			width: 510px;
			height: 80px;
			padding: 0 0 0 30px;
			margin: 0px;	
		}
			nav#sub ul { list-style: none; padding: 0px; margin: 0px; }
			nav#sub ul li { float: left; width: 25%; line-height: 1.7em; padding: 0px; margin: 0px;	}
			nav#sub ul li a { font: bold 1.1em Arial, Helvetica, sans-serif; color: #aaa; text-decoration: none; }
			nav#sub ul li a:hover { color: #000; }
			
			/* section colors */
			nav#sub.green { background: url(../images/bg-nav-sub-arrow-green.png) no-repeat; }
		
		
		/* SOCIAL NAVIGATION (HEADER ICONS)
		--------------------------------------------------------*/
		nav#social {
			float: left;
			width: 120px;
			height: 75px;
			background: #f0f0f0;
			padding: 5px 0 0 10px;
			margin: 0px;	
		}
			nav#social ul { list-style: none; padding: 0px; margin: 0px; }
			nav#social ul li { float: left; width: 30%; padding: 0px; margin: 0px; }
		
		
		/* CONTENT AREA
		--------------------------------------------------------*/
		section#content-wrapper {
			float: left;
			width: 960px;
			background: #fff;
			padding: 0 25px 0 25px;
			margin: 25px 0 0 0;	
		}
		
		section#breadcrumbs {
			float: left;
			width: 715px;
			padding: 25px 0 15px 0;
			margin: 0px;	
		}
		
		nav#call-to-action {
			float: left;
			width: 245px;
			font: 1.2em Arial, Helvetica, sans-serif; color: #86aa59;
			padding: 25px 0 0 0;
			margin: 0px;	
		}
			nav#call-to-action ul { list-style: none; padding: 0px; margin: 0px; }
			nav#call-to-action ul li { float: left; padding: 0px; margin: 0px; }
		
		section#content {
			float: left;
			width: 960px;
			padding: 0px;
			margin: 0px;	
		}
		
		
		/* FOOTER
		--------------------------------------------------------*/
		footer {
			float: left;
			width: 960px;
			padding: 0px;
			margin: 25px 0 25px 0;	
		}
		
		section#share { float: left; width: 960px; height: 40px; padding: 0px; margin: 0px; }
		
		section#links { float: left; width: 700px; height: 75px; background: #e7e7e7; font: 1.2em Arial, Helvetica, sans-serif; color: #c4c4c4; padding: 25px 0 0 15px; margin: 0px; }
			section#links  ul{ list-style: none; padding: 0px; margin: 0px;	}
			section#links  ul li { float: left; padding: 0px; margin: 0px; }
		
		section#social { float: left; width: 245px; height: 100px; background: #e7e7e7 url(../images/bg-footer.png) no-repeat top right; padding: 0px; margin: 0px;	}
			section#social ul { float: right; list-style: none; padding: 0 10px 0 0; margin: 0px; }
			section#social ul li { float: left; padding: 40px 5px 0 0; margin: 0px;	}
		
		
		/* TYPOGRAPHY ELEMENTS
		--------------------------------------------------------*/
		#search a { font: normal 1.0em Arial, Helvetica, sans-serif; color: #666; text-decoration: none; }
		#search a:hover { color: #999; text-decoration: underline; }
		
		nav#sub h1 { font: bold 1.2em Arial, Helvetica, sans-serif; color: #85AA59; text-transform: uppercase; padding: 6px 0 5px 0; margin: 0px; }
		
		#breadcrumbs p { font: 1.0em Arial, Helvetica, sans-serif; color: #b6b6b6; }
		#breadcrumbs p a { color: #b6b6b6; text-decoration: none; }
		#breadcrumbs p a:hover { color: #b6b6b6; text-decoration: underline; }
		
		nav#call-to-action a { font: 1.7em Arial, Helvetica, sans-serif; color: #86AA59; text-decoration: none; font-style: italic; }
		nav#call-to-action a:hover { color: #000; }
		
		#content h1 { font: bold 2.1em "Times New Roman", Times, serif; color: #333; margin: 0 0 -0.25em 0; }
		#content h2 { font: bold 1.5em Arial, Helvetica, sans-serif; color: #444; margin: 15px 0 -0.25em 0; }
		#content p, table { font: 1.2em/1.5em Times Arial, Helvetica, sans-serif; color: #727272; }
		#content ul li, #content ol li { font: 1.2em/1.5em Arial, Helvetica, sans-serif; color: #666; padding: 0em; margin: 1.0em 0 0 0; }
		#content a { font: Arial, Helvetica, sans-serif; color: #009fc6; text-decoration: none; font-weight: bold; }
		#content a:hover { background: #e7e7e7; color: #555; }
		#content hr { width: 100%; height: 1px; background: #bbb; border: 0px; color: #999; }
		
		section#links a { font: 1.5em Arial, Helvetica, sans-serif; color: #c4c4c4; text-decoration: none; font-style: italic; }
		section#links a:hover { color: #000; }
		section#links p { clear: both; font: 0.8em Arial, Helvetica, sans-serif; color: #aaa; }
		
		
		/* IMAGE ELEMENTS
		--------------------------------------------------------*/
		a img { border: 0px; }
		a img:hover { opacity: 0.5; filter: alpha(opacity=50); }
		
		
		/* TABLE ELEMENTS
		--------------------------------------------------------*/
		table, tr, th, td { border: 1px solid #ddd; border-collapse: collapse; padding: 1%; }
		table { width: 100%; }
		tr th { background: #c3c3c3; color: #444; }
		tr:nth-child(odd)	{ background:#fff; }
		tr:nth-child(even)	{ background:#eee; }
		tr:hover { background: #ffffbf; }
		
		
		/* TAB SLIDEOUT
		--------------------------------------------------------*/
		.slide-out { width: 250px; background: #ccc; border: 1px solid #29216d; padding: 1% 2% 1% 5%; }
		.slide-out h1 { font: bold 1.3em/1.1em Arial, Helvetica, sans-serif; color: #333; }
		.slide-out p { font: 1.0em/1.4em Arial, Helvetica, sans-serif; color: #333; }
		.handle { width: 40px; height: 122px; background: url(../images/icon-tab.gif) no-repeat; }
		.handle:hover { opacity: 0.5; filter: alpha(opacity=70); }
		
		
		/* BACK-TO-TOP BUTTON
		--------------------------------------------------------*/
		#back-top { position: fixed; bottom: 30px; margin: 0 0 0 -150px; }
		#back-top a { width: 110px; display: block; font: bold 2.0em/1.2em Arial, Helvetica, sans-serif; color: #ccc; text-transform: uppercase; text-decoration: none; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
		#back-top a:hover { color: #333; }
		
		
		/* HIDE ELEMENTS
		--------------------------------------------------------*/
		.reg-hide { display: none; }
		
		
}