/* Import the page layout styles */
@import url(blocks/sake.css);

/* ============== BASIC RESETS ============== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	background: transparent;
}
html, body {
	height: 100%;
	width: 100%;
}
ol, ul {
	list-style: none;
}
address {
	font-style: normal;
}

/* ============== BASIC STYLES ============== */
.clear {
	clear: both;
}
.onepx {
	display: block;
	height: 1px;
	width: 1px;
	line-height: 1px;
}
.invisible {
	visibility: hidden;
}
.printOnly {
	display: none;
}

/* ============== TYPOGRAPHY STYLES ============== */
h2 {
	font-family: Papyrus;
	font-size: 32px;
	font-weight: normal;
}
h3 {
	font-size: 18px;
	font-weight: normal;
	color: #004a16;
}

/* ============== PAGE STYLES ============== */
body {
	background: #d5cdc9;
	color: #000;
	text-align: center;
	font: 100%/1 Arial, Helvetica, sans-serif;
	position: relative;
}

#container {
	position: relative;
	width: 975px;
	margin: 0 auto 0.5em;
	background: #FFFFFF;
	text-align: center;
}
	#header {
		display: block;
		background: none;
		padding: 0 20px;
		position: relative;
	}
	
	#logo {
		position: absolute;
		z-index: 999;
		display: block;
		height: 72px;
		width: 242px;
		top: 18px;
		left: 20px;
		background: transparent url(image/logo.gif) no-repeat left top;
	}
		#logo a {
			display: block;
			height: 100%;
			text-indent: -900em;	
		}
		
	#printLogo {
		display: none;
	}
	
	#addressBlock {
		position: absolute;
		z-index: 999;
		top: 20px;
		right: 20px;
		text-align: right;
	}
		#addressBlock address,
		#addressBlock p,
		#addressBlock a {
			display: block;
			line-height: 140%;
			font-size: 80%;
		}
		#addressBlock a {
			color: #f97c29;
			text-decoration: none;
		}
		#addressBlock a:hover,
		#addressBlock a:focus {
			text-decoration: underline;
		}
	
	ul#topNav {
		display: block;
		padding-top: 105px;
		vertical-align: middle;
	}
		ul#topNav li {
			float: left;
			display: block;
			position: relative;
			padding-left: 1px;
			text-align: left;
			background: transparent url(image/navTabStates.gif) no-repeat 2px -60px;
		}
		ul#topNav li:hover,
		ul#topNav li:focus,
		ul#topNav li.current {
			background: transparent url(image/navTabStates.gif) no-repeat 2px top;
		}
			ul#topNav li a {
				display: block;
				margin-left: 4px;
				width: auto;
				color: #FFF;
				font-size: 13.5px;
				font-family: Papyrus;
				padding: 6px 0.6em 8px;
				vertical-align: middle;
				text-decoration: none;
				/*background-color: #004a16;*/
				background: transparent url(image/navTabStates.gif) no-repeat right -60px;
			}
			ul#topNav li:hover a,
			ul#topNav li:focus a,
			ul#topNav li.current a {
				/*background-color: #f97c29;*/
				background: transparent url(image/navTabStates.gif) no-repeat right top;
			}
				/* start styling the dropdown menus */
				ul#topNav li ul {
					display: none;
					/* width: inherit; */
					/* explicit width is needed to accommodate the links below */
					background: #004a16 none repeat left top;
					position: absolute;
					top: 30px;
					left: 0.1em;
					margin: 0;
					padding: 0 0.5em 0 0.3em;
					z-index: 999;
				}
				ul#topNav li:hover ul, 
				ul#topNav li:focus ul {
					display: block;
				}
				ul#topNav li ul li,
				ul#topNav li:hover li,
				ul#topNav li:focus li,
				ul#topNav li.current li {
					background: #004a16 none repeat left top;
					/* explicit width is set here */
					min-width: 9em;
					text-align: left;
					line-height: 110%;
					display: block;
					float: left;
					clear: left;
					margin: 0;
					padding: 0;
					border: none;
				}
				ul#topNav ul li a,
				ul#topNav li:hover li a,
				ul#topNav li:focus li a,
				ul#topNav li.current li a {
					padding: 0.3em 0;	
					background: #004a16 none repeat left top;		
				}
				ul#topNav ul li:first-child a {
					padding: 0.4em 0 0.3em;
				}
				ul#topNav li ul a:hover, 
				ul#topNav li ul a:focus {
					text-decoration: underline;
					background: #004a16 none repeat left top;
				}
			
	#headerPlantSearch {
		display: block;
		position: absolute;
		top: 105px;
		right: 20px;
		height: 1em;
		padding: 0.2em 0 0.3em;
		float: right;
	}
		#headerPlantSearch input {
			float: left;
		}
		#headerPlantSearch input[type="text"] {
			width: 16em;
		}
		#headerPlantSearch #submit {
			display: block;
			border: none;
			background: transparent url(image/plantsearch.png) no-repeat 50% 50%;
			height: 20px;
			width: 20px;
			cursor: hand;
			cursor: pointer;
		}
			
	#subNav {
		display: block;
		/*margin: 26px -20px 0;*/
		margin: 0 -20px;
		padding: 6px;
		height: 1.2em;
		clear: both;
		vertical-align: middle;
		background-color: #f97c29;
		border-top: 4px solid #004a16;
		border-bottom: 4px solid #004a16;
	}
		#subNav ul {
			float: right;
		}
		#subNav li {
			float: left;
			display: block;
			padding: 0 0.1em 0 0.2em;
			text-align: center;
			color: #004a16;
			font-size: 90%;
		}
			#subNav li a {
				color: #004a16;
				font-size: 90%;
				/* padding: 0 0.3em; */
				vertical-align: middle;
				text-decoration: none;
			}
			#subNav li a:hover,
			#subNav li a:focus { 
				text-decoration: underline;
			}
				
	#pageContent {
		padding: 20px;
		text-align: left;
		clear: both;
	}
		#pageContent h2 {
			padding-top: 0.4em;
		}
			#pageContent h2 a {
				color: #000;
				text-decoration: none;
			}
		#pageContent h3,
		#pageContent h4,
		#pageContent h5,
		#pageContent p {
			padding: 0.5em 0;
		}
		#pageContent a {
			color: #f97c29;
		}
		#pageContent p {
			font-size: 90%;
		}
			
	ul#socialLinks {
		display: block;
		padding-left: 20px;
		font-size: 90%;
	}
		ul#socialLinks li {
			padding: 0.2em 0.3em 0.3em;
			font-weight: bold;
			color: #004a16;
			float: left;
			display: block;
			vertical-align: middle;
			line-height: 20px;
		}
		ul#socialLinks a {
			display: block;
			height: 20px;
			background-image: url(image/social.gif);
			background-repeat: no-repeat;
			text-indent: -900em;
			overflow: hidden;
		}
		ul#socialLinks a#socialFB {
			width: 18px;
			background-position: top left;
		}
		ul#socialLinks a#socialBlog {
			width: 18px;
			background-position: 50% 50%;
		}
		ul#socialLinks a#socialEnews {
			width: 56px;
			background-position: top right;
		}
		ul#socialLinks a.img {
			background: none;
			text-indent: 0;
		}
	
	ul#bottomLinks {
		display: block;
		width: 60%;
		margin-left: 40%;
	}
		ul#bottomLinks li {
			display: block;
			float: left;
			font-size: 75%;
			color: #004a16;
			padding: 0.3em 0.1em 0.3em 0.2em;
		}
		ul#bottomLinks a {
			color: #004a16;
			font-size: 75%;
			text-decoration: none;
		}
		ul#bottomLinks a:hover,
		ul#bottomLinks a:focus {
			text-decoration: underline;
		}
	
	#footer {
		margin-top: 0.5em;
		padding: 0 20px 0.5em;
		border-top: 3px solid #004a16;
		background-color: #f97c29;
		font-size: 75%;
	}
	
	#footer ul {
		display: block;
	}
		#footer ul li {
			color: #FFF;
			float: left;
			display: block;
			padding: 0.8em 0.3em 0.2em 0.2em;
		}
		#footer ul li a {
			display: block;
			color: #FFF;
		}
		#footer ul li#clarityLink {
			position: relative;
			float: right;
		}
		#footer ul li#clarityLink a {
			display: inline;
			text-decoration: none;
		}
		#footer ul li#clarityLink a:hover,
		#footer ul li#clarityLink a:focus {
			text-decoration: underline;
		}