@charset "UTF-8";
/* CSS Document */

/* Developed by Azzcat Design in 2007, updated by Azzcat Design, 2008, 2009. http://www.azzcatdesign.com. 

COLOR KEY
blue: #6666CC
pale blue: #9999CC
yellow: #FFE798
purple hover: #CC33CC
mid-grey: #999999
dark grey: #333333

*/


/*---------- RESET ----------*/

*, html, body 	{ margin: 0; }

html, body	{ padding: 0;
			height: 100%; }
			
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
			{ margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; }
			
table 		{ border-collapse:separate;border-spacing:0; }
caption, th, td 
			{ text-align:left;font-weight:normal; }
table, td, th 
			{ vertical-align:middle; }
a img 		{ border:none; }
ul li 		{ list-style: none; }
div			{ position: relative; }
      
/*---------- END RESET ----------*/


/*---------- CONTAINERS ----------*/

body			{ color: #000;
      		background-color: #fff;
      		background-image: url(../../2009_website.zip/art/images/universal_images/bkgd_fade_slice.jpg);
			background-repeat: repeat-x; } 
     

#outside_container 
			{ min-height:100%;
			height: auto !important;
			height: 100%;
			width: 800px;
			background-color: #fff;
			padding-bottom: 8em;
			margin: 0 auto -8em auto; }

/* negative margin for sticky footer matches .push and footer div height*/

.push		{ height: 8em;
			clear:both; } 

#header		{ background-color: #657FD6;
			border-top: thin solid #9999CC;
			border-bottom: thin solid #333;
			padding:0 0 10px 0;
			width: 100%; }

#content 		{ text-align:left;
			padding-top: 10px;
			overflow: hidden;
			_height: 1%; }
			
/* note that overflow:hidden; and _height:1% are to fix IE7 hasLayout error */

/* columns */

.column_left 	{ float:left;
			width:180px;
			text-align:center; }

.column_center, .column_center_sponsor {
			float:left;
			width:400px;
			padding:0 15px 0 15px; }

.column_center_wide 
			{ width:700px;
			margin-top:-10px;
			padding:0 50px 10px 50px;
			background-image: url(../../2009_website.zip/art/images/universal_images/bkgd_fade_slice.jpg);
			background-repeat: repeat-x; }

.column_right	{ float:left;
			width:185px;
			padding: 0; }			
			
/* right column note card sales */

#note_cards 	{ background-color: #FFE798;
			width:170px;
			border: thin solid #657FD6;
			padding: 5px; }
			
/* footer */

#footer		{ height: 8em;
			border-top: 1px solid #999;
			background-image: url(../../2009_website.zip/art/images/universal_images/bkgd_fade_footer.jpg);
			background-repeat: repeat-x; }

#footer_content
			{ width: 800px;
			margin: 2em auto; }

/*---------- END CONTAINERS ----------*/



/*---------- TYPOGRAPHY ----------*/

body 		{ font: .8em/1.75 Arial, Helvetica, sans-serif; }

p			{ padding: .5em 0; }

a			{ color:#6666CC; }

a:hover, a:focus	
			{ color:#CC33CC; }

h1, h2, h3, h4, h5, h6 
			{ font-weight: bold; }

h1			{ font-size: 130%; }
	
h2			{ font-size: 130%;
			text-align: left; }

h3			{ text-indent: -9999px; }

h4			{ font-size: 130%;
			border-bottom: thin dotted #6666CC; }

h4 a 		{ text-decoration: none; }
	
h4 a:hover, h4 a:focus
			{ text-decoration: none; }

h5			{ font-size: 100%;
			border-bottom: thin dotted #6666CC; }

h6			{ font-size:100%;
			line-height: 175%; }
			
.column_center p, .column_center_sponsor p 
			{ text-align:justify; }
			
#footer p		{ color: #666; }
			
#footer a		{ text-decoration: none; }

.b 			{ font-weight: bolder;
			font-variant: normal;
			text-transform: uppercase; }	

.center		{ text-align: center;}

.small 		{ font-size: 95%;}

/*---------- END TYPOGRAPHY ----------*/


/*---------- IMAGES ----------*/

.garden_heads	{ padding: 10px 0;
			clear: both;
			width: 390px;
			border-bottom: thin dotted #6666CC; }

.garden_pics	{ width:185px;
			margin:0 5px 0 0;
			border: medium inset #6666CC; }
	
/*---------- END IMAGES ----------*/


/*---------- COLUMN LISTS ----------*/

.column_left ul { padding: 5px 0 5px 15px;
			text-align:left; }

.column_left ul li, .column_center_wide ul li 
			{ list-style:square; }

.column_center_sponsor ul 
			{ text-align: center; }

.column_center_sponsor ul li img 
			{ padding: 5px;
			text-align: center; }

/*---------- END COLUMN LISTS ----------*/


/*---------- NAVIGATION ----------*/

/* top navigation */

ul#header_nav { margin:10px 0 10px 0; 
			text-align: center; }

ul#header_nav li 
			{ margin:6px; 
			font-variant: small-caps;
			color:#CCCCFF;
			display:inline; }

ul#header_nav li a 
			{ background-color: #657FD6;
			text-decoration: none;
			color: #CCCCFF;
			padding: 6px; }

ul#header_nav li a:hover, ul#header_nav li a:focus 
			{ background-color: #CED7F2;
			color: #333333;
			padding: 6px; }

/* right column gardens navigation */

ul#garden_nav { padding:10px 0 10px 0;
			width: 180px;
			background-color: #FFE798;
			border: thin solid #657FD6;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			position: fixed;
			margin: 15px 0;
			top: 130px; }

ul#garden_nav li
			{ padding:3px 10px 3px 20px; }

ul#garden_nav li a 
			{ text-decoration:none; }

ul#garden_nav li a:hover, ul#garden_nav li a:focus 
			{ color:#CC33CC; }
			
/*---------- END NAVIGATION ----------*/


/*---------- COMMON CLASSES ----------*/

/* These are my standards as of 2009, there may be conflicts with older code. This is inserted for future reference and/or use. */

.clear				{ clear: both; }
.floatLeft			{ float: left; }
.floatRight			{ float: right; }
.textLeft 			{ text-align: left; }
.textRight 			{ text-align: right; }
.textCenter 			{ text-align: center; }
.textJustify 			{ text-align: justify; }
.blockCenter 			{ display: block; }
					/* remember to set width */
.bold 				{ font-weight: bold; }
.italic 				{ font-style: italic; }
.underline 			{ text-decoration: underline; }
.noindent 			{ margin-left: 0; 
					padding-left: 0; }
.nomargin 			{ margin: 0; }
.nopadding 			{ padding: 0; }
.nobullet 			{ list-style: none; 
					list-style-image: none; }
p img 				{ float:left;
					margin:0 1em 1em 0;
					padding: 3px;
					border: thin solid #6f969d; }
p img.right 			{ float:right;
					margin: 0 0 1em 1em; }
					
.border-bottom			{ border-bottom: 1px solid #9999CC; }

/*---------- END COMMON ----------*/