/* Author: Planter's Mike and Shirley  */

/* Container's top and bottom margin is (1em), and left and right margin (5%) */


#container
{
width: 90%;
margin: 1em 5%;
background-color: #fff; 
color:#333;
border: none;
line-height: 130%;
}

#banner
{
padding: .5em;
background-color:#FFFFFF;
border-bottom: none;
text-align: center;
}



#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 200px;
border-left: none;
padding: 1em;
max-width: 36em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #fff;
border-top: none;
border-bottom: none;
text-align: center;
}


H2 
{
	font-family:serif,arial;
	font-size : 18px;
	font-weight: bold;
	text-decoration: none;
	color: black;
	text-align: center;
        margin: 0em;
        padding: 1em;
        
}



H4
 { 
  font-family:serif,arial;font-weight:bold;font-size: 125%;color:#911006;
  text-align:center;
  margin: 0em;
  padding: 1em;
 } 

p 
{
font-family:georgia,cursive,arial;
font-size:16px;
color:black;
margin: 10px 20px 10px 20px;
line-height: 1.4;
text-align: justify;
}


p.block
{
font-family:georgia,cursive,arial;
font-size:16px;
color:black;
margin: 10px 40px 10px 40px;
line-height: 1.4;
text-align: justify;
}

p.fun
{
font-family:cursive,arial;
font-weight:bold;
font-size:115%;
color:#663333;
margin: 0 0 0 0;
line-height: 1.4;
text-align: justify;
}

a:link, a:visited { text-decoration: none; } 
a:hover { color:#3ded07; }

.floatboxright
{
float: right;
width: 160px;
border: 4px solid #999;
margin: 0 0 15px 25px;
padding: 5px;
font-size:115%;
text-align: center;
background-color:#d9e1b5;
font-weight:bold;color:black;
}


.floatboxleft
{
float: left;
width: 160px;
border: 4px solid #999;
margin: 0 20px 15px 0;
padding: 0;
font-size:115%;
text-align: center;
background-color:none;
background:url("graphics/background_rock4.jpg");
font-weight:bold;color:black;
}



/*  


=====================     Items below NOT included until moved outside 'comment' ==========


#banner h1
{
padding: 0;
margin: 0;
}


#leftnav p { margin: 0 0 1em 0; }
#content h2 { text-align: center; }



H1 
{
	font-family:serif,arial;
	font-size : 22px;
	font-weight: bold;
	text-decoration: none;
	color: solid black;
	text-align: center;
}




H2 
{
	font-family:serif,arial;
	font-size : 18px;
	font-weight: bold;
	text-decoration: none;
	color: solid black;
	text-align: center;
}


h3
 { 
 font-family:serif,arial;font-weight:bold;font-size:1em;color:sienna;
 text-align:center;
 margin-bottom: 0em; 
 margin: 0em;
 padding: 1em;
 } 

h4
 { 
  font-family:serif,arial;font-weight:bold;font-size: 125%;color:#911006;
  text-align:center;
  margin: 0em;
  padding: 1em;
 } 

LI 
{
	font-family : Verdana, Arial, Helvetica;
	font-size : 14px;
	font-weight: none;
	text-decoration: none;
	color: brown;
	text-align: left;
}



body
 { 
	font: 75% georgia, sans-serif;
	line-height: 1.88889;
	color: #555753; 
	background: #fff url(blossoms.jpg) no-repeat bottom right; 
	margin: 0; 
	padding: 0;
}


p.main
{
font-family:cursive,arial;font-weight:bold;font-size:115%;color:#663333;
margin: 0 0 0 0;
line-height: 1.4;
text-align: justify;
}


p.fireplace
 { 
	font-family:cursive,arial;font-size:115%;color:#663333;
        margin-top: 30px; 
        margin-left: 300px;
	text-align: justify;
}



blockquote
{ 
  margin: 1em 0em 1em 0em;
  font-style: italic;
  background: #EDB;
  padding: 0.5em;
}



table.bottomnav
 {
	border-width: 4px;
	border-spacing: ;
	border-style: ridge;
	border-color: #FF6633;
	border-collapse: separate;
	background-color: #008400;
}

table.bottomnav td
 {
	border-width: 2px;
	padding: 1px;
	border-style: ridge;
	border-color: red;
	background-color: white;
 }



.floatboxright
{
float: right;
width: 160px;
border: 4px solid #999;
margin: 0 0 15px 25px;
padding: 0;
font-size:115%;
text-align: center;
background-color:#d9e1b5;
background: url(../skipswebsite/graphics/background stone marble1.jpg);
font-weight:bold;color:black;
}



          Use HTML Code (below) with above (.thumbnails to creat blocks than can hold content.

<div class=".floatboxright">
<a href="graphics/kitchen_granite_countertop.jpg"><img src="graphics/kitchen_granite_countertop_small.jpg" alt="Kitchen with granite countertops" width="158" height="114" border="0"></a>
<!-- Caption -->granite counter top<br>with tile backing
<br>
<br>
</div>


.clearboth { clear: both; }


span
{
font-family: italic,courier,algerian;color:red;font-weight:bold;
}



img.fireplace
{
float:left;
margin: 0 15px 0 10px ;
border: 4px solid #999;
}


img.back_to_page_one
{
position:absolute;
top:35px;
left:80px;
width: 140px;
margin: 0 0 0 0;
padding: 0;
}


a:link, a:visited { text-decoration: none }
a:hover { background: cyan }



a.test:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}

*/