/*-----------------------------------------------------------------------------
Heale Garden Style Sheet

version:   1.2 21 November 2008
author:    nigel wood
website:   www.cobwood.co.uk
-----------------------------------------------------------------------------*/

/* =General   Note: layout color text [mbp]
-----------------------------------------------------------------------------*/

/* Remove padding, margin and outline */
* {
	margin: 0;
	padding: 0;
	outline:none;
}

/* Class for clearing floats */
.clear { clear:both; }

/* Remove border around linked images */
img { border: 0; }

/* =Layout
-----------------------------------------------------------------------------*/
body {
	text-align:center;/* for IE quirks */
	background-color:#F7F7E6;
	font: 13px/1.2em  "Times New Roman", Times, serif;
	color: #333;
}
#container {
	position: relative;
	margin: 2px auto 0 auto;
	text-align: center;/* for IE quirks */
	width: 850px;
	background: #E4E8D6 url(graphics/leftcolumn.gif) left top repeat-y;
	border-style: solid;
	border-color: #CAC8AC;
	border-width: 0 1px 0 1px;
}
#masthead {
	height: 132px;
	background-color: #E0E4CA;
	text-align: left;
}
#mastheadInfo {
	position: absolute;
	left: 560px;
	top: 24px;
	z-index: 10;
	/*width: 300px;*/
	/*height: 110px;*/
	text-align: left;
}
#mainNav {
	height: 20px;
	background-color: white;
	text-align: left;
	border-style: solid;
	border-color: #CAC8AC;
	border-width: 1px 0 1px 0;
}
#mainContent {
	float: left;
	width: 494px;
	text-align: left;
}
#rightBox {
	float: right;
	width: 340px;
	text-align: left;
}
#footer {
	clear: both;
	background-color: #E0E4CA;
	text-align: left;
}

/* =Typography
-----------------------------------------------------------------------------*/
/* Ensure Netscape inherits font family and color */
h1, h2, h3, h4, h5, h6, p, td, ul, ol, li, dl, dt, dd {
	font: 13px/1.2em  "Times New Roman", Times, serif;
	font-weight: normal;
	color: #333;
}
p { margin: 10px 0; padding-left: 20px; }

/* =Headings
-----------------------------------------------------------------------------*/
h1, h2, h3 { color: #80001E; padding-left: 20px; }

h2, h3 { margin: 10px 0; }

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }

/* =Links
-----------------------------------------------------------------------------*/
a { color: #006504; }

/* =Masthead
-----------------------------------------------------------------------------*/
#masthead img { margin-left: 21px; margin-top: 7px; }

#mastheadInfo p {
	font-size: 12px;
	margin: 10px 0 0 0;
	padding: 0;
}
#mastheadInfo h2 {
	color: #006504;
	margin: 0;
	padding: 0;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
#mainNav ul {
	list-style:none;
	padding-left: 12px;
}
#mainNav li { float:left; }

#mainNav a {
	display:block;
	float: left;/*css mastery p93*/
	line-height: 1.4em;
	padding: 0 8px;
	text-decoration:none;
}
#mainNav li.current a { color: #333; cursor:default; }

#mainNav a:hover { color: black; }

/* =Main Content
-----------------------------------------------------------------------------*/
.first {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 12px;
}
.quotation { color: #006504; }

.shadow {
	float: left;
	background:#FFFFEE url(graphics/main-shadow.gif) no-repeat bottom right;
	margin: 24px 0 24px 55px;/*by inspection*/
	display: inline;/*IE double margin float bug*/
}
.shadow img {
	border-width: 1px;
	border-style: solid;
	border-color: #CAC8AC #999 #999 #CAC8AC;
	margin: -5px 5px 5px -5px;
}
img.calloutleft {
	float: left;
	/* margin: 5px 5px 5px 20px; */
	margin: -2px 10px 5px 20px;
	border: 1px solid #CAC8AC;
	padding: 1px;
}

/* =Right Box
-----------------------------------------------------------------------------*/
#rightBox p { padding-right: 20px; }
a.photocredit { color: #333; }
#rightBox img { border: 1px solid #CAC8AC; }

/* =Footer
-----------------------------------------------------------------------------*/
.credit {
	text-align: center;
	color: #666666;
	margin: 0;
	padding-bottom: 6px;
}
.credit a { color: #666666; }