html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
strike, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body{
	background: #1c160c;
	color: #d1c9b0;
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	font-size: 10px;
	line-height: 1;
}

/* === Styling Defaults === */

p{
	font-family: Georgia, serif;
	margin-bottom: 1em;
}
a{
/*	color: #855319;*/
	color: #9f6c30;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	color: #fff;
	background: #748540;
}
h1 a, h2 a, h3 a, h4 a, h5 a{
	color: #5e3706;
}

abbr{
	cursor: help;
}
label{
	display: block;
}
label.inlinelabel{
	display: inline;
}
strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
strike{
	text-decoration: line-through;
}
blockquote{
	font-style: italic;
	font-family: Georgia, serif;
	margin: 1em 2em 2em 2em;
}

.flash{
	background: #efe;
	border: 1px solid #8f8;
	left: 50%;
	margin-left: -150px;
	padding: 0 10px;
	position: absolute;
	text-align: center;
	top: 10px;
	width: 300px;
}
.hideme{
	display: none;
}
.clearme{
	clear: both;
}

.errorExplanation{
	border: 2px solid #a40;
	margin: 10px 0;
	padding: 10px;
}
.errorExplanation li{
	font-size: 11px;
	font-weight: bold;
	list-style-type: disc;
	margin-left: 2em;
}

/* === Forms === */

input, select, textarea{
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
input.text,
input.password,
textarea{
	background: #fff url(/images/forms/input.gif) no-repeat top left !important;
	border: 1px solid #888;
	padding: 3px;
}
input:focus.text,
input:focus.password,
textarea:focus{
	background: #fffadf url(/images/forms/inputfocus.gif) no-repeat top left !important;
}
input.search{
	background: #fff url(/images/forms/search.gif) no-repeat top left !important;
	padding: 3px 3px 3px 23px;
}
input:focus.search{
	background: #fffadf url(/images/forms/searchfocus.gif) no-repeat top left !important;
}
label.phantom{
	color: #888;
	position: absolute;
}
input.submit{
   width: auto;
   overflow: visible;
	padding: 2px 3px;
	border: 1px solid #0070bf;
	color: #004a7f;
	font-weight: bold;
	cursor: pointer;
	background: #99c7e7 url(/images/forms/submit.gif) repeat-x top;
}
input:hover.submit{
	background: #b8d8ef url(/images/forms/submithover.gif) repeat-x top;
	border: 1px solid #6aaede;
	color: #0070bf;
}

/* === Base === */

#container{
	background: #d0c8af url(/images/bg.jpg);
	color: #382002;
}
#footer{
	background: #1d160c url(/images/footerbg.jpg) repeat-x 0 0;
	min-height: 120px;
}
* html #footer{
	height: 120px;
}
#footcontent{
	color: #a69f8d;
	font-size: 12px;
	line-height: 1.5;
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 10px 20px 10px;
	width: 960px;
}
#footer h3{
	color: #d1c9b0;
	font-size: 18px;
	font-weight: normal;
}
#footer .vcard{
	height: 130px;
	margin-left: 420px;
	position: relative;
}
#footer .logo{
	left: -420px;
	position: absolute;
	top: -10px;
}
#footer .sitemap{
	border-top: 1px solid #342916;
	font-size: 12px;
	margin-top: 10px;
	padding-top: 10px;
	zoom: 1;
}
#footer .sitemap ul{
	margin-top: 10px;
	zoom: 1;
}
#footer .sitemap li{
	float: left;
	font-size: 14px;
	margin-right: 10px;
	width: 110px;
}
#footer .sitemap ul ul{
	margin-top: 5px;
}
#footer .sitemap ul ul li{
	float: none;
	font-size: 11px;
	line-height: 1.5;
	margin: 0;
}
#footer .copyright{
	border-top: 1px solid #342916;
	font-size: 12px;
	margin-top: 10px;
	padding-top: 10px;
	text-align: center;
	zoom: 1;
}


/* === Nav === */
#skip{
	background: #748540;
	color: #fff;
	left: -9999em;
	outline: 0;
	padding: .5em;
	position: absolute;
	width: 40px;
} 
#skip:focus{
	left: 0;
}
#nav{
	background: url(/images/navbgrepeat.jpg) repeat-x 0 0;
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	height: 32px;
	min-width: 980px;
}
#nav ul{
	margin: 0 auto;
	width: 980px;
}
/* === Nav: Main Level === */
#nav ul li{
	float: left;
	margin-right: 11px;
	position: relative;
	width: 99px;
}
#nav ul li.last{
	margin: 0;
}
#nav ul li a{
	color: #382002;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 27px;
	text-align: center;
}
#nav ul li.selected a,
#nav ul li a:hover{
	background: url(/images/navback.png) no-repeat 0 0;
	color: #fff;
}
/* === Nav: Sub Level === */
#nav ul ul{
	background: #c6bea5;
	border: 1px solid #948d77;
	left: -9999px;
	position: absolute;
	width: 140px;
	z-index: 10;
}
#nav ul li:hover ul,
#nav ul li.hover ul{
	left: auto;
}
#nav ul ul li{
	float: none;
	margin: 0;
	width: 140px;
}
#nav ul ul li a,
#nav ul .selected ul li a{
	background: none;
	color: #9f6c30;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1;
	padding: .3em .5em;
	position: relative;
	text-align: left;
	z-index: 5;
}
#nav ul ul li a:hover{
	color: #fff;
	background: #748540;
}

#nav ul ul li.selected a{
	background: #9F6C30;
	color: #fff;
}

/* === Header === */

#header{
	height: 107px;
	margin: 30px auto 0;
	position: relative;
	width: 980px;
}
#header strong a{
	background: url(/images/logo.png) no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 109px;
	left: 14px;
	outline: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -9999em;
	top: -16px;
	width: 366px;
	z-index: 1;
}
#header strong a:hover,
#header strong a:focus{
	background-image: url(/images/logo_hover.png);
}
.quickform{
	bottom: 12px;
	font-size: 13px;
	position: absolute;
	width: 185px;
}
.quickform strong{
	display: block;
	height: 14px;
	text-indent: -9999px;
}
.quickform input.text{
	border-color: #e5b779;
	float: left;
	margin-top: 5px;
	padding-left: 4px;
	width: 140px;
}
.quickform input.image{
	float: left;
	margin-top: 2px;
}
.quickform .phantom{
	top: 24px;
	left: 6px;
}
#quickjoinform{
	right: 195px;
}
#quickjoinform strong{
	background: url(/images/jointhenewsletter.gif) no-repeat 0 0;
	width: 171px;
}
#quicksearchform{
	right: 0;
}
#quicksearchform strong{
	background: url(/images/searchgrassroot.gif) no-repeat 0 0;
	width: 146px;
}

/* === Content === */

#content{
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 auto;
	overflow: hidden;
	width: 980px;
}
.column{
	float: left;
}
.left{
	width: 212px;
}
.right{
	width: 265px;
}
.center{
	width: 501px;
	border-left: 1px solid #948d77;
	border-right: 1px solid #948d77;
}
.centerleft{
	border-right: 1px solid #948d77;
	width: 250px;
}
.centerright{
	width: 250px;
}
.largecol{
	border-right: 1px solid #948d77;
	width: 714px;
}
.section{
	border-top: 1px solid #948d77;
	font-size: 1.1em;
	line-height: 1.5;
	overflow: hidden;
	padding: 1em;
}
.section .head{
	margin-bottom: 1em;
}
.sectiontitle{
	font: bold 11px "Lucida Grande", "Lucida Sans", sans-serif;
	margin: 0;
	text-transform: uppercase;
}
.section h1{
/*	color: #6b8132;*/
	font: normal 28px Georgia, serif;
	margin: 0;
	text-align: center;
}
.section h1 a{
	color: #6b8132;
	font-weight: normal;
}
.section h1 a:hover{
	color: #fff;
}
.section h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.section h4{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
.section h5{
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px;
}
.section .summary{
	margin: 0;
}
.section .date{
	color: #625c4a;
	font-size: 11px;
	margin: 0;
}
.section .byline{
	color: #625c4a;
	font-style: italic;
}
.section .byline a{
	font-weight: normal;
}
.section .subhead{
	font-family: Georgia, serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
}
.section ul{
	margin-bottom: 1em;
}
.section li{
	list-style: disc;
	margin: .5em 0 .5em 2em;
}
.section .articlethumb{
	float: left;
	margin: 0 10px 5px 0;
}
.section .articlethumb img{
	background: none;
	display: block;
}
.section .articlethumb a img{
	border: 1px solid #9f6c30;
}
.section .articlethumb a:hover img{
	border: 1px solid #748540;
}
.section .articlecontent img{
	float: left;
	margin: 0 10px 5px 0;
}
.section .articleimage{
	background: #cbbf9e;
	border: 1px solid #948d77;
	overflow: hidden;
	padding: 5px;
	text-align: center;
	width: 230px;
}
.section .articleimage img{
	float: none;
	margin: 0;
}
.section .articleimage strong{
	display: block;
	font: normal 11px "Lucida Grande", "Lucida Sans", sans-serif;
	line-height: 1.2em;
}
.section .recentarticle{
	border-top: 1px solid #948d77;
	padding: 10px 0;
}
.section .primary{
	float: right;
	margin: 0 0 5px 10px;
}
.section .secondary{
	float: left;
	margin: 0 10px 5px 0;
}
.polaroid{
	background: url(/images/polaroid.png) no-repeat 0 0;
	float: left;
	height: 113px;
	margin: 0 10px 10px 0;
	position: relative;
	width: 91px;
}
.polaroid img,
.section .polaroid img{
	display: block;
	margin: 5px 0 0 12px;
}
.featured{
	padding: 18px;
	position: relative;
}
.featured .card{
	background: #e3e6e3;
	border: 7px solid #eff3f0;
	padding: 16px;
	position: relative;
	zoom: 1;
}
.featured .card .corner{
	height: 53px;
	position: absolute;
	width: 64px;
}
.featured .card .topleft{
	background: url(/images/cornertopleft.png) no-repeat;
	left: -13px;
	top: -11px;
}
.featured .card .topright{
	background: url(/images/cornertopright.png) no-repeat;
	right: -13px;
	top: -11px;
}
.featured .card .btmleft{
	background: url(/images/cornerbtmleft.png) no-repeat;
	bottom: -11px;
	left: -13px;
}
.featured .card .btmright{
	background: url(/images/cornerbtmright.png) no-repeat;
	bottom: -11px;
	right: -13px;
}
#featuredframe{
	overflow: hidden;
	position: relative;
	width: 419px;
}
.featured .slide{
	display: block;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	width: 419px;
}
.featured .active{
	position: relative;
	visibility: visible;
}
a.featurednav{
	background: url(/images/arrows.gif) no-repeat;
	display: none;
	height: 23px;
	outline: 0;
	position: absolute;
	text-indent: -9999px;
	width: 10px;
}
a#prev{
	background-position: left top;
	left: -21px;
	top: 100px;
}
a:hover#prev{background-position: left bottom}
a#next{
	background-position: right top;
	right: -21px;
	top: 100px;
}
a:hover#next{background-position: right bottom}

.article .date,
.article .byline,
.article .subhead,
.article .sectiontitle{
	text-align: center;
}
.commentlink{
	font: normal 11px "Lucida Grande", "Lucida Sans", sans-serif;
}

a.more{
	color: #000;
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	font-weight: normal;
}
a.more span{
	color: #9f6c30;
}
a:hover.more,
a:hover.more span{
	color: #fff;
}

.person{
	border-bottom: 1px solid #948d77;
	font-size: 1.1em;
	font-family: Georgia, serif;
	line-height: 1.5;
	margin: 10px 0;
	overflow: hidden;
	padding-bottom: 10px;
}
.bio{
	font-family: Georgia, serif;
}
.person h1,
.bio h1{
	text-align: left;
}

.articlelist{
	margin-top: 16px;
}
.articlelist li{
	font-size: 11px;
	list-style: none;
	margin: 0.5em 0;
}
.articlelist li a{
	display: block;
	padding: 3px;
}
.articlelist li strong,
.articlelist li em{
	display: block;
	font-style: normal;
}
.articlelist li a:hover em{
	color: #fff;
}

.categorynav{
  margin-bottom: 20px;
}
.categorynav li{
  list-style: none;
  margin-left: 10px;
}
.categorynav em{
  font-style: normal;
  font-weight: normal;
}

.eventheader{
  border-bottom: 1px solid #948d77;
  padding-bottom: 10px;
}
.event{
  margin: 20px 0;
}
.event h2{
  font-family: Georgia, serif;
  font-size: 22px;
  font-weight: normal;
  margin: 20px 0 0 0;
}
.event h2 a{
  font-weight: normal;
}
.event .location{
	font-size: 14px;
	margin: 0;
}

.podcasts h1{
  border-bottom: 1px solid #948d77;
  padding-bottom: 10px;
}
.podcasts .podcast{
  border-bottom: 1px solid #948d77;
  padding-bottom: 10px;
  margin: 10px 0;
}
.podcast h2{
  font-family: Georgia, serif;
  font-size: 22px;
  font-weight: normal;
}
.podcast h2 a{
  font-weight: normal;
}
.podcast .download a{
	font: bold 12px "Lucida Grande", "Lucida Sans", sans-serif;
}
.right .podcast h2 a{
	font: bold 13px "Lucida Grande", "Lucida Sans", sans-serif;
}
.right .podcast p{
  color: #625c4a;
	font: normal 12px "Lucida Grande", "Lucida Sans", sans-serif;
}

.recentvideo{
	float: left;
	margin-right: 10px;
	text-align: center;
	width: 148px;
}
.recentvideo a{
	font-size: 12px;
	font-weight: normal;
}
.recentvideo span{
	color: #625c4a;
	font-size: 11px;
}
.recentvideo a:hover span{
	color: #fff;
}
.video{
	text-align: center;
}
.video h2{
  font-family: Georgia, serif;
  font-size: 22px;
  font-weight: normal;
}
.video h2 a{
  font-weight: normal;
}
.video p{
	text-align: left;
}
.videos h1{
  border-bottom: 1px solid #948d77;
  padding-bottom: 10px;
}
.videos .video{
	border-bottom: 1px solid #948d77;
	padding: 10px 0;
	text-align: left;
}
.videos .video img{
	float: left;
	margin-right: 20px;
}

.feed{
  display: block;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 10px;
}

.profilefloat{
	float: left;
	margin: 0 16px 16px 0;
}
.donate{
	height: 85px;
	line-height: 1.4;
	padding-left: 92px;
	position: relative;
}
.donate a{
	color: #6b8132;
	font: normal 12px "Lucida Grande", "Lucida Sans", sans-serif;
	line-height: 1.4;
}
.donate a:hover{
	color: #fff;
}
.donate .button{
	background: url(/images/donate.gif) no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 85px;
	left: 0;
	position: absolute;
	top: 0;
	width: 85px;
}
.donatebox{
	background: #fff;
	border: 1px solid #948d77;
	margin: 20px auto;
	padding: 10px;
	text-align: center;
	width: 200px;
}
.spendometer{
	padding: 13px 0 0 10px;
}
.spendometer .counter{
	background: url(/images/spendometer.png) no-repeat 0 0;
	font: bold 14px "Lucida Grande", "Lucida Sans", sans-serif;
	height: 37px;
	padding: 113px 0 0 20px;
	width: 229px;
}
.links li{
	list-style: none;
	margin: 1em 0;
}
a.linkgraphic{
	border-bottom: 5px solid #a47033;
	display: block;
	outline: 0;
	text-indent: -9999px;
}
a:hover.linkgraphic{
	border-color: #748540;
}
a.hawaiivotes,
a:hover.hawaiivotes{
	background: url(/images/hawaiivotes.jpg) no-repeat 0 0;
	height: 30px;
	width: 173px;
}
.hawaiisunshine,
a:hover.hawaiisunshine{
	background: url(/images/hawaiisunshine.jpg) no-repeat 0 0;
	height: 23px;
	width: 170px;
}
.attachment a{
	background-image: url(/images/icons/attach.png);
	background-position: 3px 3px;
	background-repeat: no-repeat;
	display: block;
	font-size: 11px;
	line-height: 1.2em;
	padding: .3em .3em .3em 24px;
}
.attachment a:hover{
	
}
.attachment a strong{
	display: block;
}
.attachment a em{
	color: #888;
	font-style: italic;
	font-weight: normal;
}
.attachment a:hover em{
	color: #fff;
}
.attachment .pdf{
	background-image: url(/images/icons/pdf.png);
}
.attachment .doc,
.attachment .rtf{
	background-image: url(/images/icons/word.png);
}
.attachment .png,
.attachment .jpg,
.attachment .gif,
.attachment .jpeg,
.attachment .bmp{
	background-image: url(/images/icons/picture.png);
}
#twitter_div h3 a{
	background: url(/images/twitter.gif) no-repeat 0 0;
  display: block;
  height: 21px;
  text-indent: -9999px;
  width: 91px;
}
#twitter_div h3 a:hover{
  background-color: none;
}
#twitter_update_list li{
  border-bottom: 1px solid #948d77;
  list-style: none;
  margin-left: 0;
}
#twitter_update_list li a{
  display: block;
  text-align: right;
}
#twitter_update_list li span a{
  display: inline;
  text-align: auto;
}

.freeporkreport{
	overflow: hidden;
}
.freeporkreport img{
	float: left;
	margin: 0 16px 16px 0;
}
.freeporkreport .form{
	float: left;
	width: 360px;
}
.freeporkreport h1{
	margin: 0 0 16px 0;
	text-align: left;
}
.freeporkreport .field{
	margin: 10px 0;
}
.freeporkreport label{
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 3px;
}
.freeporkreport .form input{
	width: 300px;
}
.freeporkreport .form .required input,
.freeporkreport .form .required select{
	border: 1px solid #a40;
}
.freeporkreport #errorExplanation h2,
.freeporkreport #errorExplanation p{
	display: none;
}


#footercomments{
	display: none;
}
.js-singleCommentBg,
.jsk-PrimaryBackgroundColor,
.jsk-SecondaryBackgroundColor{
	background: transparent !important;
}
.jsk-ThreadWrapper{
	padding: 10px 0 !important;
}
.js-singleComment{
	background: transparent !important;
	border: 0 !important;
	border-top: 1px solid #948D77 !important;
}

.js-singleCommentName { margin-right: 1em; }

.jsk-HeaderWrapper,
.js-poweredBy,
.js-singleCommentAdminStar{
	display: none !important;
}

.jsk-PrimaryFontColor { color: #382002 !important; }                       /* the color of all primary text elements */
.jsk-SecondaryFontColor { color: #888 !important; }                     /* the color of all secondary text elements */

.jsk-ThreadWrapper a,
.jsk-LinkColor,
.jsk-ItemFooter a{
	color: #9f6c30 !important;
	font-weight: bold !important;
	text-decoration: none !important;
}
.jsk-ThreadWrapper a:hover,
a:hover.jsk-LinkColor,
.jsk-ItemFooter a:hover{
	color: #fff !important;
	background: #748540 !important;
}
.jsk-CommentFormSurface{
	border-color: #948D77 !important;
}
.jsk-CommentFormBody textarea{
	background: none !important;
	padding: 0 !important;
}
.jsk-CommentFormBody textarea:focus{
	background: none !important;
}
.js-previewImage img{
	float: none !important;
	margin: 0 !important;
}
.js-all-previewImages,
.jsk-ItemAttachmentIconWrapper{
	border-color: #948D77 !important;
}
.jsk-H1Color { color: #382002 !important; }                                /* the color of the 1st level headers */ 
/* fonts */

/*
.js-CommentsArea { width: auto; }
 suppress item display
.jsk-HeaderWrapper { display: none; }
.jsk-ItemUserAvatarWrapper { display: none; }
.jsk-ItemBody { margin-left: -48px; }
.js-singleViaLinkWrapper { display: none; }
.js-CommentsSkin-echo div.jsk-ThreadWrapper { padding: 0px; }

Use '!important' to override inline style
.js-singleCommentAdminStar { display: none !important; }
.js-singleCommentName { margin-right: 1em; }
.js-kit-miniProfile { background-color:#FFFFFF; }
.jskit-MenuContainer { background-color:#FFFFFF; }
.jskit-MenuItemMO { background-color: #EDEDED; }
*/

* html #header strong a,
* html .featured .card .corner,
* html .donate .button,
* html .spendometer .counter,
* html #nav ul li.selected a,
* html #nav ul li a:hover{
	behavior: url(/css/png/iepngfix.htc);
}

