/* Resets
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}
/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
a:link, a:visited {outline: none;}
a:hover, a:active {outline: none;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}
label {
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
}
.err {
	color: #C00;
}



/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

body, select, input, textarea {color: #333;	font-family: Arial, Helvetica, sans-serif;font-size: 13px;}
body {
	background-color: #333;
	text-align: center;
}
.wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	text-align: left;
	margin-top: 25px;
	margin-bottom: 25px;
}
header {
	padding-bottom: 20px;
	position: relative;
	background-color: #333;
}
nav  {
	width: 100%;
	overflow: hidden;
	background-color: #5D7B40;
	display: block;
	margin-top: 20px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
nav ul {
	padding: 10px;
	float: left;
	list-style: none;
}
nav li {
	float:left;
}
nav a:link, nav a:visited {
	float:left;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	font-family: 'Open Sans Condensed', Calibri, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: #99cc33;
	background: -moz-linear-gradient(#f5f5f5, #99cc33);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#99cc33));
	background: -webkit-linear-gradient(#f5f5f5, #99cc33);
	background: -o-linear-gradient(#f5f5f5, #99cc33);
	background: -ms-linear-gradient(#f5f5f5, #99cc33);
	background: linear-gradient(#f5f5f5, #99cc33);
	font-size: 20px;
	padding-top: .5em;
	padding-right: 1.5em;
	padding-bottom: .5em;
	padding-left: 1.5em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #5d7b40;
	border-bottom-color: #455a2d;
	border-left-color: #eee;
 }
nav a:focus {
	text-decoration: underline;
}
nav a:hover, nav a.active {
	outline: 0;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	background: #99cc33;
	background: -moz-linear-gradient(#99cc33, #455a2d);
	background: -webkit-gradient(linear, left top, left bottom, from(#99cc33), to(#455a2d));
	background: -webkit-linear-gradient(#99cc33, #455a2d);
	background: -o-linear-gradient(#99cc33, #455a2d);
	background: -ms-linear-gradient(#99cc33, #455a2d);
	background: linear-gradient(#99cc33, #455a2d);
	text-decoration: none;
}
nav a:active  {
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}
nav li:first-child a {
	border-left: 0;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;            
}
nav li:last-child a {
	border-right: 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;            
}
h1, h2, h3 {font-family: 'Open Sans Condensed', Calibri, Arial, sans-serif;	font-style: normal;	font-weight: 300;}
article a:link, article a:visited {
	color: #000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
article a:hover, article a:active {
	color: #666;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
article h1 {
	font-size: 28px;
	margin-bottom: 10px;
	color: #333;
	font-weight: 700;
}
article h2 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #097d73;
}
aside h2 {
	font-size: 22px;
	margin-bottom: 15px;
	color: #FFF;
	text-shadow: 0 1px 0px rgba(0,0,0,.6);
	font-weight: 700;
}
.button:link, .button:visited {
	text-decoration: none;
	color: #FFF;
	font-family: 'Open Sans Condensed', Calibri, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: #005952;
	background: -moz-linear-gradient(#097d73, #005952);
	background: -webkit-gradient(linear, left top, left bottom, from(#097d73), to(#005952));
	background: -webkit-linear-gradient(#097d73, #005952);
	background: -o-linear-gradient(#097d73, #005952);
	background: -ms-linear-gradient(#097d73, #005952);
	background: linear-gradient(#097d73, #005952);
	font-size: 16px;
	display: block;
	text-align: center;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	padding: 0.3em;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	box-shadow: 1px 1px 1px rgba(0,0,0,.3);
 }
.button:focus, .button:hover, .button:active {
	background: #333;
}
.button-gray:link, .button-gray:visited {
	text-decoration: none;
	color: #FFF;
	font-family: 'Open Sans Condensed', Calibri, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: #CCC;
	font-size: 16px;
	display: block;
	text-align: center;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	padding: 0.3em;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	box-shadow: 1px 1px 1px rgba(0,0,0,.3);
 }
.button-gray:focus, .button-gray:hover, .button-gray:active {
	background: #333;
}
.shadow {	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	box-shadow: 1px 1px 1px rgba(0,0,0,.3);
}
article h3 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
}
article p {
	margin-bottom: 10px;
}
header h1 a:link, header h1 a:visited {
	display: block;
	height: 70px;
	width: 460px;
	font-size: 34px;
	color: #FFF;
	text-decoration: none;
	background-image: url(../images/lbc-block.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 95px;
	line-height: 75px;
	padding-top: 5px;
}
header h1 a:focus, header h1 a:hover, header h1 a:active {
	color: #9FC849;
}
header h2 {
	font-size: 18px;
	color: #CCC;
	text-align: right;
	position: absolute;
	top: 38px;
	right: 25px;
}
.bulleted {
	margin-bottom: 10px;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
}
.bulleted li {
	margin-bottom: 5px;
	margin-left: 10px;
}
aside ul li {
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	padding-bottom: 5px;
}
aside ul li a, aside ul li a:visited {
	display: block;
	color: #333;
	text-decoration: none;
	-moz-transition: all 0.1s ease; /* FF3.7+ */
	-o-transition: all 0.1s ease; /* Opera 10.5 */
	-webkit-transition: all 0.1s ease; /* Saf3.2+, Chrome */
	transition: all 0.1s ease;
}
aside ul li a:hover, aside ul li a:active, aside ul li a:focus {
	text-decoration: none;
	color: #FFF;
}
aside a, aside a:visited {
	color: #333;
	text-decoration: none;
	-moz-transition: all 0.1s ease; /* FF3.7+ */
	-o-transition: all 0.1s ease; /* Opera 10.5 */
	-webkit-transition: all 0.1s ease; /* Saf3.2+, Chrome */
	transition: all 0.1s ease;
}
aside a:hover, aside a:active, aside a:focus {
	text-decoration: none;
	color: #FFF;
}
footer {
	color: #999;
	background-color: #333;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	clear: both;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #9FC849;
	text-align: center;
}
article {
	float: left;
	width: 60%;
	padding: 25px;
}
aside {
	margin-left: 0px;
	width: 25%;
	background-color: #9FC849;
	float: right;
	padding: 15px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 25px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
.push-down {margin-bottom: 20px;}
.thumbnail {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	margin-top: 20px;
}
.float-right {
	float: right;
	margin-bottom: 20px;
	margin-left: 25px;
}
.float-left {
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
}
/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 
ins {background-color: #fcd700; color: #333; text-decoration: none;}
mark {background-color: #fcd700; color: #333; font-style: italic; font-weight: bold;}



/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}