/******************* Layout ********************/
#page { font-family:Arial, Helvetica, sans-serif; }
#header { margin: 20px 0; overflow:hidden; }
#content { overflow:auto; }

/******************* Header ********************/
#header-right { text-align:right; padding-top:27px;}
h2.logo { display:block; height:80px; width:282px; overflow:hidden; top:0; left:0; z-index:3; }

/******************* Top Nav ********************/
ul#topnav { font-size:0.85em; font-weight:bold; margin-bottom:30px; }

ul#topnav { height: 25px; float: left; list-style:none; position:relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/ background:#063 url(../images/topnav_background.png) repeat-x; }

ul#topnav li { float: left; /*--Divider for each parent level links--*/ }

ul#topnav li a { padding: 4px 15px 5px; display: block; color: #ffffff; text-decoration: none; }

ul#topnav a:hover { color:#063; }

ul#topnav li:hover { background: #99cc33; }

/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span { float: left; padding-top:5px; height:20px; position: absolute; left: 0; top:25px; display: none; /*--Hide by default--*/ width: 940px; background: #99cc33; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }

ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/

ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/

ul#topnav li span a:hover {}

/******************* Left Nav ********************/
ul#leftnav { list-style:none; }
ul#leftnav li.first { border-top:2px solid #096; }
ul#leftnav li a { color:#096; font-size:0.8em; display:block; padding:5px 0; font-weight:bold; border-bottom:2px solid #096; text-decoration:none; }

/******************* Call CTA ********************/
.call-cta {margin-top:30px; overflow:hidden;}

/******************* Breadcrumbs ********************/

.breadcrumb { font-size:0.75em; color:#009966; padding-bottom:15px; font-weight:bold; }
.breadcrumb a { color:#009966; }

/******************* Blog ********************/
.blogpage {}
.blogpage h1 {font-size:1.6em; font-weight:bold; margin-bottom:10px; color:#006633}
.blogpage h3 {font-weight:bold; margin-bottom:10px; color:#006633; background:#eee url(../images/tick.png) no-repeat 5px 7px; border-top:1px solid; padding:5px 0 5px 25px;}
.blogpage a {color:#222;}
.blogpage p {font-size:0.8em; line-height:1.5; margin-bottom:15px;}
.blogpage ul {margin-bottom:15px; list-style:none; font-size:0.8em;}
.blogpage ul li {list-style:disc inside;}

.blogpage .post {margin-bottom:20px;}

h1.post-single {border-bottom:1px solid; padding-bottom:10px;}
span.post-date {font-size:0.8em; display:block; margin-bottom:4px;}

.wp-caption {font-size:0.75em; text-align:center;}

.navigation {font-size:0.8em; margin-bottom:15px; overflow:auto;}

ol.commentlist {list-style:none;}
ol.commentlist li {background:#F8F8F8; margin-bottom:10px; padding:5px;}
.comment-author {font-size:0.8em; margin-bottom:5px;}
.comment-meta {display:none;}

#respond h3, h3#comments {font-weight:bold; margin-bottom:10px; color:#006633; background:#eee; border-top:none; padding:5px 0 5px 5px;}


/******************* Post ********************/
p strong {font-weight:bold;}

.entry h1 {font-size:1.6em; font-weight:bold; margin-bottom:10px; color:#006633}
.entry h3 {font-weight:bold; margin-bottom:10px; color:#006633; background:#eee url(../images/tick.png) no-repeat 5px 7px; border-top:1px solid; padding:5px 0 5px 25px;}
.entry p {font-size:0.8em; line-height:1.5; margin-bottom:15px;}
.entry a {color:#222;}
.entry ul {margin-bottom:15px; list-style:none; font-size:0.8em;}
.entry ul li {list-style:disc inside;}


#contact-form { width:500px; margin:0 auto; clear:both; }
#contact-form tr {}
#contact-form td.form-text { padding:5px 0; text-align:right; }
#contact-form td.form-field { padding:5px 0; }
#contact-form input { background-color:#FFFFFF; border:1px solid #8595B2; color:#5A698B; font-family:"Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:14px; margin:4px 0 5px 8px; padding:1px; }

/******************* Footer ********************/
#footer {text-align:center; margin-top:25px;}
#footer hr {border:1px solid #006633;}
#footer p {font-size:0.8em; line-height:1.5em; margin-bottom:15px; }
#footer a {color:#000000;}


/******************* Content ********************/
h2.home-title {color:#006633; font-style:italic; font-weight:bold; margin-bottom:0.5em;}

.weed-sheet {}
.weed-sheet h1 {display:inline-block; float:left;}
.download-icons {float:right;}
.weed-sheet-images {float:left; width:370px; clear:left;}
.weed-sheet-details {float:right; width:370px;}
.weed-sheet-table {font-size:0.8em; margin-bottom:15px;}
.weed-sheet-table tr {}
.weed-sheet-table td.first {padding:7px; border:1px solid #006633;}
.weed-sheet-table td.last {padding:7px; border:1px solid #006633;}

a.other {outline:none; margin-right:20px; float:left; margin-bottom:20px;}
a.last {margin-right:0;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

.social {margin:0 auto; margin-bottom:20px; text-align:center;}