/* ------------- "generic" styles */

body
{
	background-image:url(images/slices/bg.jpg);
	background-repeat:repeat;
	margin: 0 0 0 0;
}

#centered {
width:1000px;
margin: 0px auto;
padding:0px;
	}

h1, h4, h5, p
{
	margin-left: 10px;
	margin-right: 10px;
}

h2, h3
{
	margin-left: 10px;
	margin-right: 5px;
}

p
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#FFFFFF;
	line-height:1.5em;
}

p.color
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#f5edc8;
	line-height:1.5em;
}

ul.none
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-indent:25px;
	list-style:none;
}

ul.circle 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	list-style-type:circle;
	margin-right:20px;
}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	line-height:1;
	font-weight:100;
	letter-spacing:.5px;
}

h1.color
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#f5edc8;
	line-height:1;
	font-weight:100;
	letter-spacing:.5px;
}

h2
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#465a5c;
	text-align:left;
	margin-top:10px;
}

h3
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#5fa3a8;
	text-align:right;
}

h4
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	line-height:.5em;
	text-decoration:none;
	background-image:url(cleverclover/colors/images/line.gif);
	background-repeat:repeat-x;
	background-position: 100% 100%;
	padding-bottom: 10px;
	white-space: nowrap;
}

h5
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:.5em;
	letter-spacing:.5px;
}


a {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	text-align: left;
	text-decoration:none;
	color:#f5edc8;
	font-weight:bold;
}


a:active {
	text-align: right;
	text-decoration:underline;
	color:#ffffff;
}

a:hover { 
	text-align: right;
	text-decoration:underline;
	color:#ffffff;
}


a img {
	border: none;
}



/* ------------- left column styles */
#left
{
	float: left;
	width: 166px;
	margin-left: 0%;
	margin-top:8px;
	margin-right: 0px;
}

#navigation
{
	float: right;
	width:166px;
	height:110px;
	background-color: #5fa3a8;
	margin-bottom: 20px;
	margin-right: 0px;
	border:none;
}
		
#navigation a
{
	float: right;
	margin-top: 2.5px;
}
		
#product
{
	margin-top: 11px;
	margin-bottom:15px;
	float: right;
	margin-left: 2%;
	width: 142px;
	background-color:#ffffff;
	border: 1px;
	border-style:solid;
	border-color:#a89b91;
}

		
#clover
{
	margin-top: 15px;
	margin-bottom:15px;
	float: right;
	margin-left: 2%;
	width: 142px;
	background-color:#ffffff;
	border: 1px;
	border-style:solid;
	border-color:#a89b91;
}
		
#events
{
	margin-top: 15px;
	float: right;
	margin-left: 2%;
	width: 142px;
	background-color: #ffffff;
	border: 1px;
	border-style:solid;
	border-color:#a89b91;
}
		

#events a.learn
{
	margin-right: 5px;
	float: right;
	text-align:right;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	text-align: right;
	text-decoration:underline;
	color:#5fa3a8;
}

#events a:active.learn
{
	text-align: right;
	text-decoration:none;
	color:#5c4f46;
}

#events a:hover.learn 
{ 
	text-align: right;
	text-decoration:none;
	color:#5c4f46;
}

#events h2.learn
{
	margin-right: 5px;
	margin-left: 5px;
}
	

/* ------------- main styles */

#main
{
	float:left;
	width:460px;
	min-height:562px;
	margin-left:0%;
	margin-top:0px;
	background-color:#5c4f46;
}

#main img.logo
{
	float: left;
	margin: 10px 8px 20px 8px;
}

div.img
{
  margin: 0px;
  border: none;
  height: auto;
  width: auto;
  float: right;
  text-align: center;
}
div.img img
{
  display: inline;
  margin: 5px 10px 5px 5px;
  border: 1px solid #ffffff;
}

div.descVert
{
  text-align: left;
  font-weight: normal;
  width: 100px;
  margin: 2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#ffffff;
  letter-spacing:.05em;
}
div.descHoriz
{
  text-align: left;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#ffffff;
  letter-spacing:.05em;
}

div.descLarge
{
  text-align: left;
  font-weight: normal;
  width: 200px;
  margin: 5px 10px 5px 10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#ffffff;
  letter-spacing:.05em;
}

h6
		{
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		text-align:right;
		color:#FFFFFF;
		margin-right:10px;
		margin-left:10px;
		position:absolute;
		bottom:10px;
		}

#footer {
		float:left;
		width:460px;
		margin-left:166px;
		margin-top:0px;
		background-color:#5c4f46;
		min-height:20px;
		}
#footer p
		{
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		text-align:right;
		}
	
		
/* ------------- right column styles */

#text
{
			margin-top: 150px;
			float:left;
			width:25%;
			height:auto ! important;
			min-height: 150px;
			height:150px;
			margin-left:0%;
			background-color: #5fa3a8;
			padding: 10px 10px 10px 10px;}

#text p
{
	line-height: 1.2em;
}