@charset "utf-8";
/* CSS Document - Main Style Sheet
Author: Kreck Design www.kreck.com
Client: Healdsburg Museum 

Table of Contents:
0 Reset
1 Global
2 Forms
3 Structure
4 Headings
5 Header
6 Content
7 Footer
8 Miscellaneous
9 Page-Specific


/* 0 =Reset ---------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, form, label, table, caption, tbody, tfoot, thead, tr, th, td /*, ol, ul, li, blockquote, fieldset, legend, */{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
/* 1 =Global --------------------------------------------------------------*/
html { 
	overflow-y:scroll;
	overflow-x:auto;
}
body {
	font: normal 12px Helvetica, Arial, sans-serif;
	background: #fbf6e3 url(/images/bg-header.gif) repeat-x center top;
	color:#3f321c;
}
.access {
	position:absolute;
	text-indent:-900em;
}
.float-left {
	float:left;
	display:inline;
}
.float-right {
	float:right;
	display:inline;
}
img.float-left {
	float:left;
	display:inline;
	padding:5px 10px 10px 0;
}
img.float-right{
	float:right;
	display:inline;
	padding:5px 0 10px 10px;
}
img.center {
	display: block;
	margin:0 auto;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align:center;
}
.justify {
	text-align:justify;
}
.clear {
	clear:both;
}
/* float clearing */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

hr {
	height:1px;
	color:#660000;
	background-color:#660000;
	clear:both;
	margin:20px 0;
}
a {
	color:#3f321c;
}
a:active { 
	outline: none;
}
a:focus { 
	-moz-outline-style: none;
}
a:hover {

}
a:visited {

}
a[href$='.pdf'] {
	display:inline-block;
	padding-left:20px;
	line-height:18px;
	background:transparent url(/images/pdf_icon.gif) center left no-repeat;
}
/* 2 =Forms ---------------------------------------------------------------*/
div#errordiv {
	border:3px double #900;
	background-color:#FFFFF2;
	color:#900;
	padding:5px 10px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:18px;
}
.kds-formfield-not-valid-highlight {
 background-color:#900;
 color:#FFF;
}
/* 3 =Structure -----------------------------------------------------------*/
#outer-container {
	position:relative;
	margin:auto;
	width:985px;
}
#header-container {
	position:relative;
	display:block;
	width:985px;
	height:106px;
	margin:auto;
	z-index:10;
}
#nav-container {
	position:relative;
	display:inline;
	width:250px;
	float:left;
	margin-top:150px;
	z-index:15;
}
#content-container {
	position:relative;
	display:inline;
	width:725px;
	float:right;
}
#content-container #photo-area {
	position:relative;
	width:700px;
	clear:both;
}
.two-column#content-container #main-column {
	position:relative;
	width:475px;
	float:left;
	display:inline;
	margin-top:20px;
}
.two-column#content-container #side-column {
	position:relative;
	width:187px;
	float:right;
	display:inline;
	margin:20px 25px 120px 0;
	color:#83683b;
	font-size:13px;
}
.one-column#content-container #main-column {
	position:relative;
	width:700px;
	padding-bottom:110px;  /* so that the footer "100 Anniversay" image doesn't overlap our one-column content! */
}
.one-column#content-container #side-column {
	display:none
}
#footer-container {
	position:relative;
	width:100%;
	margin-top:50px;
	background-color:#2b0d0f;
}
.zzzzone-column #footer-container {
	margin-top:200px;  /* so that the footer "100.gif" doesn't overlap our one-column content! */
}


/* 4 =Headings ------------------------------------------------------------*/
h1, h2, h3, h4 {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
h5, h6 { font-weight:normal; }
h1 {  font-size:17px; color:#633116; }
h2 {  font-size:1.20em; color:#633116;	}
h3 {
	font-size:12px;
	text-transform: uppercase;
	color:#7a2d1d;
	letter-spacing: .1em;
}
h4 {  font-size:1.10em; color:#3f321c;	}
h5 {  font-size:0.90em; }
h6 {  font-size:0.70em;	}
/* 5 =Header --------------------------------------------------------------*/
#header-container h1#logo {
	position:absolute;
	display:block;
	width:228px;
	height:239px;
	background:url(/images/logo.png) no-repeat left top;
	margin-top:16px;
	z-index:10;
}
#header-container h1#logo a {
	display:block;
	width:228px;
	height:239px;
}
#header-container #hilite {
	position:absolute;
	display:block;
	right:0;
	width:207px;
	height:183px;
	background:url(/images/hilite.png) no-repeat center top;
	z-index:10;
}
#header-container #hilite h1, 
#header-container #hilite h2,
#header-container #hilite h3,
#header-container #hilite h4,
#header-container #hilite h5,
#header-container #hilite h6,
#header-container #hilite p,
#header-container #hilite a,
#header-container #hilite h1 a, 
#header-container #hilite h2 a,
#header-container #hilite h3 a,
#header-container #hilite h4 a,
#header-container #hilite h5 a,
#header-container #hilite h6 a,
#header-container #hilite p a{
	text-align:center;
	padding-top:10px;
	color:#fff;
	text-transform: uppercase;
	font-size:19px;
	font-weight: bold;
	text-decoration:none;
}
#header-container #hilite h2 a:hover {
	color:#f6c680;
}

/* 6 =Content -------------------------------------------------------------*/
.sub-photo {
	display:block;
	width:345px;
	background-color:#4b1210;
}
.sub-photo h3 {
	font-size: 24px;
	color:#f5e797;
	margin-left:15px;
}
h3.gradient a, .sub-photo h3 a {
	color:#f5e797;
	text-decoration:none;
	font-variant: normal;
	text-transform: none;
}
h3.gradient a:hover, .sub-photo h3 a:hover {
	color:#ffffff;
}
#content-container p {
	margin-bottom:1em;
}
#content-container .table tr td {
	padding:5px 0;
}
#content-container blockquote {
	margin:25px;
}
#content-container a {
}
#content-container li {
	margin-bottom:.7em;
}
#main-column .right-indent {
	padding-right:200px;
	margin-top:20px;
}

/* Side Column */

#side-column h3 {
	border-bottom:5px solid #b6b19b;
	margin-bottom:5px;
	padding-top:15px;
}
#side-column ul {
	margin:0;
	padding:0;
}
/* 7 =Footer --------------------------------------------------------------*/
#footer {
	position:relative;
	display:block;
	width:985px;
	
	padding-top:30px;
	font-size:11px;
	margin:0 auto;
}
#footer ul{
	position:absolute;
	bottom:10px;
	right:40px;
	color:#c9b789;
}
#footer ul li {
	display:inline;
	padding:0 8px;
	background: url(/images/footer-divider.gif) no-repeat right;
}
#footer ul li.last {
	background:none;
}
#footer a {
	color:#c9b789;
	text-decoration:none;
}
#footer a:hover {
	color:#837759;
}
#footer #tagline {
}
#footer p {
	position:absolute;
	display:block;
	width:187px;
	height:151px;top:-151px;
	right:25px;
	background: url(../images/100.gif) no-repeat;
}

/* 8 =Miscellaneous -------------------------------------------------------*/
#main-column #toggle-view {
	width:496px;
}
#side-column #toggle-view {
	width:185px;
}
#toggle-view {
	list-style:none;
	font-family:arial;
	margin:0;
	padding:0;
	width:496px;
}
#toggle-view li.toggle-view-item {
	margin:10px;
	border-bottom:1px dotted #ccb182;
	position:relative;
	cursor:pointer;
}
#toggle-view h3 {
	margin:0;
	font-size:14px;
}
#toggle-view span {
	position:absolute;
	right:5px;
	top:0;
	color:#ccb182;
}
#toggle-view p, #toggle-view ul {
	margin:5px 0;
	display:none;
}

/* 9 =Page Specific -------------------------------------------------------*/
#root-searchresults #searchbox {
	display:none;
}



/* Styles for Join/Renew */
ul.membership-levels  {
 margin:0;
 padding:0;
}
ul.membership-levels li {
 list-style:none;
 padding-bottom:10px;
}
.level-type {
 font-weight:bold;
 text-transform:uppercase;
 font-size:13px;
}
.membership-levels li div {
 padding:15px 25px;
 border-bottom:1px dotted #633116;
}
.membership-levels li div ul {
 padding:15px 0;
}
.membership-levels li div li{
 list-style-type:square;
 margin-left:15px;
 padding:0;
}
.membership-levels li div .business-level-type {
 padding:15px 25px;
 border-bottom:none;
}