body {
	font: 12px times new roman, georgia, serif; /* Windows, Mac then General*/
	background: url('../images/page_bg.gif');
	background-color:#FFFFFF;
	color:#555;
	height: 100%;
	padding: 0;
	margin: 0;
}

.container a, .container a:link, .container a:visited {
	color:#000;
	border-bottom:1px dotted #ccc;
}

.container a:hover {
	color:#555;
}

.container p {
	margin-bottom:5px;
}

.red
	{ font-family: times new roman, georgia, serif;
	  font-size: 14px;
	  line-height: 22px;
	  color: #CC3300;}	 	

.container h1, .container h2, .container h3 {
	font-size:16pt;
	letter-spacing:1px;
}

.container h2, .container h3 {
	font-size:12pt;
	font-weight:bold;
}

.division {
	border-bottom: 1px dotted #000;
	margin:0 30px;
}

img {
	padding:0;
	margin:0;
	border:none;
}
	  
.text
	{ font-family: times new roman, georgia, serif;
	  font-size: 14px;
	  line-height: 26px;
	  color: #555555;}	 		

.pagenav {
	text-align:center;
}

.clear {
	clear:both;
}

#container {
	margin:0 auto;
}

#wrapper {
	background-color:#fff;
	width:802px; /*customising (sinning) against framework*/
	
}

#header {
	overflow: hidden; 
	position: relative;
	height: 204px;
	background-color:#f3f4f4;
	width:802px;
}


#header #mid #midcontain {
	position: absolute;
	top: 25%;
	left: 14%;
	width: 50%;
	height: 50%;
}

div#content {
	text-align:left;
	width:802px;
}

div#content .content-wrapper {
	padding:0 20px;
	min-height:600px; /*Give a standard height for consistency*/
	padding-bottom:20px;
	
}

.content-green {
	background-color:#f0f4e0;
	padding: 10px;
	margin-top:20px;
	text-align:center;
}

.content-green img.header {
	display:block;
	margin:0 auto;	
	margin-top:-55px;

}

.content-green a, .content-green a:visited, .content-green a:hover {
	color:#555;
}

div.month {
	background-color:#fff;
	text-align:left;
	margin:10px 0;
	border:4px solid #9cb40d;
}

div.month div.inner-month {
	padding:15px;
	font-style: italic;
}

div.month h2 {
	display:block;
	position:relative;
	font-size: 16pt;
	margin:0;
	padding:0;
	color:#fff;
	background-color: #9cb40d;
	border-bottom:4px solid #9cb40d;
}

div.month h2 span {
	display:block;
	padding:5px;
	padding-left:20px;
	border:1px solid #fff;
}

 /* Menu/Navigation */
#menu {
	background-color:#a9c807;
	width:auto;
}

#menu .sf-menu{
	list-style:none;
	padding:0;
	margin:0;
	width:802px;
	
}

#menu .sf-menu li {
	float:left;
	margin:0;
	padding:0;
	
}

.container #wrapper #menu .sf-menu li a { /* Reset */
	text-decoration:none;
	border:none;
	padding:0;
	margin:0;
	
}

.container #wrapper #menu .sf-menu li a:hover { /* Reset */
	color:#fff;
}


#menu .sf-menu li a:link, #menu .sf-menu li a:hover, #menu .sf-menu li a:visited {
	display:block;
	height:30px;
	padding:0;
	text-decoration:none;
	
}


#menu .sf-menu li a span {
	/*position:relative;
	left:-9999px;	*/
	background-color:#a9c807;
	text-transform: uppercase;
	font-size:10pt;
	
}

#menu .sf-menu li {
	height:30px;
	margin-right:10px;
}

#menu .sf-menu li a {
	color:#fff;
}

#menu .sf-menu li li a {
	color:#555;
}


.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/			
	font-size: 11pt;    
	font-weight:bold;                                                    			
	color: #000;
	text-align:left;

}

.sf-menu li li {
	background:		#fff;
	
}

.sf-menu li li li {
	background:		#fff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: white;
	background:		#a9c807;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */                                              
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	/*padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;*/
	border: 3px solid #9cb40d;
	border-top:none;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


#menu .sf-menu li.home a.main {
	/*background:transparent url('../images/home.png') no-repeat center left;*/
	width:50px;
}

#menu .sf-menu li.home {
	/*background:transparent url('../images/home.png') no-repeat center left;*/
	margin-left:10px;
}
/*
#menu .sf-menu li.garden-notes a.main {
	background:transparent url('../images/garden_notes.png') no-repeat center left;
	width:139px;
}
*/
#menu .sf-menu li.kitchen-gardening a.main {
	/*background:transparent url('../images/kitchen_gardening.png') no-repeat center left;*/
	width:175px;
	margin-right:-10px;
}

#menu .sf-menu li.kitchen-gardening {
	/*background:transparent url('../images/kitchen_gardening.png') no-repeat center left;*/
	/*width:175px;*/
	margin-right:-5px;
}

/*
#menu .sf-menu li.mickeys-essential a.main {
	background:transparent url('../images/mickeys_essential_kit.png') no-repeat center left;
	width:201px;
}

#menu .sf-menu li.directions a.main {
	background:transparent url('../images/directions.png') no-repeat center left;
	width:111px;
}

#menu .sf-menu li.contact a.main {
	background:transparent url('../images/contact.png') no-repeat center left;
	width:99px;
}*/


/* Content Specific*/
ul.download-documents {
	list-style:none;
	padding:0;
	margin:0;
	margin:0 120px;
}

.download-documents li {
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	padding-bottom:10px;
	
}

.container .download-documents li a {
	color:#fff;
}