/*
Created by:
	Kinesis Inc.
	www.kinesisinc.com
	and
	Rhythm Behavior Design
	www.rhythmbehavior.com

	Graphic Design and Web Development
	Portland, OR
	
========================
	
Color Key:
	Orange: #f59f19;
	Cream: #fef5e8;
	Green: #3c5917;
	Green2: #406815;
	Red: #661f24;
	Yellow: #d2b73d;
	Purple: #37004a;
	
*/
/* ====================================================== Resets */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }
html, body { height: 100%; }
table { border-collapse: collapse; }
tr, td, table { vertical-align:top; }
ul { list-style: square inside; }
ol { list-style: decimal inside; }
a { outline: none; text-decoration: none; }
a img { border: none; }
img { vertical-align: middle; }

/* ====================================================== Utilities */
img.left { float:left; }
img.right { float:right; }
.float_right { text-align:right; float:right; clear:right; }
.float_left { text-align:left; float:left; clear:left; }
.clear, .white_btm { float:none; clear:both; text-indent: -99999px; }
.handcursor{ cursor:hand; cursor:pointer; }
.handcursor:hover{ text-decoration: underline; }
.no_space { padding:0; margin:0; }

/* ====================================================== Layout Control */
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fef5e8;
	color:#3c5917;
	font-size:95%;
}
#container {
	margin: 0 auto;
	width:979px;
	font-size:0.78em;
	line-height:1.34em;
}
#column_1, #column_2, #column_3, #column_4 {
	position:relative;
	margin-top:16px;
	text-align:left;
	float:left;
}
#column_1 {
	margin-right:15px;
	width:16.13em;
}
#column_2 {
	margin-right:15px;
	width:42.8em;
}
#column_3 {
	width:13.13em;
}

/* absolute sizing */
#column_1 {
	width:196px;
}
#column_2 {
	width:507px;
}
#column_3 {
	width:196px;
}

#column_4 {
	width:765px;
}

/* finished absolute sizing */

.right:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.right {
	overflow: hidden;
	display: inline-block;
	display: block;
}
#hra {
	width:736px;
	height:685px;
}
#feed li {
	margin-left:20px;
	list-style:none;
}
#footer {
	background:url(../img/site_main/banners/bnr_footer.gif);
	background-repeat:no-repeat;
	position:relative;
	margin:0 auto;
	height:153px;
	width:979px;
	float:none;
	clear:both;
}
#bnr_top {
	background-repeat:no-repeat;
	position:relative;
	margin:0 auto;
	height:198px;
	width:979px;
}
#bnr_bot {
	background:url(../img/site_main/banners/bnr_bottom.gif);
	background-repeat:no-repeat;
	position:absolute;
	bottom:0;
	height:68px;
	width:979px;
	text-align: right;
}

/* ====================================================== Link Control */
/* ================== Link overview */
a:link, a:active {
	color:#661f24;
	text-decoration:underline;
	outline:none;	
}
a:visited {
	color:#ab262a;
	text-decoration:underline;
	outline:none;
}
a:hover, a:focus {
	color:#f59f1a;
	text-decoration:none;
}

/* ================== Top Banner Links */
#bnr_bot a:link,
#bnr_bot a:visited,
#bnr_bot a:active {
	margin-right:27px;
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
}
#bnr_bot a:hover,
#bnr_bot a:focus {
	color:#f59f1a;
}

/* ================== Primary Navigation Placement */
#column_1 ul {
	list-style:none;
	margin:0 0 1em -0.1em;
}
#column_1 ul ul {
	margin:0.3em 0 0.6em 0;
	padding-left:0;
}
#column_1 li {
	background-image:url(../img/site_main/ul_dash.gif);
	background-position:left .45em;
	background-repeat:no-repeat;
	list-style-position: outside;
	padding-left:10px;
	margin:0.4em 0;
	line-height: 1em;
}
#column_1 li.current{
	background-image:url(../img/site_main/ul_arrow.gif);
	background-position:left .35em;
	padding-left:20px;
}
/* ================== Navigation, Subnavigation, Tertiary Navigation Links */
#column_1 li a, 
#column_1 li.current li a, 
#column_1 li.current li.current li a {
	color:#661f24;
	text-decoration:none;
}
#column_1 li a:hover, 
#column_1 li a:focus, 
#column_1 li.current li a:hover, 
#column_1 li.current li a:focus, 
#column_1 li.current li.current li a:hover,
#column_1 li.current li.current li a:focus {
	color:#f59f1a;
}
/* ================== Current Navigation, Current Subnavigation, and Current Tertiary Links */
#column_1 li.current a, 
#column_1 li.current a:hover, 
#column_1 li.current a:focus,
#column_1 li.current li.current a, 
#column_1 li.current li.current a:hover, 
#column_1 li.current li.current a:focus, 
#column_1 li.current li.current li.current a, 
#column_1 li.current li.current li.current a:hover,
#column_1 li.current li.current li.current a:focus  {
	color:#f59f1a;
	text-decoration:none;
}
/* ================== Footer Links */
#footer a:link,
#footer a:visited,
#footer a:active {
	padding: 0 3px;
	color:#ffffff;
	text-decoration:underline;
}
#footer a:hover,
#footer a:focus {
	color:#f59f1a;
}

/* ====================================================== Style Control */
p, ul, ol, dl {
	margin-bottom:1em;
}
hr {
	border: none 0px #f59f1a;
	background-color:#f59f1a;
	color: #f59f1a;
	margin:0 auto 1em auto;
	height:1px;
	width:85%;
	text-align:center;
}
h1 {
	font-family:"Times New Roman", Times, serif;
	margin-bottom:1em;
	font-weight:normal;
	font-size:1.65em;
	line-height:1em;
}
.box h1 a, .box h1 a:hover {
	color:#ffffff;
	text-decoration: none;
}
h2 {
	color: #f59f1a;
	font-weight:500;
	font-size:1.75em;
	line-height:1.3em;
	margin: 0.4em 0 1em 0;
}
h2 .small {
	font-weight:600;
	font-size:0.75em;
	line-height:1.3em;
}
h3 {
	color:#661f24;
	margin-bottom:1em;
	font-weight:bold;
	font-size:1.3em;
}
#bnr_bot p {
	margin-right:19px;
	margin-top:22px;
	letter-spacing:1px;
}

/* ================== Unordered Lists */
#column_2 ul,
#column_3 ul,
#column_4 ul {
	margin-bottom:1em;
	margin-left:2.5em;
	list-style-position: outside;
	list-style-type:disc;
}
#column_2 li,
#column_3 li,
#column_4 li {
	padding-top:0.75em;
}

/* ================== Ordered Lists */
#column_2 ol,
#column_3 ol,
#column_4 ol {
	color:#3a5211;
	margin-left:2.5em;
	padding-left:10px;
	list-style-position:outside;
	font-weight:normal;
	font-size:1em;
}
#column_2 ol.big,
#column_3 ol.big,
#column_4 ol.big {
	color:#661f24;
	margin-left:2.5em;
	list-style-position:outside;
	font-weight: bold;	
	font-size:1.6em;
}
#column_2 ol.big p,
#column_3 ol.big p,
#column_4 ol.big p,
#column_2 ol.big ul,
#column_3 ol.big ul,
#column_4 ol.big ul {
	color:#3a5211;
	font-weight:normal;
	font-size:.65em;
}
#column_2 ol.big ol,
#column_3 ol.big ol,
#column_4 ol.big ol {
	font-size:1em;
}

.home_image a {
	position:absolute;
	top:0;
	left: 0;
	z-index:800;
}
.home_image .box_content {
	padding: 0 0 0 4px;
}
/* ================== Definition Lists */
dl {
	width: 100%;
}
dt {
	display: block;
	width: 35%;
	padding-top:0.75em;
	float: left;
	clear: left;
}
dd {
	display: block;
	padding-left: 35%;
	padding-top:0.75em;
}

/* ====================================================== Table Control */
table {
	margin-bottom: 1em;
}

/* ================== Minutes Tables */
.minutes table {
	margin: 2em 5% 1em 5%;
	width: 90%;
}
.minutes table tr td {
	border-right:dotted 1px #4a6815;
	border-bottom:dotted 1px #4a6815;
	border-left:dotted 1px #4a6815;
	padding:0.5em 1em;
	width:30%;
	text-align:center;
}
.minutes table tr th {
	border-right:solid 1px #4a6815;
	border-left:solid 1px #4a6815;
	background-color: #4a6815;
	color:#ffffff;
	padding:0.5em 1em;
	text-align: center;
}

/* ================== Menu Tables */
.menus table {
	margin: 2em 5% 1em 5%;
	width: 90%;
}
.menus table tr td {
	border-right:dotted 1px #4a6815;
	border-bottom:dotted 1px #4a6815;
	border-left:dotted 1px #4a6815;
	padding:0.5em 1em;
	width:30%;
	text-align:center;
}
.menus table tr th {
	border-right:solid 1px #4a6815;
	border-left:solid 1px #4a6815;
	background-color: #4a6815;
	color:#ffffff;
	padding:0.5em 1em;
	text-align: center;
}

/* ====================================================== Form Control */
form#custom {	
	font-size:1.08em;
}
input, textarea {
	border-top: solid 1px #cc7d02;
	border-right: solid 1px #f59f19;
	border-bottom: solid 1px #f59f19;
	border-left: solid 1px #cc7d02;
	background-color: #fef5e8;
	padding: .2em;
	margin: .8em 0;
}
select {
	margin: .8em 0;
}

/* ====================================================== Custom Classes and IDs */
.red {
	color:#661f24;
}
.orange {
	color:#f59f1a;
}
.toplink {
	border-top:1px solid #f59f1a;
	margin-bottom:8px;
	padding-right:5%;
	width:95%;
	text-align: right;
}
.board_bio {
	border: 2px solid #661f24;
	margin:0.4em 1.5em 0.5em 1.2em;
	float: left;
}
.recipe_cat {
	width: 240px;
	margin:0 -15px;
	padding: 0;
}
.event_cost {
	display:none;
}
#map {
	width: 24em;
	height: 42em;
	border: solid 1px #4a6815;
	float: right;
	margin: 1.6em;
}
/* ================== Search */
.search {
	padding:1.8em 2.2em 0 0;
}
.search form input, .search form select {
	font-family:Arial, Helvetica, sans-serif;
	border-top:solid 1px #cc7d02;
	border-right:solid 1px #f59f19;
	border-bottom:solid 1px #f59f19;
	border-left:solid 1px #cc7d02;
	background-color:#fef5e8;
	color:#4a6815;
	padding:.2em;
	margin: 0 0;
	font-size:.9em;
}
.search form .submit {
	border:none;
	padding: 0 0;
	vertical-align: middle;
}
.search #query, .search #s {
	background:url(/img/site_main/search_field.gif);
	border:none;
	border-right: solid 1px #f59f19;
	padding:3px .2em 3px 1em;
	height:14px;
}

/* ====================================================== Footer Control */
#footer p {
	color:#ffffff;
	display:block;
	position:absolute;
	top:105px;
	left:665px;
	float:left;
	font-size:0.95em;
}
#footer p.copy {
	top:99px;
	left:240px;
}