/* =========================
//	Base
// =========================*/
*
{
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 10;
	outline: none;
}

body
{
	background: #d9e690;
	color: #000;
	font-family: "Arial Narrow", sans-serif;
	font-size: 16px;
}

#container
{
	background: #fff;
	text-align: left;
	width: 890px;
	margin: 35px auto;
	overflow: hidden;
}

#container .innermargin
{
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.greener {
	color: #55b145;
	}
	
.greenless, .greener {font-size: 28px;}
                                          /*---------------change these ------------------*/
.quote, .greenless, a:hover {
	color: #c8dc4e; 
}

.gray {
	color: #ecf3cd;
}

a {
	color: #55b145;
	text-decoration: none;
}

p {
	/*padding: 7px 0;*/
}

/*
a.special-link {
	color: #5eb54e;
	background: url( '../images/site/bullet1.png' ) no-repeat left center;
	padding-left: 22px;
	font-size: 0.6em;
}
*/

form input.text, form textarea, form select {
	border: 1px solid #c3d940;
	width: 220px;
	float: left;
}

form label {
	width: 180px; /* was 100px */ /*140 */
	clear: both;
	float: left;
	font-size: 14px;
}

form p {
	padding: 0;
	margin: 5px 0;
}

form .button {	
	clear: both;
	margin-top: 30px;
	padding: 5px;
	background: #55B145;
}

/* =========================
//	Headings
// =========================*/
h1
{
	/* Ideally should be incorporated into sites header for optimal SEO */
}

h3
{
	color: #55B145;
	font-weight: normal;
	font-size: 24px;   /* changed from 28 to 24 */
}

h2 /*.quote*/ {    /* hidden the quote to add quote as different colour */
	color: #55B145;
	font-size: 24px; /* ------------------------changed from 28-24---------------------- */ 
	line-height: 30px;
	letter-spacing: 1.1px;
	font-weight: normal;
}

.quote-author {
	display:block;
	text-align: right;
	margin-right: 30px;    /* -----------------------------referal pafw author quote pushed slightly to the left ----------------------------*/
}






/* =========================
//	Header
// =========================*/
#header {
}

#header address {
	float: right;
	font-style: normal;
	font-weight: bolder;
	font-size: 0.8em;
	margin-top: 75px;
	margin-right: 10px;
	text-align: right;
}

#header-img
{
	float: left;
	height: 111px;
	margin-left: 200px;
	}
	/* position: absolute; - removed */

#logo a {
	float: left;
	background: url( "../images/site/logo.png" ) no-repeat;
	width: 280px;
	height: 89px;
	text-indent: -9999px;
	margin-top: 15px;
	margin-bottom: 7px;
	margin-left: 29px;
}



/* header moved to bottom */




/* =========================
//	Column left
// =========================*/
#column_left {
	width: 140px;
	float: left;
	margin-left: 22px;
	margin-top: 15px;
	margin-right: 20px;
}


#column_left ul.navigation
{
	clear: left;
	list-style: none;
	width: 140px;
	font-size: 14px; /* -------------------------------------- font size need to increase -------------------------------------------- */
	font-family: Arial;
}

#column_left ul.navigation a, a.special-link
{
	background: url( '../images/site/submenu_item_bgr.png' ) no-repeat 0 -22px;
	list-style: none;
	width: 100%;
	display: block;
	height: 19px;
	text-decoration: none;
	color: #55b145;
	padding-left: 30px;
	padding-top: 3px;
	margin: 15px 7px;
	font-size: 0.8em;  /* ------------------------------made changes here - changed from 6 to 8 ---------------------------*/
	font-weight: bolder;
}

#column_left ul.navigation a.active, #column_left ul.navigation a:hover, a.special-link:hover, a.special-link.active
{
	background-position: 0 0;
}

a.special-link {
	margin: 0;
	padding-left: 25px;
}

fieldset p {
	padding: 5px 20; 
	}


#popup {
	width: auto;
	height: auto;
	padding: 0 10px;
	position: absolute;
	left: 50%;
	margin-top: -220px;
	margin-left: -180px;
	background: #fff;
	border: 1px solid #55B145;
	display: none;
}


/* =========================
//	Column center
// =========================*/
#column_center
{
	float: left;
	margin-top: 20px;
	padding: 0;
	min-height: 600px;
}

.tight, 
.table-listing.news {
	width: 350px;
	float: left;
}

.wide {
	width: 660px;
}

body.subpage #column_center
{
	width: 388px;
}

#column_center ul, #column_center ol {
	margin-left: 17px;
	padding-left: 10px;
}


#column_center p
{
	line-height: 25px;              /* ----------------------------- increased line height ---------------------------- */
	margin-bottom: 15px;
}

#column_center p a
{
}

#column_center p a:hover
{
}

.news li {
	margin: 10px 0;
}
/*
#column_center ul.news
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	font-size: 0.8em;
}

#column_center ul.news li
{
	line-height: 16px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-left: 0;
}

#column_center ul.news li a
{
	text-decoration: none;
	color: #000;

}

#column_center ul.news li span
{
	color: #666666;
}
*/
.table-listing {
	border-collapse: collapse;
	font-size: 0.8em;
	clear: both;
}

.table-listing tr.active {
	background: #b2dcab;
	color: #396131;
}

.table-listing tr td, .table-listing tr th {
	padding: 8px;
}
.table-listing a, .table-listing a:hover {
	color: #000;
}

#column_center ul.list {
	list-style: none;
	margin: 0;
	padding: 0;
}

#column_center .list li {
	float: left;
	margin: 0;
	padding: 10px;
	text-align: center;
}

#column_center ul.submenu {
	list-style: none;
	margin: 15px 0;
	padding: 0;
}

#column_center ul.submenu li {
	display: inline;
}

#column_center ul.submenu li a {
	float: left;
	width: auto;
	margin-right: 15px;
}




/* =========================
//	Column right
// =========================*/
#column_right
{
	float: left;
	width: 240px;
	margin-left: 40px;
}



/* =========================
//	Footer
// =========================*/
#footer
{
	float: left;
	width: 100%;
	height: 25px;
	margin: 10px 0;
	background: #c3d940;
	color: #fff;
	font-size: 0.7em;    /*     =-------------------------need to amend footer font size   -----------------------   */
	padding-left: 7px;
	font-weight:bolder; /* added font weight */
	line-height: 25px;
}
#footer p .left {font-size: 0.8em; } /* added */

#footer ul
{
	float: right;
	list-style: none;
	margin-right: 15px;
}

#footer ul li
{
	float: left;
	margin-left: 3px;
	margin-right: 3px;
	background: url( '../images/site/footer_menu_item_bgr.png' ) no-repeat left center;
	padding-left: 20px;
}

#footer ul li a, #footer .left a:hover /* added footer left hover*/
{
	text-decoration: none;
	color: #fff;
	font-weight: bolder;
}

#footer ul li a:hover, #header a:hover, #footer .left a:hover /* added footer left hover */
{
	text-decoration: underline;
	color: #373737;
}

#footer p {
	padding: 0;
}

#footer .the-quote { 
	padding-left: 25px;
} 

#footer .left a:hover {}

#column_center .pagination {
	list-style: none;
	display: block;
	clear: both;
	margin: 2px 0;
	padding: 0;
	float: right;
}

#column_center .pagination li {
	float: left;
	padding: 0 4px;
}

#column_center .pagination li a.active {
	text-decoration: underline;
	}

/* =========================
//	HEADER
// =========================*/
#header ul.navigation
{ margin: 0px;
	clear: both;
	list-style: none;
	width: 100%; 
	background: url( '../images/site/menu_bgr.png' ) repeat-x top;
	height: 43px;
}

#header ul.navigation li {
	display: inline;
}

#header ul.navigation li a
{ margin:0px;
	float: left;
	/*width: 129px; /* changes here 118px */
	text-align: center;
	color: #8dc72e;
	text-decoration: none;
	text-transform: capitalize;
	background: url( '../images/site/menu_item_bgr_off.png' ) no-repeat top center;
	padding-top: 25px;
	padding-left:22px; padding-right:22px;
	color: #fff;
	/*font: 12px Verdana;*/
	font-size: 12px;
	font-family: Arial;
	font-weight: bolder;
}

#header ul.navigation li a.active, #header ul.navigation li a:hover
{
	background-image: url( '../images/site/menu_item_bgr_on.png' );
	color: #55b145;
}


	
/* remove the comments added once the css is completed and then upload. */