@charset "UTF-8";

/*---colors--------

104,114,98   green1
 69,86,77 	 green2
173,185,110  green accent
161,111,23   tan


*/

@font-face {
	font-family: 'DroidSansRegular';
	src: url('../_fonts/DroidSans-webfont.eot');
	src: local('☺'), url('../_fonts/DroidSans-webfont.woff') format('woff'), url('../_fonts/DroidSans-webfont.ttf') format('truetype'), url('../_fonts/DroidSans-webfont.svg#webfont6rGBoMAO') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('../_fonts/DroidSans-Bold-webfont.eot');
	src: local('☺'), url('../_fonts/DroidSans-Bold-webfont.woff') format('woff'), url('../_fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('../_fonts/DroidSans-Bold-webfont.svg#webfontSruMVOI5') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background: #000;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: 'DroidSansRegular', sans-serif;	
}



ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
}

a img { 
	border: none;
}


a:link, a:visited {
	color: rgba(0,0,0,0.8);
}


a:hover, a:active, a:focus { 
	text-decoration: none;
}


.frypan {
	width: 100%;
	height: 900px;
	background: #000 url(../_images/billy_pointing_1500_900.jpg) no-repeat;
	background-position:top center;
}

.container {
	width: 1400px;
	margin: 0 auto; 
}



header {
	margin: 0 0 10px 0;
	border-bottom: 1px solid rgba(173,185,110,1);
	height: 100px;
}

hgroup {
	font-size: 1px;
	position: absolute;
	top: -500px;
}


nav ul {
	list-style: none;
}

nav ul li {
	display: inline;
	float: left;
	font-family: 'DroidSansRegular', sans-serif;
	font-size: .9em;
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
}

nav ul a, nav ul a:visited {
	padding: 5px 5px 5px 15px;
	margin: 0 10px 0 0;
	display: block; 
	width: 120px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	background: rgba(104,114,98,0.8);
	color: #000;
}

nav ul a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: rgba(173,185,110, 1);
	color: #FFF;
}

nav ul li .current, nav ul a:hover .current {
	background: rgba(161,111,23, 0.8);
	cursor: default;
	color: #000;
}


.sidebar1 {
	float: left;
	width: 180px;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-family: 'DroidSansRegular', sans-serif;
	color: #fff;
	background: rgba(0,0,0,.8);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.sidebar1 h1{
	margin: 0 0 10px 0;
	padding: 0 10px 10px 10px;
	color: rgba(173,185,110,1);
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
	font-size: 1.6em;
	font-style: italic;
	text-align: center;
	border-bottom: 1px solid rgba(173,185,110, 1);
}

.sidebar1 h2{
	margin: 0 0 10px 0;
	padding: 0 10px 0 10px;
	color: rgba(161,111,23,1);
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
	font-size: 1.4em;
	text-align: center;
}

.sidebar1 h3 {
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	color: rgba(161,111,23,1);
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
	font-size: 1em;
	/*line-height: 1.5;*/
	text-align: center;
}

.sidebar1 p {
	padding: 0;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;	
}

.sidebar1 .copy {
	font-size: .7em;
	font-style: italic;
	text-align: left;
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
}

.sidebar1 img {
	margin: 0;
	padding: 0 0 0 0;
}

.sidebar1 em {
	color: rgba(173,185,110,1);
}

.sidebar1 a, .sidebar1 a:visited {
	display: block;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 0;
	color: rgba(161,111,23, 1);
	font-size: .9em;
	text-decoration: none;
	text-align: center;	
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
	border-bottom: 1px solid rgba(173,185,110, 1);
}

.sidebar1 a:hover, .sidebar1 a:active, .sidebar1 a:focus {
	background: rgba(173,185,110, 1);
	color: #fff;
}



.content {
	margin: 0 0 0 0;
	padding: 10px 0 0 20px;
	width: 995px;
	float: left;
	/*background: rgba(255,255,255,0.3);*/
	font-family: 'DroidSansRegular';
}

.content h1 {
	color: rgba(173,185,110,1);
	font-size: 2em;
	font-style: italic;
	font-family: 'DroidSansBold', sans-serif;
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
}


.copy {
	font-family: 'DroidSansRegular';
	color: #fff;
	font-size: 1.3em;
	font-style: italic;
	text-shadow: rgba(0,0,0,0.9) 2px 2px 2px;
}


.content em {
	font-style: normal;
}




.sidebar2 {
	float: right;
	width: 185px;
	padding: 0 0 10px 0;
	font-family: 'DroidSansRegular', sans-serif;
}

.sidebar2 h4{
	color: rgba(173,185,110,1);
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
}


/* ~~ The footer ~~ */

footer {
	margin-top: 30px;
	padding: 20px 0 10px 0;
	border-top: 1px solid rgba(173,185,110,1);
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; 
	font-family: 'DroidSansRegular', sans-serif;
	color: rgba(69,86,77, 0.8);
}

footer p {
	font-size: .7em;
	text-align: center;
}

footer img {
	position: absolute;
	top: 5px;
	right: 0px;
}

footer p a:link, footer p a:visited {
	color: rgba(69,86,77, 0.8);
	text-decoration: none;	
	
}

.formstyle {
	font-family: 'DroidSansRegular', sans-serif;
	font-size: .6em;
	color: rgba(173,185,110, 1);
	font-style: normal;
	font-weight: normal;
	width: 160px;
	margin: 20px 0;
	background: rgba(104,114,98,0.8);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	padding: 10px 10px;
	text-align: right;
	
}

.formstyle h4 {
	text-align: center;
	font-size: 1.5em;
	margin-bottom: .5em;
	color: rgba(161,111,23, 1);
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
}

/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty block element as the final element following the last floated block (within the .container) if the footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
}