/*----- CSS Document for large content template--------
Created by: Ramanjeet Kaur
Created for: 303 pty group
Created on: 10 Feb 2009
*/

BODY {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #24160f url(../images/bg_outer.jpg)   repeat;
	 PADDING-BOTTOM: 10px; MARGIN: 10px; COLOR: #000; PADDING-TOP: 10px; TEXT-ALIGN: center;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:11px;
}
#container {
		 MARGIN: auto; 
		 WIDTH: 912px; 
		 TEXT-ALIGN: left;
		 z-index:1;
}
#header {
	BACKGROUND: url(../images/bg_header.png) no-repeat; 
	 HEIGHT: 60px; TEXT-ALIGN: center
}

#content{
position:relative;
border:#755641 3px solid;
width:900px;
height:616px;
background:url(../images/Backgrounds/aboutgreatcoffee.jpg); 
z-index:2;
}


#left {
	WIDTH: 171px;
	POSITION: absolute;
	height: 71px;
	left: 58px;
	top: 50px;
	z-index:3;
}

#left img {
border:none;
}

#right {
	position:absolute;
	width:520px;
	left: 356px;
	top: 57px;
	height: 392px;
	z-index:8;
}


#right_menu
{
position:relative;
float:left;
width:120px;
padding-top:126px;
height:260px;
border:#826147 0px solid;
}


#right_content{
position:relative;
float:right;
width:380px;
padding-top:20px;
z-index:10;
}

#right_content h1{
font-size:14px;
margin-bottom:0px;
border-bottom:1px #826147 solid;
}

#right_content hr{
color:#826147;
}

#flash_content{
	position:absolute;
	left: 0px;
	top: 462px;
	width: 898px;
	height: 120px;
	border:0px solid #000;

}

#footer {
	CLEAR: both; BACKGROUND: url(../images/bg_footer.jpg) top left no-repeat;
	HEIGHT: 71px; TEXT-ALIGN: center;
	color:#fdfff9;
	padding-top:40px;
}

#footer p{
padding-top:40px;
}



#footer a:link
{
	color: #fff;
	text-decoration:none;
}

#footer a:visited
{
	color: #fff;
	text-decoration:none;
}


#footer a:hover
{
	color: #dfbb11;
	text-decoration:none;
}



H2 {
	MARGIN-TOP: 0px
}
H3 {
	MARGIN-TOP: 0px
}

.clearfix:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
.clearfix {
	DISPLAY: inline-block
}
* HTML .clearfix {
	HEIGHT: 1%
}
.clearfix {
	DISPLAY: block
}

a:link
{
	padding-top:40px;
	color: #000;
	text-decoration:none;
}

a:visited
{
	color: #000;
	text-decoration:none;
}


a:hover
{
	color: #882424;
	text-decoration:none;
}

#scroll-pane a:link
{
	color: #000;
	text-decoration:none;
}

.note{
font-size:9px;
}