/* CSS Document */

/*	Description: ORCHARDS WEBSITE STYLE SHEET
	Author: Margaret Grobler
	Date: 15 June, 2007 */

	/* === === === === === === === === === === === === === === === === === === === === === === === general parameters starts*/
	
* {
	margin: 0;
	padding: 0;
    font: 11px/218% Georgia, "Times New Roman", Times, serif;
	color: #000;
}

html, body 
{
	background-color: #ebe3c9;
	text-align:center;
	height: 100%;
}

#maincontainer
{
	margin: 0 auto;
	height: auto;
 	padding: 0;
	width: 760px;
	text-align:left;
}
	
h1 {
	width:391px;
	height:222px;
	float: left;
	background:url(images/orchards-cooking-school-guest-farm.jpg) no-repeat 0 0;
	text-indent:-1000px;
}

#orchards-header {
	width:369px;
	height:222px;
	float: left;
	background:url(images/orchards-header.jpg) no-repeat 0 0;
}

/* ul#nav = see below */

#scroller {
	width: 760px;
	height: auto;
	float: left;
	background: url(images/scroller.jpg) repeat-y 0 0;
}

#left {
	width:84px;	
	height: 202px;	
	float: left;
	background:url(images/left.gif) no-repeat 100% 0;
}

#content-scroll {
	width:475px;
	margin: 10px 70px 25px 70px;
	float: left;
}

#right {
	width:61px;
	height: 61px;
	float: left;
	background:url(images/right.gif) no-repeat 0 0;
}

#footer {
	width:760px;
	height:243px;
	float: left;
	background:url(images/orchards-footer.jpg) no-repeat 0 0;
}

	/* general parameters ends === === === === === === === === === === === === === === === === === === === === === === */
	
	/* === === === === === === === === === === === === === === === === === === === === === === === top NAVIGATION starts*/
ul#nav {
	width:608px;
	height:42px;
	padding: 5px 70px 2px 82px;
	float: left;
	background:url(images/orchards-nav.jpg) no-repeat 0 0;
}

ul#nav li {
	clear:none;
	float:left;
	padding: 0;
}


ul#nav li a {
	color:#FFFFFF;
	display:block;
	padding:0pt 12px;
	text-decoration:none;
	line-height:155%;
	border-right: 1px solid #ce8070;
	border-bottom: none;
}


ul#nav li a:hover {
	background:#c55c3f none repeat scroll 0%;
	border-right: 1px solid #ce8070;
}


ul#nav li a:active {
	background:#90422e none repeat scroll 0%;
	border-right: 1px solid #ce8070;
}
	/* top NAVIGATION ends === === === === === === === === === === === === === === === === === === === === === === */

	/* === === === === === === === === === === === === === === === === === === === === === === === general TEXT starts*/	
h2
{
	color: #c85d40;
	font-size: 23px;
	font-weight: bold;
	margin-bottom:11px;
}

.green-h2
{
	color: #68751d;
	font-size: 23px;
	font-weight: bold;
}

h3
{
	color: #c85d40;
	font-size: 17px;
	font-weight: bold;
	line-height:150%;
	margin-top:24px;
}

h4
{
	color: #68751d;
	font-size: 17px;
	font-weight: bold;
	line-height:150%;
}

h5
{
	color: #c85d40;
	font-size: 13px;
	font-weight: bold;
	line-height:163%;
	margin-top:3px;
}

.black-text
{
	color:#000;
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
}

.orange-text
{
	color: #c85d40;
}

ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

ul#bullet-list {
	list-style-type:square;
	list-style-position:inside;
}

ul li {
	padding: 0 15px;
}

a
{
	text-decoration:none;
	color: #68751d;
	border-bottom: 1px solid #68751d;
}

a:hover
{
	color: #c85d40;
	border-bottom: 1px solid #c85d40;
}

a:active
{
	color: #c85d40;
	border-bottom: 1px solid #c85d40;
}
	/* general TEXT ends === === === === === === === === === === === === === === === === === === === === === === */
	
	/* === === === === === === === === === === === === === === === === === === === === === === === FOOTER details starts*/	
#footer img
{
	float: left;
	margin: 46px 38px 0 139px;
}

#footer h2
{
	color: #c85d40;
	font-size: 15px;
	font-weight: bold;
	margin: 60px 0 -3px 0;
	float: left;
	width: 300px;
}

#footer .green-h2
{
	color: #68751d;
	font-size: 15px;
	font-weight: bold;
}

.contact
{
	font-size: 10px;
	line-height: 150%;
}

.contact a
{
	text-decoration:none;
	color: #c85d40;
	font-weight: bold;
	line-height: 105%;
	border-bottom: none;
}

.contact a:hover
{
	color: #68751d;
}

.copyright
{
	color: #8a6827;
	font-size: 10px;
	float: left;
	clear: left;
	padding: 16px 0pt 0pt 176px;
}

.copyright a
{
	color: #8a6827;
	text-decoration:none;
	font-weight: bold;
	border-bottom: none;
}

.copyright a:hover
{
	color: #68751d;
}


	/* FOOTER details ends === === === === === === === === === === === === === === === === === === === === === === */


	/* === === === === === === === === === === photo gallery starts (with styles for terms & privacy pages too)*/		


#gallery_thumbs
{
	/*width: 588px; /*644-28-28=588
	background: #efefe2 url(images/content_bg.jpg) no-repeat 100% 100%;
	padding: 0 0 10px;*/
	text-align:center;
}

#gallery_thumbs img
{
	margin-right: 4px;
	margin-bottom: 10px;
 	border: 1px solid #7f7c38;
}	

#gallery_thumbs img.big-img
{
	margin-right: 4px;
	margin-bottom: 0;
 	border: 1px solid #7f7c38;
}	

#gallery_thumbs a:link
{
	border:0;
	margin:0;
}

#gallery_thumbs a:hover
{
	border:0;
	margin:0;
}

#gallery_thumbs a:active
{
	border:0;
	margin:0;
}

#gallery_thumbs a:visited
{
	border:0;
	margin:0;
}
	/*photo gallery ends === === === === === === === === === === */