/*-------------------------------------GLOBAL RESETS--*/
html, body, form{margin: 0;	padding: 0;	font: 100%/120% Helvetica, Arial, Sans-Serif;}
h1, h2, h3, h4, h5, h6, blockquote {font-weight: normal; color: #894b00; margin: 0 0 20px; padding: 0;}
p {margin: 0; padding: 0;}
img, a {border: 0;}
ul {list-style-type: none; padding:0; margin:0;}
li {list-style-type: none; padding:0; margin:0;}

/*-------------------------------------TAG STYLES--*/
body {
	line-height: 1.3em;
	color: #454545;
/*	background: #fff url("../images/bg.jpg") center top repeat-x;*/
}

h1 {font-size: 1.4em;}
h2, h3 {
	font-weight: bold;
	padding-bottom: 5px;
	letter-spacing: -0.1em;
	color: #333;
	border-bottom: #beb2a2 solid 1px;
}
h2 {padding-top: 40px;}
h3 {padding-top: 20px; font-size:1.0em; text-transform: uppercase;}
h4 {margin: 0 0 10px;}

strong {color: #000;}

a {
	color: maroon;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img.floating {
	float: left;
	margin: 0 10px 0 0;
	border: #2d251f solid 3px;
}

p {
	margin: 0 0 20px;
	font-size: 0.8em;
}

ul.simple_list {
	margin: 0 0 20px;
	font-size: 0.8em;
}

ul.simple_list li, div.list li {
	margin: 0 0 0 30px;
	padding: 0 0 0 10px;
	list-style-type: disc !important;
}

object {margin: 0 0 20px;}

/*-------------------------------------CUSTOM STYLES--*/
#top, #top_general {
	margin: 0 0 40px;
	height: 380px;
	border-bottom: #000 solid 1px;
}

.home_banner {background: #0a0c08 url("../images/top_home.jpg") center top no-repeat !important;}
.entomology_banner {background: #0a0c08 url("../images/top_entomology2.jpg") center top no-repeat !important;}
.techniques_banner {background: #0a0c08 url("../images/top_yuba_bridge.jpg") center top no-repeat !important;}
.classes_banner {background: #0a0c08 url("../images/top_camping.jpg") center top no-repeat !important;}
.guiding_banner {background: #0a0c08 url("../images/top_steelhead.jpg") center top no-repeat !important;}

#top_general {background: #0a0c08 url("../images/top_yuba_bridge.jpg") center top no-repeat !important;}

#welcome {
	margin: -40px 0 40px;
	padding: 40px 0 20px;
	color: #000;
	background: url("../images/welcome.jpg") left bottom repeat-x;
	border-bottom: #beb2a2 solid 1px;
	overflow: hidden;
}

#welcome_content {
	margin: 0 auto;
	width: 980px;
}

#search_box {
	margin: 0 0 20px;
	color: #fff;
	background: #0a0c08;
	border: 1px solid #beb2a2;
}

input.search_text {
	padding: 7px 4px;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background: transparent !important;
	border: 0 !important;
	cursor: pointer;
}

#search_box input.submit {
	float: right;
	margin: 10px 10px 0 0;
}

#navigation_wrapper {
	height: 70px;
	background: #0a0c08;
}

#navigation {
	margin: 0 auto;
	width: 980px;
}

#navigation li {
	float: left;
	padding: 0 26px;
	height: 70px;
	line-height: 70px;
	font-weight: bold;
	font-size: 0.8em;
	text-transform: uppercase;
	cursor: pointer;
}

#navigation li.endcap {padding: 0 15px !important;}

#navigation li.current {
	height: 62px;
	line-height: 62px;
	border-top: #de8241 solid 4px;
}

#navigation li.hover a, #navigation li.current a {color: #fff;}

#navigation a {
	color: #83ac9a;
	text-decoration: none;}

#navigation a:hover {color: #fff;}

#content {
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
	background: #fff;
}

#left, #right {float: left;}

#left {
	padding-right: 40px;
	width: 620px;
}

#right {
	padding: 20px;
	width: 280px;
	font-size: 0.9em;
}

.sidebar_box {
	margin: 0 0 20px;
	padding: 10px 20px;
	background: #f7f1e8;
	border: #beb2a2 solid 1px;
}

.sidebar_box h2 {padding-top: 20px !important;}

#right ol li {
	list-style-type: decimal;
	padding-bottom: 10px;
	font-size: 0.8em;
}

#footer {
	margin: 0 auto;
	width: 980px;
	padding: 40px 0;
	text-align: center;
	font-size: 0.8em;
	color: #fff2e3;
}

#footer_content {
	
}

/*-------------------------------------SPECIALIZED STYLES--*/
.posted {
	display: inline-block;
	padding: 5px 10px;
	font-size: 0.8em;
	background: #dedacc !important;
}

#pattern_tabs {
	margin: 0;
	border-bottom: #beb2a2 solid 1px;
	overflow: hidden;
}

#pattern_tabs li {
	display: inline-block;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	font-size: 0.8em;
	background: #ded6cc;
	border: #beb2a2 solid 1px;
	border-bottom: none;
	cursor: pointer;
}

#pattern_tabs li.current {
	color: #fff;
	background: #0a0c08;
}

div.section {
	display: none;
	padding: 20px;
	background: #f7f1e8;
	border: #bbb solid 1px;
	border-top: none;
	overflow: hidden;
}

div.section img {
	width: 210px;
	border: #2d251f solid 3px;
}

div.section ul {
	margin-bottom: 20px;
}

div.section li {
	list-style-type: square;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	font-size: 0.8em;
}

table.patterns td {
	padding: 3px 5px;
	font-size: 0.8em;
	background: #fff;
}

div.column {
	float: left;
	margin: 0 20px 20px 0;
	padding: 0 20px 20px 0;
	width: 226px;
	border-right: #bbb solid 1px;
}

.hatch_bug {
	float: left;
	width: 150px;
	height: 151px;
	line-height: 151px;
	font-size: 0.8em;
	text-align: center;
	color: #000;
	background: #777;
	border: #777 solid 5px;
}

.hatch_chart {
	float: left;  
	margin: 0 0 20px;
	width: 820px;
	border-top: #777 solid 1px;
	border-left: #777 solid 1px;
}

.hatch_chart td, .hatch_chart th {
	padding: 5px;
	line-height: 1.2em;
	font-size: 0.8em;
	border-right: #777 solid 1px;
	border-bottom: #777 solid 1px;
}

.hatch_chart th {text-align: left; background-color: #efefef;}

tr.hatch_chart_header th {width: 5px !important; text-align: center;}

tr.expander th {background: #d7d7d7 url("../images/down_arrow.jpg") right center no-repeat !important;}

th.text    {
	vertical-align: top;
	text-align: left !important;
}

span.chart_title {
	display: inline-block;
	width: 100px;
	font-weight: bold;
}

span.none, span.minor, span.major, span.peak {display: inline-block; padding: 0 5px; color: #000; border: #676767 solid 1px;}

th.none, span.none	 {background-color: #999 !important;}
th.minor, span.minor {background-color: #ff9 !important;}
th.major, span.major {background-color: #fc3 !important;}
th.peak, span.peak  {background-color: #f60 !important;}
td.pattern {font-size: 1.0em !important;}

td.pattern li {
	margin-left: 15px !important;
	padding: 0 !important;
} 

#pattern_bin, #gallery_bin {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -320px;
	padding: 20px;
	width: 600px;
	color: #ccc !important;
	background: #0a0c08;
	border: #373737 solid 10px;
	overflow: hidden;
	z-index: 20000;
}

#pattern_details img {float: left; margin-bottom: 10px; width: 240px !important;}
#pattern_bin h3 {
	margin: 0 0 10px;
	letter-spacing: 0px;
	color: #fff !important;
}

#pattern_left, #pattern_right {float: left;}
#pattern_left {padding: 10px; width: 240px; margin-right: 30px; font-size: 0.8em; background: #d7d7d7; color: #373737 !important;}
#pattern_right {width: 310px;}

#pattern_close_link, #gallery_close_link, #gallery_next_link, #gallery_prev_link {float: right;}
#pattern_close_link, #gallery_close_link {margin: -10px -10px 0 10px;}
#gallery_next_link, #gallery_prev_link {margin: -10px 0 0 10px;}

#gallery_options {
	float: right;
	width: 280px;
	clear: both;
}

#gallery_image img {margin-top: 20px; width: 600px;}

img.gallery_thumb {
	float: left;
	margin: 0 3px 4px;
	width: 100px;
	height: 75px;
	border: #373737 solid 1px;
}

#slideshow {
	margin: 0 0 40px;
	width: 980px;
	height: 450px;
	overflow: hidden;
}

img.slideshow_image {
	width: 600px;
	border: #0a0c08 solid 5px;
}

img.favorite {display: inline; padding: 3px 3px 0;}

/*-------------------------------------UTLITIY STYLES--*/
.no_border {border: 0 !important;}
.no_margin {margin: 0 !important;}
.no_margin_right {margin-right: 0 !important;}
.text_left {text-align: left !important;}
.clear {clear: both;}

/*--------------------------------------------------SAFARI--*/
input:focus {
  outline-width:0;
}