/*
Manor Gardens Centre www.manorgardenscentre.orgupdated 
12-02-2007
*/

/* ================================================================
PAGE STYLES
=================================================================== */

body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica", "Arial", "sans-serif";
	font-weight: normal;
	font-size: 1em;
	line-height: 1.5em;
	background-image: url(images/background.gif);
	background-repeat: repeat-y;
	}

#container {
	position: absolute;
	top: 0px;
	left: 20px;
	width: 790px;
	height: auto;
	clear: both;
	}

#header {
	width: 790px;
	height: 75px;
	padding-top: 10px;
	}

#fontsize {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	height: auto;
	font-size: 80%;
	line-height: 100%;
	text-align: right;
	}

#contents {
	width: auto;
	height: 100%;
	margin: 30px 5px 30px 5px;
	}

.contentsLeft {
	width: 485px;
	height: 100%;
	margin: 0 0 30px 0;
	float: left;
	}

.contentsRight {
	width: 265px;
	height: auto;
	margin: 0 0 0 15px;
	padding: 0;
	float: left;
	font-size: 80%;
	}

.frameBox {
	margin: 0 0 15px 0;
	clear: left;
	}
	

.back {
	width: 100%;
	margin: 0 0 20px 0;
	height: auto;
	font-size: 0.9em;
	font-weight: normal;
	clear: both;
	
	}

	#footer {
	width: 790px;
	height: auto;
	margin: 0px;
	padding: 5px 0 5px 0;
	text-align: center;
	background-color: #f1f1f1;
	clear: left;
	}

/* ================================================================
TEXT STYLES
=================================================================== */

h1{
  	margin: 0 0 1.5em 0;
	font-size: 1.3em;
 	color: #333333;
	
	}

h2{
  	margin: 2em 0 0 0;
	font-size: 1em;
 	font-weight: bold;
 	color:  #333333;
	
	}

h3{
  	margin: 0;
	font-size: 1em;
 	font-weight: bold;
 	color:  #333333;
	}

p {
	margin-top: 0.5em;
 	font-size: 105%;
 	line-height: 150%;
 	font-weight: normal;
 	color: #000000;
	}

.title {
  	margin: 0 0 1.5em 0;
	font-size: 1.3em;
 	font-weight: bold;
	color: #333333;
	
	}

p.footertext {
	margin: 0;
	padding: 5px 0 5px 0;
	color: #333333;
	font: normal 75%  "Arial", "Helvetica", verdana, sans-serif;
	
	}

.name {
	color: #666666;
	font-style: italic;
	
	}

.frame {
	margin: 0;
	padding: 5px;
	border: 1px solid #CCCCCC;
	
	}

input[type=text] {
	width: 500px;
	border-bottom: 1px dashed #000000;
	border-left: 0px none;
	border-top: 0px none;
	border-right: 0px none;
	
	}

img {
	border:none	
	}

.clear {clear: both;}

.floatPic {
	width: auto;
	height: auto;
	margin: 0 20px 15px 0;
	padding: 5px;
	border: 1px solid #CCCCCC;
	float: left;
	}

.floatPic_square {
	width: 140px;
	height: 140px;
	margin: 0 20px 15px 0;
	padding: 5px;
	border: 1px solid #CCCCCC;
	float: left;
	}

.red {
	color: red;
	}
	
.centre {
	text-align:center;
	}

/* ================================================================
LIST STYLES
=================================================================== */

#list ul {
	height: auto;
	
	}

#list li {
	height: 2.5em;
	list-style-type: circle;
 	
	}

	ul {
	margin: 0 0 2em 0;
	padding: 0 0 0 1em;
	
	}

li {
	margin: 0.5em 0 0 0;
	padding: 0 1em 0 0;
	
	}

/* ================================================================
LINK STYLES
=================================================================== */

a:link 		{color:#003333;}
a:visited 	{color:#003333;}
a:active 	{color:#336600;}
a:hover 	{color:#CC3300;text-decoration:underline;}

a.fmenu:link	{color:#333333;margin-left:0.5em;}
a.fmenu:visited {color:#333333;margin-left:0.5em;}
a:fmenu:active 	{color:#FF0000;margin-left:0.5em;}
a.fmenu:hover 	{color:#CC3300;margin-left:0.5em;}


/* ================================================================
NAVIGATION MENU
=================================================================== */

#menu {
	width: 791px;
	height: 25px;
	margin: 0px;
	padding: 0;
	
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	
	}

#menu ul li {
	display: block;
	width: 110px;
	height: 21px;
	padding: 4px 0 0 0;
	margin: 0 3px 0 0;
	float: left;
	text-align: center;
	
	}

#menu ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 15px  "Arial", "Helvetica", verdana, sans-serif;
	
	}

#menu ul li a:hover	{
	display: block;
	color: #FFF;
	text-decoration: underline;
	
	}

.deepgreen {background-color: #024502}
.lightgreen {background-color: #74AF55}
.green {background-color: #019C62}
.brown {background-color: #BD5538}
.yellow {background-color: #D7A335}

#menubar01 {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 110px;
	height: 3px;
	margin: 0;
	padding: 0;
	
	}

#menubar02 {
	width: 788px;
	height: 20px;
	margin-top: 0;
	_margin-top: -15px;
	padding: 0;
	
	}

/* ================================================================
'HOME' NAVIGATION PICTURE
=================================================================== */

#menuPic {
	width: 791px;
	height: 70px;
	margin: 0px;
	padding: 0;
	
	}

#menuHome a {
	width: 110px;
	height: 70px;
	padding: 0;
	margin: 0 3px 0 0;
	float: left;
	background: url(images/home.jpg) 0px 0px  no-repeat;
	
	}

#menuHome a:hover {
	background: url(images/home.jpg) 0px -70px  no-repeat;
	}

#menuDonations a {
	width: 110px;
	height: 70px;
	padding: 0;
	margin: 0 3px 0 0;
	float: left;
	background: url(images/donations.jpg) 0px 0px  no-repeat;
	
	}

#menuDonations a:hover {
background: url(images/donations.jpg) 0px -70px  no-repeat;
	}

#menuGroups a {
	width: 110px;
	height: 70px;
	padding: 0;
	margin: 0 3px 0 0;
	float: left;
	background: url(images/groups.jpg) 0px 0px  no-repeat;
	
	}

#menuGroups a:hover {
background: url(images/groups.jpg) 0px -70px  no-repeat;
	}

#menuHistory a {
	width: 110px;
	height: 70px;
	padding: 0;
	margin: 0 3px 0 0;
	float: left;
	background: url(images/history.jpg) 0px 0px  no-repeat;
	
	}

#menuHistory a:hover {
	background: url(images/history.jpg) 0px -70px  no-repeat;
	}

#menuVenue a {
	width: 110px;
	height: 70px;
	padding: 0;
	margin: 0 3px 0 0;
	float: left;
	background: url(images/venue.jpg) 0px 0px  no-repeat;
	
	}

#menuVenue a:hover {
	background: url(images/venue.jpg) 0px -70px  no-repeat;
	}

#menuProjects a {
	width: 110px;
	height: 70px;
	padding: 0;
	margin: 0 3px 0 0;
	float: left;
	background: url(images/projects.jpg) 0px 0px  no-repeat;
	
	}

#menuProjects a:hover {
background: url(images/projects.jpg) 0px -70px  no-repeat;
	}

#menuContact a {
	width: 110px;
	height: 70px;
	padding: 0;
	margin: 0 3px 0 0;
	float: left;
	background: url(images/contact.jpg) 0px 0px  no-repeat;
	
	}

#menuContact a:hover {
	background: url(images/contact.jpg) 0px -70px  no-repeat;
	}

/* ================================================================
DONATIONS PAGE STYLES
=================================================================== */

#donationFrame {
	font-size: 1em;
	line-height: 1.4em;
	height: auto;
	width: auto;
	padding: 30px;
	margin: 30px;
	border: 1px dotted #999999;
	}

.donationPrint{
	width: 700px;
	padding-top: 10px;
	padding-right: 10px;
	clear: left;
	}

.donationLeft {
	width: 80px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	}

.donationRight {
	padding-bottom: 10px;
	float: left;
	height: 1em;
	border-bottom: 1px dashed #000000;
	border-left: 0px none;
	border-top: 0px none;
	border-right: 0px none;
	}

/* ================================================================
HISTORY PAGE STYLES
=================================================================== */

.contentsPic{
	width: 650px;
	height: 500px;
	position: absolute;
	left: 0px;
	top: 90px;
	text-align: center;
	}

.contentsNavi {
	float: left;
	clear: left;
	clear: right;
	width: 650px;
 	position: absolute;
	left: 0px;
	top: 600px;
	text-align: center
	}

/* ================================================================
SITEMAP PAGE STYLES
=================================================================== */

dl.sitemap {
	width: auto;
	margin-bottom: 2em;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	
	}

dl.sitemap dt {
	width: auto;
	margin: 0.5em 0 0 0;
	padding: 0 0 0 0.5em;
	background-color: #f1f1f1;
	font-weight: bold;
	
	}

dl.sitemap dd {
	width: auto;
	margin: 0.5em 0 0 1em;
	padding: 0 0 0 0.5em;
	background-color: #f1f1f1;
	
	}


/* ================================================================
VACANCY PAGE STYLES
=================================================================== */

.box {
	height: auto;
	width: auto;
	padding: 30px;
	margin: 30px 0px 30px 0px;
	border: 1px dotted #024502;
	}

.vacancy {
	font-size: 1.1em;
	color: #024502;
	}


/* ================================================================
CONTACT PAGE STYLES
=================================================================== */

.formbox {
	margin: 2em 0 2em 0;
	background-color: #FFFACD; 
	padding:15px;
	}
	
.label {
	clear: both;
	float:left;
	width: 170px;
	}
	
.field {
	float: left;
	width: 280px;
	}.highlight {
	background-color: #00FFFF;
}