/* stylesheet.css */

/* style rule for the page body and page background */

body {
	margin: 0px;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 1em;
	color: #000000;
	background-image: url("images/soil.jpg");
	background-color: #ffffff;
}

/* page wrapper */
#wrapper {
	width: 830px;
	margin: auto; /* centers the layout */
	margin-top: 1em;
	margin-bottom: 2em;
	background-color: #ddccaa;
	border: thin ridge #663300;
}

/* page header style */
#header {
	padding-top: 1.5em;
	width: 100%;
	font-size: 1.2em;
	text-align: center;
}

/* nav menu style */
#nav {
	width: 100%;
	background-color: #F1EDEA; /* must match spacer color */
	text-align: center;
}

/* style rule for invisible spacer text */
.spacer {
	color: #F1EDEA; /* must match nav background color */
}

/* style for nav menu buttons in nav menu */
img.navmenu {
	border: solid 1px #F1EDEA; /* must match nav background color */
	margin-top: 0.5em;
	outline: none;
}

/* style for images in right sidebar and logo in header */
img.button {
	border-width: 0px;
	margin-top: 0.5em;
	outline: none;
}

/* NORMAL LINKS IN PAGE */
/* unvisited links */
a:link {
	color: #663300; /* dark brown */
	text-decoration: none; /* no underline */
	border: 0;
	outline: none;
	border: none;
}

/* visited links */
a:visited {
	color: #663300; /* dark brown */
	text-decoration: none; /* no underline */
	border: 0;
	outline: none;
	border: none;
}

/* hover links */
a:hover {
	color: #663300; /* dark brown */
	text-decoration: underline;
	border: 0;
	outline: none;
	border: none;
}

/* active or clicked links */
a:active {
	color: #663300; /* dark brown */
	text-decoration: underline;
	border: 0;
	outline: none;
	border: none;
}

/* page footer style */
#footer {
	width: 100%;
	text-align:center;
	line-height: 1em;
/*extra code below to align footer for Firefox etc */
	display: block;
	margin: auto; /* centers for most browser */
}

/* footer text style */
h4.footer {
	font-size: 2em;
	font-style: italic;
}

/* SPECIAL STYLE FOR INVISIBLE LINKS IN FOOTER */
#footer a:link {
	color: #ddccaa; /* same tan as wrapper */
	text-decoration: none; /* no underline */
	border-width: 0px;
	outline: none;
	font-size: 0.1em;
}

#footer a:visited {
	color: #ddccaa; /* same tan as wrapper */
	text-decoration: none; /* no underline */
	border-width: 0px;
	outline: none;
	font-size: 0.1em;
}

#footer a:hover {
	color: #ddccaa; /* same tan as wrapper */
	text-decoration: none; /* no underline */
	border-width: 0px;
	outline: none;
	font-size: 0.1em;
}

#footer a:active {
	color: #ddccaa; /* same tan as wrapper */
	text-decoration: none; /* no underline */
	border-width: 0px;
	outline: none;
	font-size: 0.1em;
}

/* RULES JUST FOR HOMEPAGE */

/* main page content style */
#main {
/* margin-right must equal total width of right sidebar */
	margin-right: 19em;
	margin-bottom: 1em;
	margin-top: 0em;
	margin-left: 1em;
	padding: 1em;
	text-align: left;
	vertical-align: top;
	display: inline;
}

#imagerow {
	text-align: right;
	display:block; 
	border-width: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 0;
}

/* right sidebar column style */
#sidebar {
	float: right;
	display: inline; /* only purpose is to correct AOL and IE browser issues */
	padding: 0;
	margin: 10px;
	margin-top: 0px;
	width: 200px;
/* actual width is 220px */
	text-align: right;
	vertical-align: top;
}

/* style rule for heading 3 - HOMEPAGE */

h3.main {
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-weight: bold;
	color: #993300;
	font-size: 1.5em;
	line-height: 1.25em;
	padding-left: 25px;
}

/* paragraphs indented in body */
p.indent {
	margin-left: 50px;
	line-height: 1em;
	margin-right: 50px;
}

/* RULES FOR SUBPAGES */

/* sub page content style - EVENTS JOIN HISTORY MEMBERS */
#main2 {
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	padding: 1em;
	display: inline;
}


/* other suitable colors:
#f8f6e7 light tan */

/* style rule for member profile middle section */
#membermain {
	width: 90%;
	text-align: center; /* centers for IE */
	margin: auto; /* centers for most browser */
	background-color: #F1EDEA; /* matches nav menu background and spacer color */
	border: thin solid #663300;
	padding: 5px;
	line-height: 1em;
}

/* style rule for gray subpage middle section */
#submainmiddle {
	width: 60%;
	text-align: center; /* centers for IE */
	margin: auto; /* centers for most browser */
	background-color: #F1EDEA; /* matches nav menu background and spacer color */
	border: thin solid #663300;
	line-height: 1em;
}

/* style rule for members and events table */
table.members {
	width: 100%;
	background-color: #F1EDEA; /* matches nav menu background and spacer color */
	margin: auto; /* centers for most browser */
	text-align: center; /* centers for IE */
	display:block; 
	vertical-align: middle;
	border-collapse: collapse;
	line-height: 1em;
}

/* style rule for cells with photos */
td.photo {
	vertical-align: top;
	text-align: left;
	padding: 5px;
	width: 200px;
}

/* style rule for cells with text */
td.member {
	vertical-align: middle;
	text-align: left;
	padding: 5px;
}

/* style rule for registration table - JOIN PAGE */
table.register {
	border: solid thin #663300;
	margin: auto; /* extra code for Firefox */
	background-color: #F1EDEA; /* matches nav menu background and spacer color */
	display:block; 
	text-align:center;
	vertical-align: middle;
}

/* style rule for cells with lines - JOIN PAGE */
td.lines {
	vertical-align: middle;
	text-align: left;
	padding: 5px;
	width: 80%;
	border: solid thin #663300;
}

/* style rule for heading 3 - SUBPAGES */

h3 {
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-weight: bold;
	color: #993300;
	font-size: 1.5em;
	line-height: 1.25em;
}



/* SUBPAGES */

/* main heading centred and styled on subpages */
h2 {
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-weight: bold;
	color: #993300;
	font-size: 2em;
	text-align: center;
}

/* paragraphs centred and styled on subpages */
p.subpage {
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	text-align: center;
	line-height: 1em;
}

/* paragraphs left justified and styled on subpages */
p.members {
	text-align: left;
	line-height: 1em;
}

/* style for farm names */
.farm {
	font-weight: bold;
	color: #993300;
	font-size: 1.5em;
	line-height: 1.5em;
}

/* style for italic bold text -- MEMBER PROFILES */
.contact {
	font-weight: bold;
	font-style: italics;
}

/* style rule for heading 1 - NOT YET USED */

h1 {
	font-family: Papyrus, Verdana, Geneva, Univers, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #000000;
}




/* style rule for highlighted bits of text */
.highlight {
	background-color: #663300;
	color: #ffffff;
}



/* paragraphs styled as notices */
p.notice {
	background-color: #F1EDEA;
	margin-left: 50px;
	margin-right: 240px;
	padding: 5px;
	border: solid thin #663300;
	line-height: 1em;
}



/* style rule for hr */
hr {
	background-color: #663300;
	height: 0.5em;
	width: 100%;
	text-align: left;
/*extra code below to align hr for Firefox etc */
	display: block;
	float: left;
}








