﻿/* Style sheet for canada lawn service */
body  {
	background: #a5bo7f;
	width: 100%;
	height: 100%;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: normal normal 12px Arial;
	background-color: #A5B07F;
}
h1    { font:  bold 13pt Arial;
	color: #999999; margin-bottom: -12px; }
h2    { font: bold 13pt Arial;
	color: #a5bo7f; }
h3    { font: bold 11pt Arial; color: #999999; padding: 3px; }
h4    { color: #000; font:  normal bold 12px Verdana, Arial, sans-serif; }
h5    { color: #000; font:  normal bold 11px Verdana, Arial, sans-serif; }
h6    { color: #000; font:  normal bold 10px Verdana, Arial, sans-serif; }
ol ol ol { color: #000; font: normal normal 12px/16px  Verdana, Arial, sans-serif; }
ol ol { color: #000; font: normal normal 12px/16px  Verdana, Arial, sans-serif; }
ol { color: #000; font: normal normal 12px/16px  Verdana, Arial, sans-serif; }
ul    { list-style-image: url('graphics/bullet.gif'); color: #000; 
	 font: normal normal 12px/16px Verdana, Arial, sans-serif; }
ul ul    { list-style-image: url('graphics/bullet2.gif'); 
	color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; }
ul ul ul { list-style-image: url('graphics/bullet3.gif'); 
	color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; }

/* Define Container to set Fixed Width */
.yourname {
	background: #FFF;
	font: bold 13pt Arial;
	color: #a5bo7f;
	text-align: left;
	border-bottom: 1px solid #FFF;
	width: 550px;
	height: 65px;
}
.youraddress {
	background: #FFF;
	position: relative;
	text-align: right;
	color: #666666;
	font: normal 13px Arial;
	padding-right: 15px;
	padding-top: 2px;
	border-bottom: 1px solid #FFF;
	width: 250px;
	height: 65px;
	font-weight: bold;
}
.leftside {
	background: #dde3c7;
	color: #000;
	width: 250px;
	padding: 10px;
	height: 100%;
	text-align: left;
	font: normal 12px Arial;
	vertical-align: top;
}
	
.content { background: #FFF;
	width: 550px;
	color: #000; font: normal 12px Arial; 
	padding: 10px; 
	text-align: left;
	}
.box1 {
	background: #E8E8E8;
	width: 275px;
	color: #000;
	font: normal normal 11px/14px Verdana, Arial, sans-serif;
	padding: 8px;
	text-align: left;
	vertical-align: top;
}
.boxtop1 {
	background: #666666;
	width: 275px;
	color: #FFF;
	font:  bold 12px Arial;
	padding: 3px 8px 3px 8px;
	text-align: left;
	}
.box2 {
	background: #D4DCB4;
	width: 275px;
	color: #000;
	font: normal normal 11px/14px Verdana, Arial, sans-serif;
	padding: 8px;
	text-align: left;
	vertical-align: top;
}
.boxtop2 {
	background: #BFCB95;
	width: 275px;
	color: #000000;
	font: normal bold 12px/16px Verdana, Arial, sans-serif;
	padding: 3px 8px 3px 8px;
	text-align: left;
}
/* Define footer section */
.footer {
	background: #bfcb97;
	display: block;
	text-align: center;
	font:  normal 11px Arial;
	color: #000000;
	width: 800px;
	height: 26px;
	padding: 3px 0px 0px 0px;
}
.footer a:link    { color: #000000; text-decoration: none;   }
.footer a:active  { color: #000000; text-decoration: none;   }
.footer a:visited { color: #000000; text-decoration: none;   }
.footer a:hover   { background: #ffffff;color: #bfcb97; text-decoration: underline;  }
	
/* Define standard hyperlinks */	
a:link  { color: #999999;  }  
a:active { color: #999999;  }
a:visited { color: #666666;  }
a:hover { color: #a5b07f; text-decoration: underline; }

.reverse {
	position: relative;
	text-align: right;
	color: #CCCCCC;
	font: normal normal 12px/12px Arial, sans-serif;
	padding-right: 15px;
	padding-top: 2px;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
}
.reverse a:link{
	position: relative;
	text-align: right;
	color: #CCCCCC;
	font: normal normal 12px/12px Arial, sans-serif;
	padding-right: 15px;
	padding-top: 2px;
	text-decoration:none;
	font-weight: bold;
}
.reverse a:active{
	position: relative;
	text-align: right;
	color: #CCCCCC;
	font: normal normal 12px/12px Arial, sans-serif;
	padding-right: 15px;
	padding-top: 2px;
	text-decoration:none;
	font-weight: bold;
}
.reverse a:visited{
	position: relative;
	text-align: right;
	color: #CCCCCC;
	font: normal normal 12px/12px Arial, sans-serif;
	padding-right: 15px;
	padding-top: 2px;
		font-weight: bold;
	text-decoration:none;

}
.reverse a:hover{
	position: relative;
	text-align: right;
	color: #CCCCCC;
	font: normal normal 12px/12px Arial, sans-serif;
	padding-right: 15px;
	padding-top: 2px;
		font-weight: bold;
		text-decoration:none;

}

.leftmainnav {
	position: center;
	text-align: center;
	color: #000000;
	font:  11px Arial;
	padding-top: 0px;
	font-weight: normal;
	background-color: #E5E5E8;
	padding-left: 5px;
	padding-right: 5px;
	width: 800px;
	height: 30px;
	vertical-align: middle;
}
.leftmainnav a:link{
	position: relative;
	text-align: left;
	color: #000000;
	font: normal 12px Arial;
	padding-top: 2px;
			background-color: #E5E5E8;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration:none;
}
.leftmainnav a:active{
position: relative;
	text-align: left;
	color: #000000;
	font: normal 12px Arial;
	padding-top: 2px;
			background-color: #E5E5E8;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration:none;

}
.leftmainnav a:visited{
	position: relative;
	text-align: left;
	color: #000000;
	font: normal 12px Arial;
	padding-top: 2px;
			background-color: #E5E5E8;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration:none;

}
.leftmainnav a:hover{
	position: relative;
	text-align: right;
	color: #ffffff;
	font: normal 12px Arial;
	padding-top: 2px;
		font-weight: bold;
	background-color: #1D1D6B;
	padding-left: 10px;
}
.centerblock {
	padding: 5px 10px 5px 10px;
	background: #FFFFFF;
	
	color: #333333;
	font: normal 12px Arial;
	text-align: left;
	font-weight: bold;
	height: 15px;
	vertical-align: middle;
	border-bottom: 3px;
	border-bottom-color: #666666;
	width: 100%;
	position: left;
	border-bottom-style: solid;
}
.grayhighlight {
	padding: 0px;
	width: 239px;
	color: #000000;
	font: normal 12px Arial;
	text-align: left;
		font-weight: normal;
	height: 100px;
	vertical-align: middle;
	background: #E8E8E8;
	}
.pictureleft {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	width: 250px;
	height: 100px;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #FFFFFF;
	background-color: #FFFFFF;
}
.pictureright {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	width: 550px;
	height: 100px;
	background-color: #FFFFFF;
}
	