body {
    text-align: center;
   	font: 12px  helvetica, arial, verdana, trebuchet ms, sans-serif;
	background: #fff;
	background: url(../images/yellow_background.gif) repeat;
	margin: 0 auto;
	padding: 0;
}
body div#wrapper div, body div#wrapper a, body div#wrapper div, body div#wrapper p, body div#wrapper ul {
/*	margin: 0 auto; 
	padding: 0;	 */
}
div#right_columnA div { padding-left: 10px; }
div#contentWideA div { padding-left: 5px; }
span.hide { 
	display: none;
}
/* -------------------------------------- banner elements -----------------------------------------
-------------------------------*/
#banner {
	height: 140px;
}
/* -------------------------------------- content elements -----------------------------------------
-------------------------------*/
#wrapper {
	text-align: center;
	width: 918px;
	margin: 0 auto;
	padding: 0;
	margin-top: 17px;
}
#container {
	text-align: center;
	width: 918px;
	background: url(../images/bodSlice.gif) repeat;
}
.columns {
	float: left;
	display: inline;
	text-align: left;
}

#left_column {
	width: 270px;
}

#bodTop {
	width: 918px;
}
#content, #contact {
	position: relative;
	width: 440px;
	margin-right: 9px;
	margin-left: 26px;	
}
#contact {
	padding-bottom: 15px;
}
#right_column {
	float: right;
	width: 170px;
	margin-top: 9px;
	margin-right: 3px;
	text-align: left;
}
#right_columnA { /*---home---*/
	width: 170px;
	margin-top: 9px;
	margin-left: 11px;
}
.columnB, .columnB3 { /*---partners---*/
	float: left;
	text-align: left;
	width: 359px;
	height: 143px;
	padding-top: 10px;
	margin-right: 12px;
	margin-bottom: 12px;
	border: #B3B3B3 1px solid;
}
.columnB3 { /*---partners---*/
	height: 180px;
}
#right_columnB { /*---partners---*/
	float: right;
	width: 170px;
	height: 681px;
	margin-top: -538px;
	padding-top: 10px;
	text-align: left;
	border: #B3B3B3 1px solid;
}
#contentWide, #contentWideA, #indexWide {
	position: relative;
	float: left;
	text-align: left;
	width: 732px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	background-color: #fff;
	margin-top: -3px;
	margin-bottom: -3px;
	border: #B3B3B3 1px solid;	
}
#contentWideC {
	position: relative;
	float: left;
	text-align: left;
	width: 732px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	background-color: #fff;
		margin-top: -3px;
	margin-bottom: -3px;
	padding: 10px 0px;
	border: #B3B3B3 1px solid;	
}
#contentWideB {
	position: relative;
	float: left;
	text-align: left;
	width: 732px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	background-color: #fff;
	margin-bottom: -3px;
	border: #B3B3B3 1px solid;	
}
#contentWideA, #indexWide { /*---home---*/
	min-height: 366px;
	height: auto !important;
	height: 366px;
	margin-top: -3px;
	padding: 10px 0px;
}
#indexWide {
	height: 500px;	
}

.bodBottom {
	width: 918px;
}
h2 {
	font-size: 14px;
	color: #333;
	margin: 15px 20px 15px 20px;
	padding-bottom: 14px;
	border-bottom: #993300 2px solid;
}
.Red {
	color: #993300;
}
.values {
	width: 500px;
}
h3 {
	font-size: 13px;
	color: #000;
	margin: 0 0 10px 20px;
}

h4, .ruhoff, .oreEstates, .ffa { /*---partners---*/
	position: relative;
	font-size: 13px;
	color: #000;
	margin: 0; 
	margin-left: 20px;
}
h5 {
  	display: block;
  	text-align: center;
	width: 148px;
	height: 32px;
	font-size: 14px;
	font-weight: normal;
    color: #E6E6E6 !important;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 14px;
	padding-top: 7px;
	background: url(../images/blueButton.gif) no-repeat;
}
h6 {
	font-size: 12px;
	color: #333;
	margin: 15px 20px 0px 20px;
}
.ruhoff { /*---partners---*/
	margin: 24px 0 0 0; 
}
.oreEstates {
	margin: 20px 0 0 0; 
}
.ffa { /*---partners---*/
	margin: 10px 0 0 0; 
}
#arlieLink {
	width: 180px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
}
#arlieLink a {
 	width: 124px;
  	height: 85px;	
  	display: block;
  	background: url(../images/arlieHover.gif) left top no-repeat;
}
#arlieLink a:hover {
  background: url(../images/arlieHover.gif) -124px top no-repeat;
}

.p1, .center {
	font-size: 12px;
	margin: 0 20px;
	padding-bottom: 10px;
}
.center {
	text-align: center;
}
.p2 {
	font-size: 14px;
	margin: 0 20px;
	padding-bottom: 10px;
}
.small, .smallLeft {
	width: 180px;
	margin-top: 10px;
	margin-left: 30px;
}
.smallLeft {
	margin-left: 40px;
}
.small img {
	margin-top: -15px;
}
#contactRight {
	position: relative;
	float: right;
	margin-top: -150px;
	right: 30px;
}
#arlieLink {
	width: 180px;
	margin-top: 0px;
	margin-left: 40px;
}
#arlieLink a {
 	width: 124px;
  	height: 85px;	
  	display: block;
  	background: url(../images/arlieHover.gif) left top no-repeat;
}
#arlieLink a:hover {
  background: url(../images/arlieHover.gif) -124px top no-repeat;
}
.smallB { /*---partners---*/

	width: 175px;
	margin-top: 0px;
	margin-right: 18px;
}
.pLSide {
	font-size: 12px;
	margin: 5px 0 10px 12px;
	text-align: left;
}
.pLSideCaption {
	font-size: 11px;
	margin: 0px 0 5px 10px;
	text-align: left;
}
.captionLeft {
	float: right;
	font-size: 11px;
	margin: 10px 0 5px 0px;
	text-align: left;
}
.pColumn { /*---partners---*/
	font-size: 12px;
	margin: 20px 20px 20px 20px;
	text-align: left;
}
#pLSideBot {
	border-bottom: #fff 1px solid;
}
.pRSide {
	padding: 0 10px 7px 15px;
}

#botParagraph {
	margin: 0 50px 0px 50px;
	padding-bottom: 0;
	background: 0;
}

.floatLeft {
	position: relative;
	z-index: 9;
	float: left;
	margin: 3px 16px 10px 0px;
	/*--border: #000 1px solid;--*/
}
.floatLeftB, .floatLeftB3 { /*---partners---*/
	position: relative;
	z-index: 9;
	float: left;
	margin: 20px 20px 30px 25px;
	border: #B3B3B3 1px solid;
}
.floatLeftB3 { /*---partners---*/
	margin: 30px 20px 40px 25px;
}
#arliePartner { /*---partners---*/
	margin-top: 30px;
}
.image {
	margin: 0 auto;
}
.floatRight {
	position: relative;
	float: right;
	padding: 0 0 10px 14px;
	margin-top: 2px;
}
.imgFloatRight, .imgFloatRight2 {
	position: relative;
	float: right;
	margin: 2px 20px 12px 20px;
	border: #B3B3B3 1px solid;	
}
.imgFloatRight2 {
	margin: 10px 20px 12px 10px;
}
.imgFloatLeft {
	position: relative;
	z-index: 9;
	float: left;
	margin: 3px 16px 10px 20px;
	border: #B3B3B3 1px solid;	
}
#slMap {
	margin-left: 17px;
}
#pressDate, .pressAddress {
	padding: 0 0 15px 20px;
 }
.pressBox {
	border: #ccc 1px solid;
	margin: 10px;
	padding: 15px 0 10px 0;
}

#moviePoster {
	height: 252px;
}
#moviePoster li {
	padding-bottom: 10px;
}
#moviePoster a {
 	width: 146px;
  	height: 231px;
	margin: 7px 30px 0px 10px !important;
  	display: block;
  	background: url(../images/FLImg.gif) left top no-repeat;
}
#moviePoster a:hover {
  background: url(../images/FLImg.gif) -146px top no-repeat;
}

/* -------------------------------------- retail ------------------------------------------------------------------------*/
.retailDiv {
	min-height: 30px;
	height: auto !important;
	height: 30px;
	margin: 3px 19px 10px 20px;
	border: #B3B3B3 1px solid;	
}
.retailDiv .floatLeft {
}
.retailDiv .floatRight {
	position: relative;	
}
.retailDiv a {
	position: relative;
}
.retailDiv .p1 {
	margin: 20px 20px 10px 20px !important;	
	line-height: 14px;
}
#b2 {
	min-height: 185px;
	height: auto !important;
	height: 185px;
}
#b2 a {
 	width: 114px;
  	height: 162px;
  	margin: 12px 20px 0 35px;
  	display: block;
  	background: url(../images/b2_logo.gif) left top no-repeat;
}
#b2 a:hover {
  background: url(../images/b2_logo.gif) -114px top no-repeat;
}
#bello a {
 	width: 133px;
  	height: 130px;
	margin: 7px 30px 0px 10px !important;
  	display: block;
  	background: url(../images/bello_logo.gif) left top no-repeat;
}
#bello a:hover {
  background: url(../images/bello_logo.gif) -133px top no-repeat;
}
#cornerstone {
	min-height: 180px;
	height: auto !important;
	height: 180px;
}
#cornerstone a {
 	width: 141px;
  	height: 151px;
	margin: 10px 20px 20px 35px !important;	
  	display: block;
  	background: url(../images/CornerstoneLogo.gif) left top no-repeat;
}
#cornerstone a:hover {
  background: url(../images/CornerstoneLogo.gif) -141px top no-repeat;
}
#concierge a {
 	width: 155px;
  	height: 97px;
   	margin: 13px 23px 20px 10px;
  	display: block;
  	background: url(../images/crescentConcierge.gif) left top no-repeat;
}
#concierge a:hover {
  background: url(../images/crescentConcierge.gif) -155px top no-repeat;
}
#izumi a {
 	width: 138px;
  	height: 68px;
	margin: 55px 10px 40px 20px !important;	
  	display: block;
  	background: url(../images/izumi_logo.gif) left top no-repeat;
}
#izumi a:hover {
  background: url(../images/izumi_logo.gif) -138px top no-repeat;
}
#joys a {
 	width: 153px;
  	height: 51px;
    margin: 45px 20px 25px 10px !important;
  	display: block;
  	background: url(../images/joys_logo.gif) left top no-repeat;
}
#joys a:hover {
  background: url(../images/joys_logo.gif) -153px top no-repeat;
}
#lago_blue a {
 	width: 136px;
  	height: 101px;
  	top: 68px;
	margin: -20px 17px 115px 32px !important;	
  	display: block;
  	background: url(../images/LagoBluLogo.gif) left top no-repeat;
}
#lago_blue a:hover {
  background: url(../images/LagoBluLogo.gif) -136px top no-repeat;
}

#mezza_luna a {
 	width: 140px;
  	height: 136px;
  	margin: 18px 20px 0px 0px !important;	
  	display: block;
  	background: url(../images/MezzaLuna.gif) left top no-repeat;
}
#mezza_luna a:hover {
  background: url(../images/MezzaLuna.gif) -140px top no-repeat;
}
#siuslaw a {
 	width: 108px;
  	height: 88px;
  	margin: 10px 7px 25px 23px !important;	
  	display: block;
  	background: url(../images/siuslaw_bank.gif) left top no-repeat;
}
#siuslaw a:hover {
  background: url(../images/siuslaw_bank.gif) -108px top no-repeat;
}
/* -------------------------------------- images ------------------------------------------------------------------------*/
.image {
	margin: 10px 0 10px 12.5px;
}
#homeImage {
	position: relative;
	left: 11px;
}
#flash_gallery {
	margin-left: 22px;
}
#flash_2_gallery {
	margin-left: 11px;
}
#grease a {
 	width: 150px;
  	height: 232px;
	margin: 7px 30px 0px 10px !important;
  	display: block;
  	background: url(../images/GreaseImg.jpg) left top no-repeat;
}
#grease a:hover {
  background: url(../images/GreaseImg.jpg) -150px top no-repeat;
}
/* -------------------------------------- lists ------------------------------------------------------------------------*/
.pressA, .pressB {
	text-decoration: none;
	list-style: none;
}
.pressA li, .pressB li {
	height: 30px;
	line-height: 25px;
	margin-left: 10px;
	list-style: none;
}
.recentNews {
	color: #000;
	text-decoration: none;
}
.pressA a:link, .pressA a:visited, .pressB a:link, .pressB a:visited {
	text-decoration: none;
	color: #993300 !important;
	padding: 10px 0 10px 25px;
	background: url(../images/icon_rulesR.gif) left center no-repeat;
	background-position: 0px 5px
}
.pressB a:link, .pressB a:visited {
	background: url(../images/icon_newsR.gif) left center no-repeat;
}

.pressA a:hover, .pressB a:hover {
	text-decoration: underline;
	color: #999 !important;
	padding: 10px 0 10px 25px;
	background: url(../images/icon_rulesR.gif) left center no-repeat;
	background-position: 0px 5px
}
.pressB a:hover {
	background: url(../images/icon_newsR.gif) left center no-repeat;
}


.list_indent {
	margin: -4px 60px 20px 62px;

}
.indent2 {
	margin: -4px 60px 20px 62px;

}
.list_news {
	margin: 0px 45px 20px 47px;

}
.liBullet, .sub_list_indent, .liNews {
	position: relative;
	margin-top: 4px;
	padding-left: 15px;
	list-style-type: none;
	color: #808080;
}
.liBullet, .liNews {
	background: url(../images/bullet.gif) no-repeat left;
	background-position: 0 3px;
}
.liNews {
	color: #7E905F;
	padding-top: 7px;
	background-position: 0 10px;
}
.sub_list_indent {
	margin: 20px 60px 20px 52px;
	color: #7E905F;
}
.leftList {
	margin-top: -30px;
}
#greenFacts ul {
	margin: 0 30px;
	width: 300px;
	float: left;
}
#greenFacts ul li {
	margin: 5px 0;
}
/* -------------------------------------- right navigation ------------------------------------------------------------------------*/
.rightNav {
	width: 148px;
	height: 32px;
	margin-bottom: 6px;
	font-size: 14px;
}
.rightNav a:link, .rightNav a:visited {
  	display: block;
  	text-align: center;
	width: 148px;
	height: 32px;
	text-decoration: none;
    color: #E6E6E6 !important;
	margin-left: 14px;
	padding-top: 7px;
	background: url(../images/blueButton.gif) no-repeat;
}
.rightNav a:hover {
	width: 148px;
	height: 32px;
	text-decoration: none;
	color: #808080 !important;
}
#right_columnA .rightNav a:link {
	margin-left: 4px !important;
}
.rightLinks {
	margin-bottom: 5px;
}
.rightLinks {
  	text-align: left;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: -15px;
}
.rightLinks a:link, .rightLinks a:visited {
  	display: block;
	text-decoration: none;
	color: #993300 !important;
}
.rightLinks a:hover {
	text-decoration: none;
	color: #808080 !important;
}



/* --------------------------------------- links -------------------------------------------------
-------------------------------*/

.sideLinks a:link, .sideLinks a:visited {
	text-decoration: none;
	color: #eee !important;
}
.sideLinks a:hover {
	text-decoration: underline;
	color: #808080 !important;
}

.links {
	color: #993300;
}
.links a:link, .links a:visited {
	text-decoration: underline;
	color: #993300; !important;
}
.links a:hover {
	text-decoration: underline;
	color: #ccc !important;
}

.newsLinks {
	color: #993300;
	font-size: 11px;
	padding-right: 10px;
}
.newsLinks li {
	margin-bottom: 5px;
	margin-left: -14px;
}
.newsLinks a:link, .newsLinks a:visited {
	text-decoration: underline;
	color: #993300; !important;
}
.newsLinks a:hover {
	text-decoration: underline;
	color: #ccc !important;
}


.links1, .links2 {
	font-size: 12px;
	font-weight: bold;
	color: #3a4c25;
	margin: 5px 0 0 0;
}
.links1 a:link, .links1 a:visited, .links2 a:link, .links2 a:visited {
	text-decoration: none;
	color: #3a4c25 !important;
}
.links1 a:hover {
	text-decoration: none;
	color: #fff !important;
}
.links2 a:hover {
	text-decoration: underline;
	color: #84573e !important;
}
.links1 a:visited, .links2 a:visited {
	text-decoration: none;
	color: #3a4c25 !important;
}
a img {
 	border: none !important;
}
.linkHeader {
	margin: 5px 0 0 15px;
}

/* --------------------------------------- footer -------------------------------------------------
-------------------------------*/
#footer {
	clear: both;
	font-weight: bold;
	color: #993300;
	width: 918px;
	margin: 0 auto;
	margin-top: 15px;
	padding-top: 5px;
	border-top: #B3B3B3 1px solid;
}
#footer ul {
	list-style: none;
	line-height: 16px;
}
#footer ul li {
	display: inline; 
	padding: 0 4px 0 2px;
}
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #993300 !important;
}
#footer a:hover {
	text-decoration: underline;
    color: #ccc !important;
}
#copyright {
    color: #999 !important;
	margin-top: 10px;
	margin-bottom: 40px;
	font-weight: 200;
}
/* --------------------------------------- blink -------------------------------------------------
-------------------------------*/
#blink {
	position: relative;
	top: -30px;
	width: 918px;
	text-decoration: none;
	font: 9px verdana, arial, sans-serif;
	color: #ccc;
	letter-spacing: 0em;
}
#blink a:link, #blink a:visited  {
	text-decoration: none;
	color: #ccc !important;
}
#blink a:hover  {
	text-decoration: none;
    color: #993300 !important;
}
/* ---------- Contact Swap info -------------- */

div.contactSwaps {
	margin: 0 auto;
	padding: 0;
	padding-bottom: 20px;		
}
div.contactSwaps div.swap {
	margin: 0 auto;
	float: left;
	margin-right: 70px;
	margin-bottom: 15px;
	width: 150px;
	height: 250px;
	padding: 10px;
	padding-bottom: 20px;
	border: #B3B3B3 1px solid;	
}
div.contactSwaps div#sadie { margin-left: 70px; }
div.contactSwaps div.swap h3, 
div.contactSwaps div.swap h4 { 
	margin: 0 auto;
	padding: 0;
	color: #333;
	font-weight: 100;
	padding-left: 4px;
}
div.contactSwaps div.swap h3 { 
	font-weight: 900; 
	line-height: 24px; 
} 

div.contactSwaps a {
	float: left;
	width: 150px;
	height: 225px;
	cursor: default;
}
div.contactSwaps div#sadie a {
	background: url(../images/sadie-swap.jpg) no-repeat;
}
div.contactSwaps div#mark a {
	background: url(../images/mark-swap.jpg) no-repeat;
}
div.contactSwaps div#summer a {
	background: url(../images/summer-swap.jpg) no-repeat;
}
div.contactSwaps div#sadie a:hover {
	background: url(../images/sadie-swap.jpg) -150px no-repeat;
}
div.contactSwaps div#mark a:hover {
	background: url(../images/mark-swap.jpg) -150px no-repeat;
}
div.contactSwaps div#summer a:hover {
	background: url(../images/summer-swap.jpg) -150px no-repeat;
}




form#contactForm {
	width: 400px;
	font: 12px helvetica, arial, verdana, trebuchet ms, sans-serif;
}
form#contactForm label {
	display: block;
	width: 150px;
	text-align: right;
}
form#contactForm input, 
form#contactForm select, 
form#contactForm textarea {
	position: relative;
	left: 155px;
	top: -19px;
	width: 240px;
	background: #eee;
}
form span.req {
	color: red;
	font-size: 90%;
	position: relative;
	top: -.2em;
}
form h2 span.note {
	display: block;
	font-size: 13px;
	font-weight: 100;
}
#howhear {
	margin-top: -12px;
}
table.stats {
	margin: 20px;
	color: #333;
}
table.stats th, 
table.stats td {
	padding: 2px 8px;
	float: left:
	display: block;
}
table#demoTable { margin-top: 0; }
table#demoTable th.demo {
	width: 200px;
}


/*///////////////////////////////////////////////////////////////////////
Part of the code from the book 
Building Findable Websites: Web Standards, SEO, and Beyond
by Aarron Walter (aarron@buildingfindablewebsites.com)
http://buildingfindablewebsites.com

Distrbuted under Creative Commons license
http://creativecommons.org/licenses/by-sa/3.0/us/
///////////////////////////////////////////////////////////////////////*/

form#signup { margin:0; padding:0; font:10px Helvetica,sans-serif; color:#333; border:0; }
form#signup p { font-size: 13px; margin: 0 auto; padding: 0;}

form#signup fieldset {margin:1em; padding:1em; border:1px solid #ccc; background:#eee;}
form#signup legend {font:1.5em "Century Gothic",Helvetica,sans-serif; color:#000; border:1px solid #ccc; border-bottom:0; background:#eee; padding:.4em;}
form#signup label {display:block; font:1.3em "Century Gothic",Helvetica,sans-serif; color:#333;}
form#signup input {border:1px solid #999; padding:.4em; width:80%; font-size:1.4em;}
form#signup .btn {border:0; padding:0; width:105px; display: block; margin: 4px; background: #fff url(../i/join.jpg) no-repeat; width:105px; height:37px;}
form#signup input#submitBtn:hover {cursor: pointer;cursor: hand;}
form#signup input.radio span { font-size: 11px; }
form#signup input.radio { width: auto; border: 0; }
form#signup #response {color:#f30; font-style:italic; font-size:inherit; padding:.4em;}
form#signup #no-spam {font-size:1.1em; font-style:italic; color:#666; margin-top:.4em;}
form#signup #description {font-size:1.1em; margin:1.5em 1em -1.9em 0; color:#333; text-align:right; color:#333;}