body { 
 background-color: #fff; 
 margin-left: 0px; 
 margin-right: 0px; 
 margin-top: 0px; 
 font-size: 13px; 
 font-family: Verdana,Arial,Helvetica,sans-serif; 
}

a:link { 
 color: #333399; 
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: underline; 
}

a:visited { 
 color: #333399; 
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: underline; 
}

a:active { 
 color: #333399; 
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: underline; 
}

a:hover { 
 color: #999999; 
 font-size: 12px; 
 font-weight: bold; 
 text-decoration: none; 
}

#header_left {
	padding: 0px;
	width: 665px;
	height: 150px;
	background: url(../images/true20_header_left.jpg) no-repeat;  
}
#header_right {
	padding: 0px;
	width: 135px;
	height: 150px;
	background: url(../images/true20_header_right.jpg) no-repeat;  
}

#main {
  padding: 20px;
}

/*   --- copied from GreenRonin.com home page ---  */

#container {
	width: 100%;
	float: left;
	margin-right: -220px;
}
#content_container {
	margin-right: 220px;
}
#main_container {
	margin-left: 200px;
    padding: 15px;
}
#left_container {
	width: 200px;
	float: left;
}
#right_container {
	width: 150px;
	float: right;
}
.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}
#footer {
	display:block;
	margin-left: auto;
	margin-right: auto;
    padding: 5px;
	background: #000;
    color: #fff;
    text-align: center;
    width: '100%';
}

#intro_text p {
  font-size: 14px;
}
#intro_text h1 {
  font-weight: normal;
}
#intro_text h1 a {
  font-weight: normal;
 font-size:   22px;
 text-decoration:none;
}

/*---  RIGHT SIDE BAR ---*/
#menu {
 width: 160px;
 float: right;  
 font: 11px/12px Verdana,Arial,Helvetica,sans-serif;
 padding-left: 10px;
 text-align: left;
 color: #333;
 padding-bottom: 30px;
 border-left: 1px dotted #999;
 border-bottom: 1px dotted #999; 
 background: #eee;
}

/*--- TOP MENU ---*/
#buttons {
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#buttons_outer {
	width: 635px;
  	margin-bottom: 2px;
	margin-right: 2px;
	float: left;

}

#buttons_inner {
	border: 1px solid #cccccc;
	height: 21px;
}
ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	background: transparent;
	font-weight: normal;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #fff;
/*	background: #c64934;  */
        background: #8CC63E;
}


/*---  MAIN PAGE CONTENT ---*/
#content {
 width: 100%;
 float: left;
 text-align: left;
 margin-left: 20px;
 margin-bottom: 60px;
 padding-bottom: 30px;
 padding-left: 20px;
 voice-family: "\"}\"";
 voice-family: inherit;
}
body>#content {
 width: 100%;
}

#left_column {
/*  float:left; */
  background:url('/images/black_stripe.gif') repeat-y;
}

#left_outer {
  float: left;
	margin-top: 2px; 
	width: 135px; 
}

#left_inner {
  border: 0px solid #cccccc;
/*	padding: 2px; */
  padding-right: 0px;
  float: none !important;
  float: left;
}


table.moduletable {
	width: 100%;
	margin-bottom: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 0px;
}

table.moduletable th, div.moduletable h3 {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 0 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}


a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: #8CC73F url('../images/menu_background.png') no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ccc;
	text-align: left;
	padding-top: 5px !important;
	padding-top: 0px;
	padding-left: 4px;  
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	background-color: #333333;
	text-decoration: none;
	color: #fff;
}

a.mainlevel#active_menu {
	color:#fff;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	color: #fff;
}

.left_product {
  margin-top:20px;
  margin-left:20px;
  width:100px;
  height:130px;
  border:1px solid #fff;
}

/*--- "member" links: login, register, calendar, etc. ---*/

.loginLinks, .loginLinks a { 
 color:       #000000;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size:   11px; 
}
.loginLinks a:link    { color:  #003399; font-weight: bold;}
.loginLinks a:visited { color:  #003399; font-weight: bold;}
.loginLinks a:active  { color:  #999999; font-weight: bold;}
.loginLinks a:hover   { color:  #cccccc; font-weight: bold;} 


/*--- Dotted line between menu items in sidebar ---*/

.menuSpacer {
 border-bottom: 1px dotted #999;
 margin-bottom: 15px; 
}


/*---  Used in Trackback and Pingback page.  ---*/

h1 {
  font-family:        Verdana,Arial,Helvetica,sans-serif;
 font-size:   22px;
 color:       #333333;
 font-weight: normal;
}

h2 {
  font-family:        Verdana,Arial,Helvetica,sans-serif;
 font-size:   17px;
 color:       #333333;
 font-weight: normal;
}

/*---  Used in Weblog templates to format the title of entries  ---*/

h3 {
  font-family:        Verdana,Arial,Helvetica,sans-serif;
 font-size:   14px;
 color:       #333333;
 font-weight: normal;
}

/*---  Used in weblog.php in the left side-bar, and archives.php page to format the date header  ---*/

h4 {
  font-family:        Verdana,Arial,Helvetica,sans-serif;
 font-size:   12px;
 color:       #999999;
 margin-top: 2px;
 margin-bottom: 5px;
 font-weight: normal;
}

/*---  Used in comment templates to format text used in the comment form. ---*/

h5 {
  font-family:        Verdana,Arial,Helvetica,sans-serif;
 font-size:   11px;
 color:       #666666;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
}



/*---  Weblog entry formatting.  ---*/

.weblog {
 padding-bottom: 12px;
/* border-bottom:1px dotted #999999; */
}

/*---  Name of author in weblog entries ---*/

.author {
  font-family:        Verdana,Arial,Helvetica,sans-serif;
 font-size:   11px;
 color:       #999999;
 font-weight: normal;
}

/*---  Paragraph formatting in weblog entries ---*/

p {
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size:   13px;
 color:       #333333;
/* margin-top: 2px;
 margin-bottom: 2px;  */
 font-weight: normal;
 text-align:  left;
}



/*--  Default form field formatting. --*/

form {
  margin-top:         0px;
}

/*--  Input field formatting. --*/

.input {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana,Arial,Helvetica,sans-serif;
  font-size:          11px;
  height:             1.6em;
  padding:            .3em 0 0 2px;
  margin-top:          3px;
  margin-bottom:       3px;
} 

/*--  Input text-area formatting --*/

.textarea {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana,Arial,Helvetica,sans-serif;
  font-size:          11px;
  margin-top:         3px;
  margin-bottom:      3px;
}

/*--  Submit button formatting. --*/

.button {
  background-color:   #fff;
  font-family:        Verdana,Arial,Helvetica,sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}

/*--  Pull-down menus. --*/

.pulldown {
  background-color:   #fff;
  font-family:        Verdana,Arial,Helvetica,sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}





/* THE FOLLOWING CSS IS USED WITH THE MINI-CALENDAR */


/*  Calendar header text  */
.header {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #333333;
 font-weight: bold;
}

/*  Navigational links in the header of mini-calendar  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #ffffff; text-decoration: none;}
.navlinks a:visited { color:  #ffffff; text-decoration: none;}
.navlinks a:active  { color:  #333333; text-decoration: none;}
.navlinks a:hover   { color:  #000000; text-decoration: underline;}


/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}

img.book100 {
  width:100px;
  height:130px;
  float:right;
  border:0;
  padding-left:10px;
}

.products {
  width: 210px;
  float:left;
/*  border: 3px #8CC73F solid;  */
  padding:0px;
  margin:5px;
  text-align:center;
}
.products a {
  display:block;
  text-decoration:none;
  background-color:#eee;
  border:1px #fff solid;
}
.products a:hover {
  background-color:#fff;
  border:1px #333 solid;  
}
.product_title {
/*	background: url(../images/subhead_bg.png) repeat-x;  */
	border:none;
	color: #666;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	text-align:center;
  	overflow: hidden;
/*	display: block;
	height: 25px;
	line-height: 25px !important;
	line-height: 22px;	 */
}
.products a:hover .product_title {
  color: #333;
}
.product_image {
	width:150px;
	height:195px;
	border:0;
	margin-bottom:10px;
}
#comment_nav, #comment_nav a {
  font-size: xx-small;
}
.xx-small {
  font-size: xx-small;
}

#product_feed {
  width: 130px;
  float:left;
  padding:0px;
  margin-top:10px;
}

#product_feed .product {
  margin-top:5px;
  text-align:center;  
}

#product_feed .product img {
  width:100px;
  height:130px;
  border: 1px #fff solid;
  display: block;
  margin-left: auto;
  margin-right: auto;  
}
/* #product_title {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  text-transform: uppercase;
  font0size: 10px;
  font-weight: bold;
}  */

a.small {
  font-size: x-small;
}
.content-nav {
  font-size: xx-small;
}