body {
	margin: 9px 9px 0 9px;
	padding: 0;
	background: #b6a7a0;
	background-image: url(images/images_global/Blue_top.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	height: 100%;
	font-family: Verdana, Century Gothic, Arial, sans serif;
	font-size: small;
	line-height: 1.6em
	text-assignment: center;
}

#thanks-pages {
       padding: 50px;
}

#thankshead {
	text-align: center;
	margin: 40px 0 0 0;
}

img { border:none;
}

a:link, a:visited, a:hover, a:active {
border-style: solid;
border-width: 0px;
} 

#overall_container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 960px;
	background: #aac8ca;		/*greybrown colour*/
}

/*top banner section that contains name of site*/

#banner {
	padding: 0;
	width: 960px;
	height:	100px;
	background: #ebd6aa; 						/*golden coffeedog colour*/
	background-repeat: no-repeat;
	background-position: left top;
}

#banner h1 {
	padding: 0;
	margin: 0;
	font-size: 300%;
	font-family: Verdana,Century Gothic,Arial,sans serif;
	font-weight: normal;
	font-style: bold;
	color: #4b392c;			
	text-align: center;
	line-height: 2.6em;
}

.shadow {
	text-shadow: 0.1em 0.1em 0.2em black;
}

/*top navigation bar*/
	
#nav {
	margin: 0;
	padding: 0;
	background: #b6a7a0;		/*coffee colour*/
	float: left;
	width: 959px;
	height: 40px;
	border: 1px solid #bab5af;
	border-width: 1px 0 1px 0;
	height: 44px;
}

#nav li {
	display: inline;
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-family: Verdana,Century Gothic,Arial,sans serif;
	font-weight: bold;
	line-height: 1.6em;
}

/*NEW COMMENT - added a margin and removed the border weight because it produced a strange ghosting
effect in Safari when round corners were added, just worked this out myself*/
/*learnt to color different link states at 45bereast.com as well as Head First (Freemam & Freeman 2006)*/
#nav a:link,
#nav a:visited {
	color: #fff; 						/*white colour*/
	background: #847d63;					/*other coffee colour*/
	padding: 0 15px 4px 15px;
	margin: 0 2px 0 2px;
	float: left;
	width: auto;
	border-right: 0 solid #847d63;					/*other coffee colour*/
	text-decoration: none;
	position: relative;
	-moz-border-radius: 10px;				/*round corner borders stuff*/
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);			/*might need to add this file to folder*/
	zoom: 1;
	height: 22px;
}

#nav a:hover,
#nav a:focus {
	color: #ebd6aa; 						/*golden coffeedog colour*/
	background: #4b392c;					/*brown colour*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
	border-radius: 10px;
	height: 22px;
}

/*Makes current page menu button different*/

#home #nav-home a,
#about #nav-about a,
#maps #nav-maps a,
#donate #nav-donate a,
#donors #nav-donors a,
#coffee #nav-coffee a,
#photos #nav-photos a,
#media #nav-media a,
#video #nav-video a,
#thanks #nav-thanks a {
	background: #b6a7a0;					/*coffee colour*/   
	color: #4b392c							/*brown colour*/
	height: 22px;
}

/*Allows for hover over current displayed page menu*/

#home #nav-home a:hover,
#about #nav-about a:hover,
#maps #nav-maps a:hover,
#donate #nav-donate a:hover,
#donors #nav-donors a:hover,
#coffee #nav-coffee a:hover,
#photos #nav-photos a:hover,
#media #nav-media a:hover,
#video #nav-video a:hover,
#thanks #nav-thanks a:hover {
	background: #4b392c;					/*brown colour*/
	color: #ebd6aa; 						/*golden coffeedog colour*/
	height: 22px;
}

#nav a:active {
	background: #4b392c;					/*brown colour*/
	color: #ebd6aa; 						/*golden coffeedog colour*/
	height: 22px;
}


/*overall main content container, this houses the three div columns and applies overall
background colour and width set to page width. Learnt this from observations of fixed page
3 column layout at maxdesign.com.au */
#content-container {
	float: left;
	width: 960px;
	background: #FFF8DC;		/*cornsilk colour*/
}

#pageheader {
	text-align: center;
	padding: 0 0 0 0;
}

#onehundred h2 {
	text-align: center;
	padding: 10px 0 0 0;
	color: #b6a7a0;
	font-size: 1.6em;
}

#content-container {
	float: right;
	width: 960px;
	background: #FFF;		/*white*/
}

#content-container {
	float: right;
	width: 960px;
	background: #FFF;		/*white*/
}

/*picture container for home page*/
#picturehp {
	float: right;
	padding: 0;
	margin: 0 5px 0 0;
	width: 640px;
	height: 516px;
}

/*contains introduction text for home page*/
#homepageintro {
	padding: 30px 40px 0 40px;
	margin: 0 0 0 10px;
	float: left;
}

/*column 1 container for home page*/   
#column1hm {
	border-width: 0 0 0 0;
	border-style: solid;
	border-color: gray;
	float: left;
	width: 235px;
	padding: 0 20px 25px 50px;
	margin: 0 10px 0 0px;
	background: #FFF;
}

/*column 1 container for home page*/   
#column1 {
	border-width: 0 0 0 0;
	border-style: solid;
	border-color: gray;
	float: left;
	width: 400px;
	padding: 0 20px 25px 50px;
	margin: 20px 10px 0 0px;
	background: #FFF;
}

/*column 2 container for home page*/   
#column2 {
	border-width: 0 0 0 0;
	border-style: solid;
	border-color: gray;
	float: right;
	width: 400px;
	padding: 0 50px 25px 20px;
	margin: 20px 10px 0 0px;
	background: #FFF;
}

#donationcolumn1 {
	border-width: 0 0 0 0;
	border-style: solid;
	border-color: #ebd6aa; 						/*golden coffeedog colour*/
	float: left;
	width: 399px;
	padding: 0 20px 25px 50px;
	margin: 20px 10px 0 0px;
	background: #FFF;
	text-align: center;
}

/*column 2 container for home page*/   
#donationcolumn2 {
	border-width: 0 0 0 1px;				
	border-style: solid;
	border-color: #CC6600;						/*orange colour*/
	float: right;
	width: 400px;
	padding: 0 50px 25px 20px;
	margin: 20px 10px 0 0px;
	background: #FFF;
	text-align: center;
}

/*brown main headings*/

h1 {
	font-size: 200%;
	font-family: Verdana,Century Gothic,Arial,sans serif;
	font-weight: bold;
	color: #4b392c;
}

/*orange subheadings*/

h2 {
	font-size: 130%;
	color: #CC6600;				/*orange colour*/
	font-family: Verdana,Century Gothic,Arial,sans serif;
	line-height: 1.4em;
}

h3 {
	font-size: 130%;
	color: #CC6600;					/*orange colour*/
	font-family: Verdana,Century Gothic,Arial,sans serif;
	line-height: 1.4em;
}

#form {
	padding: 25px;
	margin:	25px;
}

/* NEW COMMENT: CSS FORM - learnt how to create and style a simple CSS form at websiteoptimization.com
as well as webcredible.co.uk*/

fieldset {
	font-weight: bold;
	font-size: 1.2em;
	color: #CC6600;
	margin: 5px 0;
	border: 1px solid #EEB422;
}

label { 
	width: 8em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	color: #2E0854;			/*purple colour*/
	font-family: Georgia, Verdana,Century Gothic,Arial,sans serif;
	font-weight: normal;
}

input {
	background:	#fff;
	border: 1px dotted #2E0854;			/*purple colour*/
}

.submit input {
	color: #2E0854;						/*purple colour*/
	margin-left: 12em;
	background:	#EEB422;				/*goldenrod colour*/
	border: 2px outset #2E0854;			/*purple colour*/
}

textarea {
	background: #fff;
	border: 1px dotted #2E0854;
}

/*NEW COMMENT - Footer learnt how to 'clear both' and add css image from Head First (Freeman & Freeman 2006)*/
#footer {
	background-image: url(images/images_global/footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	clear: both;
	width: 960px;
	height: 82px;
	padding: 0;
	margin: 0 0 20px 0;
}

#footer p {
	font-size: 70%;
	padding: 20px 80px 0 0;
	color: #CC6600;
	text-align: right;
}

.button {
	background-image: url(images/images_global/nav_button.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	clear: both;
	width: auto;
	line-height: 0.3em;
	padding: 0;
	margin: 0 20px 20px 49px;
	font-size: 80%;
	text-align: center;
	font-family: Verdana, Century Gothic, Arial, sans serif;
	font-size: medium;
	line-height: 1.2em
}

div.button a:link,
div.button a:visited {
	color: #fff; 						/*white colour*/
	background: #847d63;					/*other coffee colour*/
	padding: 0 20px 4px 20px;
	margin: 0 2px 0 2px;
	float: left;
	width: auto;
	border-right: 0 solid #847d63;					/*other coffee colour*/
	text-decoration: none;
	position: relative;
	-moz-border-radius: 10px;				/*round corner borders stuff*/
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);			/*might need to add this file to folder*/
	zoom: 1;
	text-decoration: none;
}

div.button a:hover,
div.button a:focus {
	color: #ebd6aa; 						/*golden coffeedog colour*/
	background: #4b392c;					/*brown colour*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
	border-radius: 10px;
}