<style type="text/css">

H1 {font-size: 3.0em; }
H2 {font-size: 2.0em; }
H3 {font-size: 1.5em; }
H4 {font-size: 1.2em; }
H5 {font-size: 1.0em; }
H6 {font-size: 0.8em; }

img {color: black; margin: 0px; border: 0px;}

a:link { color: #3D6600; text-decoration: none; }
a:active { color: #8ED158; text-decoration: none; }
a:visited { color: #5C8C19; text-decoration: none; }
a:hover { color: blue; text-decoration: underline; }

/* background-color: #3D6600; #5C8C19; #8ED158; */

body {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	background-color: white;
	color: black;
	scrollbar-face-color: #3D6600;
	scrollbar-3dlight-color: #3D6600;
	scrollbar-track-color: #5C8C19;
	padding: 0px;
	margin: 0px;
}

.topbar {
	background-image: url("pics/appleslice.jpg");
	background-repeat: repeat-x;
	overflow:hidden;
}

#logo {
	position:absolute; 
	top: 0px; 
	left: 0px; 
	z-index:2;
}

.title {
	font-size: 2.5em;
	font-weight: bold;
	font-style: italic;
}

.colorbar {
	background-color:  #3D6600;
	width:100%;
	clear:both;
}

.nav {
	width:100%;
}

#main {
	background-image: url("pics/back.gif"); 
	background-repeat: repeat-y;
	background-position:left bottom;
	background-attachment:scroll; 
	background-color:transparent;
	/* border:1px blue dashed; */
	width:100%;  /*Allows IE to extend the background to the bottom! */
}

.column {
	width:220px;
}

.left {
	float:left;
}

.center {
	text-align:center;
}

.right {
	float:right;
}

.half {
	width:49%;
	/*border:1px solid red;*/
}

a.menu1 {
	font-size: 1.6em;
	font-weight: bold;
	text-align:center;
}

#leftcontainer {
	float:left;
	/* border:1px green dotted; */
}

#menu2 {
	font-size: 1.5em;
	font-weight: bold;
	background-color:white;
	width: 220px;
	height: 240px;
}

#promo2 {
	padding:20px;
}

#promo3 {
	margin-top:-160px;
	clear:both;
	float:left;
	margin-left:45px;
}

#content {
	margin-left:220px;
	padding:10px;
	background-color:#C3D784;
	min-height:720px;
	/*
	border:1px red dashed;
	overflow:visible;
	width:100%;
	*/
}

.box2{
	padding:4px;
	border: solid blue 2px;
}

.text1{
	/* used for single main text in the content area */
	text-align:center;
	font-size: 1.5em;
	margin-left:10%;
	margin-right:10%;
	margin-top:1em;
	margin-bottom:1.5em;
	zzmax-width:700px;
}

.text2{
	/* used for text in the middle of the content area */
	text-align:center;
	font-size: 1.2em;
	margin-left:15%;
	margin-right:15%;
	margin-top:0.6em;
	margin-bottom:0.6em;
	/* zmax-width:500px; */
}

.text3{
	/* used for text in tables */
	text-align:center;
	font-size: 1.2em;
	margin-left:5%;
	margin-right:5%;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

.footer {
	background-color: #3D6600;
	height:100px;
	width:100%;
	clear:both;
}

.tagline {
	padding-top:5px;
	padding-left:20px; 
}

.alert {
	color:red;
}

.copyright {
	font-size:7pt;
	color: grey;
}

.counter {
	font-size:8pt;
	color: maroon;
}

li {
	background-repeat: no-repeat;
	background-position: 0px 5px; 
}

img.product {
	border: 2px solid;
}

ul  {
	list-style-type: none;
	list-style-image: url('pics/icon3.gif');
	list-style-position: outside;
}

/* Contact us page ---------------------------------------- */
#aboutpic {
	position:relative;
	top:5px;
	margin-right: 5px;
	float:left;
}
#message {
	font-size:1.2em;
	position:relative; 
	left:-10px;
	top:10px;
	width:220px; 
	float:right;
}
#address {
	font-size:1.1em;
	margin-right:20px;
	float:left;
}
#contact {
	position:relative; 
	top:50px;
	width:550px; 
	float:left;
}

/* Equipment listings -------------------------------------  */

.type {color: maroon; font-size: 1em; font-weight: bold; font-style: italic;}
.model {color: black; font-size: 1.5em; font-weight: normal; font-style: normal;}
.price {color: black; font-size: 1em; font-weight: bold; font-style: italic;}
.listed {color: black;  font-size: 0.8em; font-weight: normal; font-style: italic;}
.sold {color: red;  font-size: 1.3em; font-weight: normal; font-style: normal;}

/* Toop tip stuff -------------------------------------  */

#ToolTip{position:absolute; width: 100px; top: 0px; left: 0px; z-index:4; visibility:hidden;}

.tooltiptitle{
	color: #FFFFFF; 
	text-decoration: none; 
	CURSOR: Default; 
	font-family: arial; 
	font-weight: bold; 
	font-size: 12pt;
}
.tooltipcontent{
	color: #000000; 
	text-decoration: none; 
	CURSOR: Default; 
	font-family: arial; 
	font-size: 10pt;
}

</style>
