/*  
Theme Name: RockinPaper 3Col
Author URI: http://www.corymiller.com
Version: 1
Author: Cory Miller
Description: RockinPaper 3 Column is a blue and grey, clean and simple theme designed with a newspaper flair for reading and customization.
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
*/

body {
	background-color: #eee; 
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	margin: 0px 0px 0px 0px;
	}
a, a:visited{
	color: #378e39;
	text-decoration: none;
font-weight:bold;
	}
	
a:hover{
	color: #000000;
	text-decoration: underline;
	}

#container { 
	width: 960px; 
	background-color: #378e39;
	text-align: left; 
	margin: 20px auto; 
border: 1px solid #cccccc;
	}

.top {
width: 100%;
margin-top: 1px; 
padding-top: 1px;
border-color: 1px solid #378e39;
background-color: #378e39;
font-size : 10px; 
text-align : center; 
color: #ffffcc;
 font-weight:bold;
line-height: 1.6em;}

#header { 
	background: #006633 url(images/bonsai-world_banner.jpg) top center repeat-x;
	padding: 20px 0px 26px 25px;
	margin-bottom: 0px;

	}
#header h2 {
	color: #ffffff;
	font-size: 35px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	margin: 0px;
	}

#header h2 a {
	color: #000000;
	text-decoration: none;
	}

#header h2 a:hover {
	color: #3366ff;
	text-decoration: none;
	}

#header h3 {
	color: #444444;
	font-size: 18px;
	font-family: Georgia, Times New Roman, Sans-Serif;
	margin: 0px;
	}
 img.left,img.center,img.right{padding:4px; border:1px solid #ccff66;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}
 
 

 #menu{
top:110px;
float:left;

margin:2px 0 2px 0px;
padding:2px;
font-size:0.9em;
}
   #menu h3
{ font-family: Times New Roman, Arial, sans-serif; 
font-size: 18px; 
color:#006633;
text-align: center; 
margin: 2px;
line-height: 20px;
}
.menup{
padding:0;
font-size:0.9em;
color:#ffff99; 
}

#menu ul{	
list-style:none;
width:185px;
margin:0 0 2px 0px;
padding:0px;
font-size:1.1em;

}	

#menu li{
margin-bottom:4px;
}

#menu li a{
font-weight:bold;
height:20px;
text-decoration:none;
display:block;
padding:0px 0 0 4px;
color: #ffffcc;
background-color: #378e39;

}	
	
#menu li a:hover{
background:#ffffcc;
color:#378e39;
border-left:4px solid  #FF7C3E;
}

.clear { clear: both; 
height: 1px; 
font-size: 10%; 
line-height: 10%; 
overflow: hidden; }

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  
  list-style: none;
  height: 24px;
   background: #378e39;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
   background: #378e39;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 115px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #378e39;
  border-right-color: #378e39;
  border-bottom-color: #378e39;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #378e39;
  color: #ffffcc;
  font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #fcffea;
  color: #669900;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #ffffcc;
  color: #669900;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #669900;
  color: #fcffea;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #ffffcc;
  color: #669900;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #669900;
  color: #fcffea;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background: #ffffcc;
  color: #669900;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #669900;
  color: #fcffea;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 115px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}


#content { 
	width: 440px; 
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 233px;
	margin-right: 0px;
	position:relative;
	padding: 5px 25px 15px 25px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	min-height: 660px;
background:#fcffea; 
	}
* html #content {
	height: 660px;
	}
#content p{
	margin: 0px;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
	}
	
#content a, a:visited{
	color: #378e39;
	text-decoration: none;
font-weight:bold;
	}
#content p img{
	border: none;
	margin-right: 5px;
	margin-bottom: 3px;
	}
#content h1 {
	color: #000000;
	font-size: 22px;
	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	line-height: 150%;
	margin: 0px;
	}
	
#content h1 a  {
	color: #000000;
	text-decoration: underline;
	}

#content h1 a:hover {
	color: #000000;
	text-decoration: none;
	}

#content h2 {
	color: #378e39;
	font-size: 20px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	margin: 0px;
	line-height: 120%;
	}
#content h2 a  {
	color: #378e39;
	text-decoration: none;
	}

#content h2 a:hover {
	color: #000000;
	text-decoration: none;
	}


#content h3 {
	color: #000000;
	font-size: 15px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	line-height: 120%;
	
	}
#content h3 a  {
	color: #378e39;
	text-decoration: none;
	}

#content h3 a:hover {
	color: #000000;
	text-decoration: none;
	}

#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	}
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#content li {
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
	list-style: square inside;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	}
	
#content ul li a {
	color: #378e39;
	text-decoration: none;
	}

#content ul li a:hover {
	color: #000000;
	text-decoration: underline;
	}
blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #378e39;
	border-left: 2px solid #378e39;
font-size: 12px;
font-weight: bold;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

.postspace {
	background:#fcffea; 
	width: 440px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	}
.postspace2 {
	background:#fcffea; 
	width: 440px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	}
.postspace3 {
	background:#fcffea; 
	width: 440px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	}

#l_sidebar { 
	background-color: #378e39;
	color: #000000;
	width: 195px;
	float: left; 
	float: left; 
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px 15px 15px 15px; 
	min-height: 660px;
	}
* html #l_sidebar {
	height: 660px;
        }

#l_sidebar p{
	margin: 0px;
	line-height: 16px;
	padding: 5px 0px 10px 0px;
	}
#l_sidebar h2 {
	 #378e39;
	font-size: 14px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	list-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	border-bottom: 	1px solid #cccccc;
	}


#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#l_sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#l_sidebar ul li {
	list-style: none;
	margin: 0px;
	border-bottom: 1px dotted #cccccc;
	padding: 0px 0px 0px 0px;
	}
	
#l_sidebar ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	}

#l_sidebar ul li a:hover {
	color: #ffffff;
	background:   #378e39;
	}



#l_sidebar a, a:visited{
	color: #378e39;
	text-decoration: none;
font-weight:bold;
	}

#r_sidebar { 
	background-color: #ddddbb;
	color: #000000;
	width: 195px;
	float: right; 
	position:relative;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px 15px 15px 15px; 
	min-height: 660px;
	}
* html #r_sidebar {
	height: 660px;
        }
#r_sidebar p{
	margin: 0px;
	line-height: 16px;
	padding: 5px 0px 10px 0px;
	}
#r_sidebar h2 {
	color:  #378e39;
	font-size: 18px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	list-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	border-bottom: 	1px solid #cccccc;
	}


#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#r_sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#r_sidebar ul li {
	list-style: none;
	margin: 0px;
	border-bottom: 1px dotted #cccccc;
	padding: 0px 0px 0px 0px;
	}
	
#r_sidebar ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	}

#r_sidebar ul li a:hover {
	color: #ffffff;
	background:   #378e39;
	}
#footer { 
	background: #ddddbb;
	padding: 20px 0px 20px 0px;
	text-align: center;
	border-top: 1px solid #cccccc;
	clear: both;
	}
#footer a

{color: #378e39;
	
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	margin: 0px;
	line-height: 120%;
	}


#footer a:hover {
	color: #000000;
	text-decoration: none;
	}