/* 
	GSC, <caughillg@picassofish.com>
	March 3, 2009 
	Acorus, Newest Template v1.0
	
	Using Blueprint CSS system.
*/

div#mainbody form center table tbody tr td {
   padding: 0;
   margin: 0;
   padding-bottom: 4px;
	height: 8px;
} 

/* 1. Layout Overrides */

.span-3 { width: 10px; }
.span-4 { width: 200px; }
.span-16 { width: 730px; }
.span-23 { width: 950px; margin: 0 auto; display: block; }
.span-22 { width: 100%; min-width: 1280px; }
.span-24, div.span-24 { width:950px; margin:0; }
.container { width: 950px; margin: 0 auto; }
.center { margin: 0 auto; text-align: center; }

#menuheader { display: block; height: 30px; }
body { margin:0; padding:0; height:100%;  }
bodyarea { display: block; height: 100%; width: 100%; }
#centerarea { display: block; width: 950px; height: 95px; margin: 0 auto; padding: 0; text-align: center; }
#centerarea2 { display: block; width: 950px; height: 30px; margin: 0 auto; padding: 0; text-align: center; }
#logoarea { display: block; float: left; width: 320px; height: 95px; background: url(../images/acorus-logo.gif); }
#topmenuarea { display: block; float: right; width: 600px; height: 20px; text-align: right; margin-top: 2px; paddding-right: 0px; margin-right: 0px; }
#imageheader { display: block; height: 215px; overflow: hidden; }
#emptyheader { display: block; width: 950px; height: 10px; }
#searchheader { display: block; height: 44px; background: url(../images/menu-back.gif); }
#leftmenu, #spacerarea, #contentarea { margin: 0; padding: 0; }
#headerimage { width: 950px; height: 215px; max-height: 215px; overflow: hidden; margin: 0; padding: 0; }
#lefttop { font: 2px; display: block; height: 10px; background: url(../images/menu-top.gif) no-repeat; margin: 0; padding: 0; }
#leftbottom { font: 2px;  display: block; height: 10px; background: url(../images/menu-bottom.gif) no-repeat; margin: 0; padding: 0; }
#whitetop { display: block; height: 10px; background: url(../images/white-top.gif); }
#whitebottom { display: block; height: 10px; background: url(../images/white-bottom.gif); }
#searcharea { display: block; float: left; padding-left: 10px; height: 30px; margin-top: 9px; } 
#mainmenu { display: block; float: right; padding-right: 20px; height: 30px; margin-top: 6px; text-align: right; width: 740px; } 
#content-plus-menu { height: 100%; }
span.plantsearchheader { font: 14px Arial, sans-serif bold; color: #f4f0d5; border-bottom: 1px solid #f4f0d5; margin-bottom: 20px; }
a.plantsearchlink { font: 12px Arial, sans-serif; text-decoration: underline; color: #f3f0d5; }
hr.plantsearchline { display: block; width: 100%; height: 1px; color: #f4f0d5; margin-top: 10px; }

.padding20 { padding: 20px; margin: 0; padding-top: 0px; }
table, td, th { vertical-align: top; }
.moduletable_menu { vertical-align: top; }
.moduletable_plants { vertical-align: top; }
span#topmenuarea table.moduletable tbody tr td { margin: 0; padding: 0; text-align: right; }
/* 2. Background Colours */

.yellow-background { background: #f4f0d5; }
.mediumgreen-background { background: #005d1e; }
.darkgreen-background { background: #0a3d00; }
.purple-background { background: #862c55; }
.orange-background { background: #ddb605; }
.white-background { background: #ffffff; }
.white { color: #ffffff; }

/* 3. Body and Links */

ul.menu-top { list-style-type: none; text-decoration: none; border: none; text-align: right; float: right; }
ul.menu-top li a { text-align: right; padding-left: 10px; text-decoration: none; border: none; }
ul.menu-top li a:hover { text-align: right; padding-left: 10px; text-decoration: none; border: none; }
ul.menu-top li a span {  text-align: right; font: 12pt Verdana; color: #f4f0d5; text-decoration: none; border: none; }
ul.menu-top li a:hover span { font: 12pt Verdana; color: #f4f0d5; text-decoration: underline; border: none; }
ul.menu-purple { list-style-type: none; text-decoration: none; border: none; }
ul.menu-purple li a { float: right; padding-right: 10px; text-decoration: none; border: none; }
ul.menu-purple li a:hover { float: right; padding-right: 10px; text-decoration: none; border: none; }
ul.menu-purple li a span {  font: 12pt Verdana; color: #f4f0d5; text-decoration: none; border: none; }
ul.menu-purple li a:hover span { font: 12pt Verdana; color: #f4f0d5; text-decoration: none; border: none; }

a.mainlevel-top { float: right; padding-left: 16px; padding-right: 0px; font: 8pt Verdana; color: #f4f0d5; text-decoration: none; border: none;  }
a:hover.mainlevel-top { float: right; padding-left: 16px; padding-right: 0px; text-decoration: underline; border: none;  }
ul#mainlevel.top, ul#mainlevel.top li { padding: 0; margin: 0; text-align: right; }

a.mainlevel-purple { float: right; padding-left: 30px; font: 10pt Verdana; color: #f4f0d5; text-decoration: none; border: none; }
a:hover.mainlevel-purple { float: right; padding-left: 30px; text-decoration: none; border: none; }
ul#mainlevel.purple, ul#mainlevel.purple li { padding: 0; margin: 0; text-align: right; }

table.moduletable td { vertical-align: top; }
.inputbox-search { border: none; font: 11px Arial, sans-serif; color: 4c4d4c; }

h1, .contentpageheader, .componentheading { font: 15pt Arial, sans-serif bold; color: #005d1e; }
h2 { font: 14pt Arial, sans-serif bold; color: #005d1e; }
h3 { font: 13pt Arial, sans-serif bold; color: #005d1e; }
h4 { font: 12pt Arial, sans-serif bold; color: #005d1e; }
h5 { font: 10pt Arial, sans-serif bold; color: #005d1e; }
body, html, p, td, div, span { font: 11px Verdana, sans-serif; color: #473a21; }

/* 4.  Footer */

#footer { display: block; height: 100%; width: 100% }
#footertext { display: block; float: left; height: 14pt; font: 10px Arial, sans-serif bold; color: #005d1e; }
.pfooter { font: 10px Arial, sans-serif bold; color: #005d1e; }
a.email-link { font: 10px Arial bold; color: #005d1e; text-decoration: underline; }
#picassofish { display: block; float: left; width: 100px; clear: both; padding-top: 15px; }
#pbpfbutton  { visibility: visible; z-index: 2; width: 77px; height: 20px; clear: both; }
#pbpfbutton a  { background: url(../images/pbpf.gif) no-repeat 0% 0px; display: block; height: 20px; width: 77px; font-size: 20px; line-height: 20px; }
#pbpfbutton a:hover  { background-position: -77px 0%; }