/*background.css is used on the entire site.*/

body { /*green texture background and font color with font name*/
		background-image: url('../images/green_stucco.gif');
		background-attachment: fixed;
		background-repeat: repeat;
		margin: 0px;
}

.box { /*maroon box on top of green texture*/
	position: absolute; 
	width: 919px; 
	height: 550px; 
	z-index: 1; 
	left: 41px; 
	top: 27px; 
	background-color: #800000; 
	right: 41px; 
	bottom: 0px;
	
}

.box2 { /*White box on top of maroon box*/
	position: absolute;
	width: 888px;
	height: 507px;
	z-index: 2;
	left: 56px;
	top: 53px;
	background-color: white;
	right: 45px;
	bottom: 0px;
}

.box3 { /*Top box with maroon and gold border image*/
	position: absolute;
	width: 890px;
	height: 120px;
	z-index:3;
	left: 56px;
	top: 38px;
	right: 45px;
	background-image:url('../images/TopBorder.jpg');
	background-repeat:no-repeat;
}

.box4  { /*Box with La Jolla Farming, Inc. image*/
	position: absolute;
	width: 253px;
	height: 100px;
	z-index: 3;
	left: 435px;
	top: 95px;
	background-image:url('../images/Logo.jpg');
	background-repeat:no-repeat;	
}
.box5  { /*Box with La Jolla Logo*/
	position: absolute;
	width: 95px;
	height: 128px;
	z-index: 3;
	left: 300px;
	top: 88px;
	background-image:url('../images/Logo2.jpg');
	background-repeat:no-repeat;
}

.borders { /*Double verticle lines*/
	border-left-color:maroon;
	border-left-style: double;
	border-left-width:7px;
	position: absolute;
	left: 230px;
	top: 142px;
	height: 410px;
	z-index: 3;
}

.tabs  { /*Box with Tabs picture*/
	position: absolute;
	width: 156px;
	height: 321px;
	z-index: 4;
	left: 9px;
	top: 92px;
	background-image: url('../images/tab.png');
	background-repeat:no-repeat;	
}


.time {
	position:absolute;
	left: 722px; 
	top:100px; 
	width: 111px; 
	z-index: 5; 
	color:maroon; 
	font-size: 13pt; 
	font-family:Arial, Helvetica, sans-serif;
}

.date {
	position: absolute; 
	width: 150px; 
	height: 20px; 
	color: maroon; 
	font-size: 13pt; 
	z-index: 5; 
	left: 695px; 
	top: 80px; 
	font-family:Arial, Helvetica, sans-serif;
}

.h3  { /*Font Style for Tabs*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium;
	color: #FFCC00;
	z-index: 5;
	text-align: center;
	position: absolute; 
	width: 110px; 
	height: 23px; 
	left: 21px;
}

.h4  { /*Font Style for Contact Information*/
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
	font-size:10pt;
	z-index: 3;
	position: absolute; 
	width: 156px; 
	height: 69px; 
	z-index: 5; 
	left: 12px; 
	top: 425px;
	text-align: center;
}


.h5  { /*Font Style for Copyright Info*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color: #FFCC00;
	position: absolute; 
	width: 361px; 
	height: 22px; 
	z-index: 1; 
	left: 355px; 
	top: 585px;
}

a:hover /*code for hyperlinks to change to uppercase on mouseover*/
{
text-transform:uppercase;
}

a:link /* Code for hyperlink color to be gold */
{
	color: #FFCC00;
}

a:visited /* Code for hyperlink color to stay gold after visited */
{
	color: #FFCC00;
}