/* 
 * clarity.css
 * 
 * Clarity CSS file for e-compliment.com
 * 
 * Date: 2/10/2010
 * Author: Jeff Mashaw
 *
 */
html {
	border:15px solid #f6f6f6;
	border-left:30px solid #f6f6f6;
	border-right:30px solid #f6f6f6;
}

body {
	background:#fff;
	font: 16px/1.95em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	margin:0;
	color:#666;
	padding-top:20px;
	border:3px solid #eee;
}

* {
	margin:0;
	padding:0;
	outline:none;
}

p.body {
	font-size: 11pt;	
}

p.note {
	font-size: 10pt;	
}

p.small {
	font-size: 9pt;	
	font-style:italic; 
	margin: 2px;
}

a {
	text-decoration: none;	
	color: blue;		
}

a img{
	border: solid 1px white;
}

a#notice {
	font-size: 9pt;	
}

a#special {
	text-decoration: underline;	
	font-style: italic;
}

input {
	margin: 0 5px 0 5px;
}

p#padding {
	padding: 10px 40px;	
}

div.header {
	width:100%;
	margin:0 auto;
	padding:20px 0;
}

div.header h1 {
	letter-spacing:-2px;
	margin-bottom:5px;
	margin-left:35px;
	display:block;
}

div.header h3 {
	font:80% Verdana;
	color:#999;
	display:inline;
	margin-left:35px;
}



ul.navigation {
	background:#8EDF53;
	padding:10px;
	font-size:80%;
	border-top:3px solid #6CCC26;
	border-bottom:3px solid #6CCC26;
	font-weight:bold;
	margin:45px 0 0 0;
}

ul.navigation li {
	display:inline;
	list-style:none;
	margin-right:10px;
}

ul.navigation li a {
	padding:10px 14px;
	color:#fff;
	text-decoration:none;
}

ul.navigation li a:hover {
	background:#7EDB39;
	color:#fff;
}

ul.navigation li a.active {
	background:#fff;
	color:#333;
	border-right:2px solid #6CCC26;
	border-bottom:2px solid #6CCC26;
}

div.body {
	width:95%;
	margin:0 auto;
}

div.page {
	background: transparent;
	margin: 20px;
}

div.home-page-1 {
	width:70%;
	float:left;
	margin-bottom:50px;	
}

div.home-page-1 ul {
	margin:15px 0 15px 25px;
}

div.home-page-1 ul li {
	border-bottom:1px solid #eee;
	padding:10px;
	color:#444;
}

div.home-page-1 p {
	line-height:30px;
	margin:20px 0;
	word-spacing:2px;
}

div.home-page-1 p a {
	color:#222;
	text-decoration:none;
	border-bottom:1px solid #ccc;
}

div.home-page-1 p a:hover {
	border-bottom:1px solid #aaa;
}

span.title {
	font-style:italic; 
	font-weight:bold; 	
}

div.home-page-1 h2 {
	font:190% Times;
	margin-top:45px;
	color:#333;
	text-decoration:none;
}

div.info {
	font:80% Verdana;
	border-top:1px solid #eee;
	color:#999;
	padding:20px 0;
}

div.info a {
	color:#6CCC26;
}

div.info a:hover {
	text-decoration:none;
}
div.sidebar {
	margin-left:75%;
	border-left:1px solid #eee;
	padding-left:30px;
}

div.sidebar ul {
	list-style:none;
}

div.sidebar ul a {
	color:#444;
	font:80% Verdana;
	text-decoration:none;
}

div.sidebar ul a span {
	color:#ccc;
}

div.sidebar ul a:hover span {
	color:#333;
}

div.sidebar p {
	font:80% Verdana;
	line-height:24px;
	margin:10px 0 20px 0;
}

div.sidebar ul li {
	background:#fafafa;
	margin:1px 0 0 0;
	padding:5px;
}

div.sidebar h3 {
	font:120% Arial;
	margin:5px 0;
	color:#222;
}
p.about {
	border-top:3px solid #6CCC26;
	border-bottom:3px solid #6CCC26;
	color:#fff;
	background:#8EDF53;
	padding:10px;
}

p.about a {
	color:#fff;
}

div.footer {
	padding:20px 50px;
	margin-top:50px;
	clear:both;
	border-top:2px solid #eee;
	font:80% Verdana;
	line-height:25px;
}

div.footer a {
	font-size: smaller;
	padding: 0 10px 0 10px; 
}