body {
	background-color:#000000;
	margin:0;
	}

A:link {
	COLOR: #E1EDC3;
	text-decoration:underline;
}
A:visited {
	COLOR: #E1EDC3;
	text-decoration:underline;
}
A:hover {
	COLOR: #ffffff;
	text-decoration:underline;
}
A:active {
	COLOR: #ffffff;
	text-decoration:underline;
}
A:visited:hover A:active:hover {
	COLOR: #ffffff;
	text-decoration:underline;
}


div#logo {
	background-image:url(images/q-leaf-logo-sec.jpg);
	background-repeat:no-repeat;
	background-position:top;
	position:relative;

	width:185px;
	height:80px;
	margin-top:7px;
	float:left;
	}

div#top {
	background-color:#000000;
	height:59px;
	background-image:url(images/top.jpg);
	background-position:center;
	background-repeat:no-repeat;
	border-bottom-color:#E1EDC3;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin:0;
	padding:0;
}

div#topUI {
	background-image:url(images/topUI-gradient-bar.jpg);
	background-repeat:repeat-y;
	height:25px;
}

div#topUI p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#E1EDC3;
	padding:2px 10px 0 0 ;
	margin:0;
}

div#topUI A:link {
	COLOR: #E1EDC3;
	text-decoration:none;
	padding:8px 0px 0 10px;
	font-weight:bold;
	
}
div#topUI A:visited {
	COLOR: #E1EDC3;
	text-decoration:none;
	padding:8px 0px 0 10px;
	font-weight:bold;
}
div#topUI A:hover {
	COLOR: #ffffff;
	text-decoration:none;
	padding:8px 0px 0 10px;
	font-weight:bold;
}
div#topUI A:active {
	COLOR: #ffffff;
	text-decoration:none;
	padding:8px 0px 0 10px;
	font-weight:bold;
}
div#topUI A:visited:hover A:active:hover {
	COLOR: #ffffff;
	text-decoration:none;
		padding:8px 0px 0 10px;
	font-weight:bold;
}


div#sideUI {
	border-right-color:#4F6E18;
	border-right-style:solid;
	border-right-width:1px;
	height:225px;
	width:165px;
	padding:0;
}

div#sideUI p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#E1EDC3;
	padding:5px 10px 5px 0;	
}

.UIlines {
	height:2px;
	border-bottom-color:#4F6E18;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:0px;
	margin:0;
	line-height:0px;
	}


div#sideUI A:link {
	COLOR: #E1EDC3;
	text-decoration:none;
	padding:15px 0px 5px 0;
	font-weight:bold;
	
}
div#sideUI A:visited {
	COLOR: #E1EDC3;
	text-decoration:none;
	padding:15px 0px 5px 0;
	font-weight:bold;
}
div#sideUI A:hover {
	COLOR: #ffffff;
	text-decoration:none;
	padding:15px 0px 5px 0;
	font-weight:bold;
}
div#sideUI A:active {
	COLOR: #ffffff;
	text-decoration:none;
	padding:15px 0px 5px 0;
	font-weight:bold;
}
div#sideUI A:visited:hover A:active:hover {
	COLOR: #ffffff;
	text-decoration:none;
	padding:15px 0px 5px 0;
	font-weight:bold;
}
	

div#middle {
	background-color:#4F6E18;
	margin:0;
	padding:0;

}

.side {
	background-color:#4F6E18;
	border-top-color:#E1EDC3;
	border-top-style:solid;
	border-top-width:1px;
	}
	
.dkgreenbackground {
	background-color:#4F6E18;
	}
	

div#bottom {
	background-color:#000000;
	background-image:url(images/bottom.jpg);
	height:296px;

	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	border-top-color:#E1EDC3;
	border-top-style:solid;
	border-top-width:1px;
	margin:0;
	padding:0;
}

.homeContent {
	width:773px;
	margin:0 auto 0 auto;
	padding:0px 0 0 0px;
	background-color:#80A033;
	
}


.homeContent h1 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	color:#E1EDC3;
		border-bottom-color:#E1EDC3;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin:0 15px 5px 15px;

}	
	
.homeContent p {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#E1EDC3;
	padding:0 10px 5px 15px;
	margin:0px;
}

.pictureBox {

	border-left-color:#e6eebb;
	border-left-style:solid;
	border-left-width:3px;

	border-right-color:#e6eebb;
	border-right-style:solid;
	border-right-width:3px;
	background-color:#ffffff;
	}
	
	
.pictureBox p{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#4F6E18;
	padding:0;
	margin:0px;
	
	}

.content {
	width:765px;
	margin:0 auto 0 auto;
	padding:15px 0 0 0px;
	background-color:#80A033;
	background-image:url(images/q-back.jpg);
	background-position:top;
/*	background-position:top;*/
	background-repeat:no-repeat;
	}
	

.content h1 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	color:#E1EDC3;
	border-bottom-color:#E1EDC3;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin:0 15px 5px 15px;

}	
	
.content p {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#E1EDC3;
	padding:0 10px 5px 15px;
	margin:0px;
}

.content h2 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#E1EDC3;
	padding:0 10px 0px 15px;
	margin:0px;
			border-bottom-color:#E1EDC3;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.content h3 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#E1EDC3;
	border-bottom-color:#E1EDC3;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin:0 15px 5px 15px;

}	

	
.description {
	width:765px;
	margin:0 auto 0 auto;
	padding:15px 0 0 0px;
	background-color:#80A033;
	background-image:url(images/q-back.jpg);
	background-position:top;
/*	background-position:top;*/
	background-repeat:no-repeat;
	}
	
.description A:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#4F6E18;
	padding:0 10px 5px 0px;
	margin:0px;
	text-decoration:underline;
}
.description A:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#4F6E18;
	padding:0 10px 5px 0px;
	margin:0px;
	text-decoration:underline;
}
.description A:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#4F6E18;
	padding:0 10px 5px 0px;
	margin:0px;
	text-decoration:underline;
}
.description A:active {
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#4F6E18;
	padding:0 10px 5px 0px;
	margin:0px;
	text-decoration:underline;
}
.description A:visited:hover A:active:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#4F6E18;
	padding:0 10px 5px 0px;
	margin:0px;
	text-decoration:underline;
}
	
	
.darjeeling {
	width:575px;
	margin:0 auto 0 auto;
	padding:5px 0 0 25px;
	background-color:#ffffff;
	background-image:url(images/Darjeeling-Description.jpg);
	background-position:top;
/*	background-position:top;*/
	background-repeat:no-repeat;
	}
	
.earlgrey {
	width:575px;
	margin:0 auto 0 auto;
	padding:5px 0 0 25px;
	background-color:#ffffff;
	background-image:url(images/Earl-Grey-Description.jpg);
	background-position:top;
/*	background-position:top;*/
	background-repeat:no-repeat;
	}
	
.englishbreakfast {
	width:575px;
	margin:0 auto 0 auto;
	padding:5px 0 0 25px;
	background-color:#ffffff;
	background-image:url(images/English-Breakfast-Tea-Description.jpg);
	background-position:top;
/*	background-position:top;*/
	background-repeat:no-repeat;
	}
	
.specialblack {
	width:575px;
	margin:0 auto 0 auto;
	padding:5px 0 0 25px;
	background-color:#ffffff;
	background-image:url(images/Special-Black-Description.jpg);
	background-position:top;
/*	background-position:top;*/
	background-repeat:no-repeat;
	}
.decafblack {
	width:575px;
	margin:0 auto 0 auto;
	padding:5px 0 0 25px;
	background-color:#ffffff;
	background-image:url(images/Special-Black-Decaf-Description.jpg);
	background-position:top;
/*	background-position:top;*/
	background-repeat:no-repeat;
	}


.greentea {
	width:575px;
	margin:0 auto 0 auto;
	padding:5px 0 0 25px;
	background-color:#ffffff;
	background-image:url(images/Green-Tea-Description.jpg);
	background-position:top;
/*	background-position:top;*/
	background-repeat:no-repeat;
	}

.decafgreen {
	width:575px;
	margin:0 auto 0 auto;
	padding:5px 0 0 25px;
	background-color:#ffffff;
	background-image:url(images/Decaf-Green-Tea-Description.jpg);
	background-position:top;
/*	background-position:top;*/
	background-repeat:no-repeat;
	}
	
.earlgreen {
	width:575px;
	margin:0 auto 0 auto;
	padding:5px 0 0 25px;
	background-color:#ffffff;
	background-image:url(images/Green-Tea-Description.jpg);
	background-position:top;
/*	background-position:top;*/
	background-repeat:no-repeat;
	}
	
.rooibos {
	width:575px;
	margin:0 auto 0 auto;
	padding:5px 0 0 25px;
	background-color:#ffffff;
	background-image:url(images/Rooibos-Description.jpg);
	background-position:top;
/*	background-position:top;*/
	background-repeat:no-repeat;
	}
	
.whitetea {
	width:575px;
	margin:0 auto 0 auto;
	padding:5px 0 0 25px;
	background-color:#ffffff;
	background-image:url(images/White-Tea-Description.jpg);
	background-position:top;
/*	background-position:top;*/
	background-repeat:no-repeat;
	}


.description h1 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:18px;
	color:#4F6E18;
	font-weight:bold;
	margin:10px 15px 5px 0px;

}	


.description h2 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:13px;
	color:#4F6E18;
	font-weight:normal;
	font-style:italic;
	padding:0 10px 0px 0px;
	margin:0px;	
}


.description p {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#4F6E18;
	padding:0 10px 5px 0px;
	margin:0px;
}


.photoBox {
	padding:1px;
	margin:0 0 5px 5px;
	background-color:#FFFFFF;
	border-color:#4F6E18;
	border-style:solid;
	border-width:1px;
	}

.footer {
	width:775px;
	margin:0 auto 0 auto;

	}
	
.footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#808183;
	}
	
.footer h1 {
	font-family:"Times New Roman", Times, serif;

	font-size:17px;
	color:#ffffff;
	}
	
.footer A:link {
	COLOR: #808183;
	text-decoration:none;
}
.footer A:visited {
	COLOR: #808183;
	text-decoration:none;
}
.footer A:hover {
	COLOR: #808183;
	text-decoration:underline;
}
.footer A:active {
	COLOR: #808183;
	text-decoration:underline;
}
.footer A:visited:hover A:active:hover {
	COLOR: #808183;
	text-decoration:underline;
}