/* CSS Document */
/* Kokopelli's main style sheet */

body {
	  margin: 17px 0 15px 0;
	  padding: 0;
	  background-color: #99864F; 
	  font: small Arial, Helvetica, Verdana, sans-serif;
	  background-image:url(../images/bgd/pagebgd.jpg);
	  background-repeat:repeat;
	  text-align: center;
	  min-width: 852px;
	  background-color:#97844C;
}
#wrapper {
	  color: #5B3E00;
	  padding: 0;
	  text-align: left;
	  width: 852px;
	  margin-left:auto;
	  margin-right:auto;  
 }
#skiptocontent a:link, #skiptocontent a:visited, #skiptocontent a:hover, #skiptocontent a:active {
	font-size: 5px;
	text-decoration:none;
	float:right;
	color:#97844C;
}

#header img {
	border:none;
}
#nav {
	text-align:center;
	color:#FFF;
	font-size:1.15em;
	font-weight:bold;
	padding: 7px 0 8px 0;
}
#nav a:link, #nav a:visited{
	color:#EBEBD6;
	font-weight:bold;
	padding: 0 6px 0 6px;
	text-decoration:none;
}
#nav a:hover, #nav a:active{
	color:#FFF;
	font-weight:bold;
}
#nav img {
	border:none;
	vertical-align:middle;
	padding: 0;
}
#content-top {
	background-image: url(../images/bgd/square-bgd-top.jpg);
	background-repeat:no-repeat;
	background-color:#CCCC99;
	height: 24px;
}
#content-wrapper { 
	background-color:#CCCC99;
	padding: 5px 40px 5px 40px;
	background-image:url(../images/bgd/shadow-content-bgd.jpg);
	background-repeat:repeat-y;
}
#content-bottom {
	background-image:url(../images/bgd/square-bgd-bottom.jpg);
	background-repeat:no-repeat;
	background-color:#CCCC99;
	height: 27px;
}

#content {
	background-image:url(../images/bgd/content-leaves-bgd.jpg);
	background-repeat:repeat-y;
	font-size:1.1em;
	line-height: 1.3em;
}
#content a:link, #content a:visited {
	color:#4E6D1E;
}
#content a:active, #content a:hover {
	color:#608525;
}

#content img.jdesigns {
	border:none;
	vertical-align:middle;
	padding: 0 5px 5px 7px;
}
#content h1 {
	font-size: 1.4em;
	color:  #4E6C2C;
	line-height: 1.6emn
}
#content h2 {
	font-size: 1.1em;
	color:#5B3E00;
	line-height: 1.4em;
}
#content h2.green {
	font-size: 1.1em;
	color:#4E6C2C;
	line-height: 1.4em;
}
#content .brownbold {
	color:#5B3E00;
	font-weight:bold;
}
#content .photosright {
	float:right;
	margin: 0 0 15px 15px;
}

#content .photosright img {
	padding-bottom: 10px;
}
#content .photoleft {
	float:left;
	margin: 0 15px 15px 0;
}
#content a.greentitlelink:link, #content a.greentitlelink:visited {
	font-size: 1.1em;
	color:#4E6C2C;
	line-height: 1.4em;
	font-weight:bold;
	text-decoration:none;
}
#content a.greentitlelink:active, #content a.greentitlelink:hover {
	text-decoration:underline;
}

.highlightbox {
	background-color:#D8D8AF;	
	border: 1px solid #5B3E00;
	 width:460px;
	padding: 15px;
	text-align:center;
}

.highlightbox-xmas {
	background-color: #D8D8AF;	
	border: 2px solid  #900;
	 width:460px;
	padding: 15px;
	text-align:center;
}
.highlightbox-xmas-wide {
	background-color: #D8D8AF;	
	border: 2px solid  #900;
	 width:742px;
	padding: 15px;
	text-align:center;
}
.highlightbox-large {
	background-color:#D8D8AF;	
	border: 1px solid #5B3E00;
	 width:742px;
	padding: 15px;
	text-align:center;
}
.highlightbox-large h1 {
	line-height: 1.5em;
}
#credit {
	margin: 9px 0 0 0;
}
#credit a:link, #credit a:visited  {
	text-align:center;
	color:#C1B883;
	font-size:.8em;
	text-decoration:none;
}
#credit a:active, #credit a:hover {
	color:#CCCC99;
}