/************************************************/
/* Hellesdon Horticultural Associate            */
/* Site-wide Styles                             */
/************************************************/ 

/*************************************/
/* Main Layout                       */
/*************************************/

body {
	font-size:62.5%; 
	padding:0;
	margin:0.2em;
	color:#000;
	background-color:#fafcfb;
	border:1px solid #669966;
	min-width:775px; }

#contentWrapper {
	background-position:right bottom;
	background-image:url(iris-bg.jpg);
	background-repeat:no-repeat; 
	border-top:1px solid #c1dcc7; 
	border-right:thin solid #c4dbc6; 
	border-left:thin solid #c4dbc6; }

#content{
	padding-bottom:5em;
	margin-left:208px;
	margin-right:200px;
	margin-top:0;}

/* Additional white space on Home page 
	to allow for Iris background image */
#homecontent{
	padding-bottom:10em;
	margin-left:208px;
	margin-right:260px;
	margin-top:0;}
	
img {
	border:0;
	padding:0;
	margin:0; }

.logo {
	float:left;
	position:absolute;
	top:0.2em; 
	border-top:1px solid #669966;}

.clrFloat{
	clear:both;
	height:0;
	line-height:0.0;
	font-size:0; }
	
/*************************************/
/* Page Header                       */
/*************************************/

#header {
	background-image:url(head_bg.gif);
	background-repeat:repeat-x; 
	border-right:1px solid #c4dbc6;
	border-left:1px solid #c4dbc6; }
	
#header img.block {
	float:right; }
	
img.flowerBorder {
	border: 4px solid #ff9900;
	float: right;
	margin:1px 0 0 2px; }

	
/*************************************/
/* Link styling                      */
/*************************************/

a, a:link{
	color:#336633;
	text-decoration:underline; }

a:visited{
	color:#6f6690;
	text-decoration:underline; }

a:hover{
	color:#533366;
	text-decoration:underline; }

.navlink{
	margin-right:1.5em;
	text-align: right; }
	
/*************************************/
/* Page Typography                   */
/*************************************/

h1, h2, h3, caption{
	font-family: "Times New Roman", Times, serif;
	margin:0;
	padding:3px 0 3px 0; 
	letter-spacing:0.2em; }

h1{
	font-size:200%;
	color:#336633;
	font-weight:bold;
	font-style:oblique;
	padding-top:0.5em;
	margin-top:1.5em;
	margin-bottom:-0.6em; }
	
h2{
	font-size:180%;
	color:#533366;
	font-weight:bold;
	font-style:normal;
	margin-bottom:-0.6em; }

h2.topborder {
	border-top:2px solid #336633; 
	padding-top:1em;
	margin:0 1.5em; }

h3{
	font-size:160%;
	color:#533366;
	font-weight:bold;
	font-style:normal; }
	
p, li, td, th, dt, dd{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	color:#333;
	line-height:1.4em; }

#sitemap li, #links li {
	padding-bottom:1em;
	list-style-type:none; }

li li, li li li{
	font-size:100%; }

strong.highlight{
	font-weight:bold;
	color:#336633; }

table {
	border:none; }
	
table.border {
	border:1px solid #c1dcc7; }

.innertable{
	border:1px solid #c1dcc7; 
	margin:1em 0 1em 2em; }

td td{
	font-size:100%; 
	padding:0 0.5em 0.5em 0.5em; }
		
td h3, th h3{
	color:#336633;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	margin-top:1em; }

caption{
	color:#336633;
	font-size:170%;
	font-weight:bold;
	text-align:center; }
	
td.title {
	color:#533366;
	padding-bottom:1em;
	font-weight:bold;
	width:13em; }	

td.details {
	vertical-align: top;
	width: 14em;
}
	
td.details img {
	vertical-align: top;
}

th.comments{
	text-align:center; }
	
th {
	text-align:left; }
	
td {
	vertical-align:top; 
	padding-bottom:0.5em;
	padding-right:1em; }
	
td.qty {
	text-align: center;
	width:4em; }

th.list, th.qty{
	text-align:center;
	padding-right:1em; }

th.comments,td.comments{
	text-align:left;
	padding-left:1em; }

td.list {
	text-align:center; 
	width:2em; }

ol li {
	margin-bottom:0.5em; }

dl {
	list-style:decimal; }

/*************************************/
/* Photo Gallery                     */
/* Images                            */
/*************************************/

#thumb {
	width:450px;
	display:block; }
	
img.thumb {
	border: 1px solid #336633;
	padding:2px;
	margin:12px 10px; }

img.thumb2 {
	margin:12px 10px; }

.full_photo {
	padding:2px;
	border:3px ridge #c1dcc7; }

/*************************************/
/* Box Outs for highlighting         */
/* content and features              */
/*************************************/
.features{
	font-size:95%;
	background-image:url(greengradient.gif); 
	background-repeat:repeat-x;  
	position:absolute;
	right:1em;
	width:150px;
	margin-top:1em;
	border:1px solid #999;
	padding:1em; }

div.features p{
	margin:0.4em; }

/*************************************/
/* Sidebar                           */
/*************************************/

#sidebar{
	width:168px;
	float:left;
	background-color:#e3f3e6;
	background-image:url(sidebar.gif);
	background-repeat:repeat-y; 
	border-top:1px solid #c1dcc7;
	border-left:1px solid #c4dbc6;
	border-bottom:1px solid #c4dbc6;
	border-right:1px solid #c4dbc6;
	margin-bottom:1em; }

#menu, #sidebar ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0 0 0 15px;
	list-style:none; }


#sidebar li, #sidebar ul li{
	width:10em;
	margin:2em;
	color:#fff;
	background-color:#c9b1f6;
	border:1px outset #006666; }

/* Root-Level Links */
#sidebar a, #sidebar a:visited{
	display:block;
	text-decoration:none;
	padding:0.5em;
	font-size:110%;
	color:#502900;
	background-color:#C9B1f6; }
	
#sidebar li:hover a, #sidebar a:focus,
#sidebar a:active{
	color:#000;
	background-color:#99cc99;
	text-decoration:underline; }
	
/*************************************/
/* Page Footer                       */
/*************************************/

#footer {
	width:100%;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	color:#502900;
	background-color:#a1c6a5; 
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding-top:0.6em;
	clear:both; }

#footer a, #footer a:link{
	color:#502900; }

#footer p.corp {
	color:#fff;
	font-size:0.9em;
	text-align:right;
	padding:0.5em;
	margin:0; }

.bsws {
	position:absolute;
	left:1%; }