/* GENERAL STYLES FOR SIERRACONVEYOR.COM */

/* HTML STYLES */

body {
	background: #fff url(i/bgtile.jpg) fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: small;
	text-align: center;
	line-height: 1.4em;
	color: #335;
	}
p { 
	color: #444; 
	margin: 8px 0; 
	font-size: 102%;
	line-height: 1.5em;
	}
ul, ol {
	margin: 8px 10px 8px 10px;
	list-style: circle;
	/* font-size: 98%; */
	color: #444;
	}
h1, h2, h3, h4 { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	}
h1 { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin: 16px 0 10px 0;
	color: #224;
	line-height: 1.2em;
	}
h2 { 
	font-size: 16px;
	font-weight: normal;
	margin: 14px 0 4px 0;
	color: #338;
	}
h3 {
	font-size: 14px;
	font-weight: normal;
	margin: 10px 0 0 0;
	color: #338;
	}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0 0 0;
	color: #666;
	text-transform: uppercase;
	}
a:link, a:visited { 
	color: red; 
	text-decoration: underline; 
	}
a:hover { 
	color: blue;
	text-decoration: none; 
	}

/* DIVS */
#wrapper {
	width: 800px;
	text-align: center;
	margin: 0 auto;
	}	
#container {
	width: 800px;
	border: 1px #aac solid;
	border-top: 10px #003332 solid;
	text-align: center;
	background: #d3e2e9;
	margin: 0 auto 30px auto;
	}
#logo {
	background: #9bcecf;
	text-align: center;
	border-top: 4px #003332 solid;
	}
/* NAVIGATION */
#nav {
	height: 27px;
	background: #fff url(i/nav_c.gif) repeat-x;
	border-top: 1px #668 solid;
	border-bottom: 1px #99b solid;
	text-align: center;
	}
#nav ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 2px 0 0 0;
	display: inline;
	list-style: none;
	height: 28px;
	font-size: 9px;
	}
#nav li.first {
	padding: 2px 0px 0px 10px;
	}
#nav li.last a {
	/* border-right: none; */
	} 
#nav li a {
	float: left;
	margin: 0 1px 0 0;
	padding: 3px 8px 2px 8px;
	font-weight: bold;
	text-decoration: none;
	color: #446;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #fff url(i/nav_c.gif) repeat-x;
	border-left: 1px #9bcecf solid;
	border-top: 1px #9bcecf solid;
	border-right: 1px #9bcecf solid;
	display: block;
	}
#nav li a:hover {
	color: #fff;
	background: #000 url(i/nav_h.gif) repeat-x;
	}
#nav li a.active {
	font-weight: bold;
	color: #fff;
	background: #000 url(i/nav_h.gif) repeat-x;
	} 
	
/* CONTENT */
#content {
	background: #fafafc;
	text-align: left;
	padding: 20px 35px 30px 35px;
	font-size: 11px;
	border: 1px #eee solid;
	}
#content ul { 
	padding: 0; 
	margin-left: 40px !important; 
	list-style: none; 
	font-size: 98%; 
	}
#content li { 
	list-style-image: url(i/arrow.gif); 
	margin-bottom: 0; 
	}
ul.customers li { 
	font-size: 105%;
	letter-spacing: 1px;
	}
#content a:link, #content a:visited {
	color: #c52608 !important;
	text-decoration: underline;
	padding: 2px;
	}
#content a:hover {
	color: blue !important;
	text-decoration: none;
	background: #fff;
	padding: 2px;
	border-top: 1px #ccc dashed;
	border-bottom: 1px #ccc dashed;
	}
/* RIGHT SIDEBAR - DARKER BACKGROUND */
#sidebar {
	float: right;
	margin: 20px 0 10px 20px;
	background: #9bcecf;
	color: #000;
	padding: 6px 10px 10px 10px;
	border: 1px #003332 solid;
	}
#sidebar h2 {
	color: #224;
	}
#sidebar h3 {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#sidebar p {
	font-size: 10px;
	color: #000;
	}
#sidebar p.big {
	font-size: 100%;
	}
#sidebar a:link, #sidebar a:visited {
	color: #555 !important;
	text-decoration: underline;
	}
#sidebar a:hover {
	color: #555 !important;
	text-decoration: none;
	border: none;
	background: none;
	}
/* RIGHT SIDEBAR - LIGHTER BACKGROUND */
#sidebarlt {
	float: right;
	margin: 20px 0 10px 20px;
	width: 220px;
	background: #f8f8ff;
	color: #335;
	padding: 6px 10px 10px 10px;
	border: 1px #ccc solid;
	}
#sidebarlt h3 {
	color: #226;
	}
#sidebarlt p {
	font-size: 10px;
	color: #335;
	}
#sidebarlt ul {
	font-size: 100%;
	color: #335;
	margin: 3px 0 6px 22px;
	padding: 0; 
	list-style: none;
	list-style-image: url(i/arrow.gif);
	}
#sidebaralt li { 
	list-style-image: url(i/arrow.gif); 
	margin: 2px;
	}

#sidebarlt a:link, #sidebar a:visited {
	color: #555 !important;
	text-decoration: underline;
	}
#sidebarlt a:hover {
	color: #555 !important;
	text-decoration: none;
	border: none;
	background: none;
	}
	
/* FOOTER STYLES */
#footer {
	height: 63px;
	/* background: #9bcecf; */
	background: #003332;
	color: #efefef;
	text-align: center;
	padding: 4px;
	}
#footer p {
	font-size: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #efefef;
	}

#footer a:link, #footer a:visited {
	color: #ddd !important;
	}
#footer a:hover {
	color: #fff !important;
	}
#footer p.sub { color: #cfcfcf; }

/* MISC. CLASSES */
.spacedp {letter-spacing: 1px;}
.fr { float: right; margin-left: 20px; margin-bottom: 12px; }
h3.uline { border-bottom: 1px #cce solid; margin-top: 6px; color: #224; padding-bottom: 3px; margin-bottom: 10px; }
/* .lnk ul { padding: 0; margin-left: 0px !important; list-style: none; font-size: 98%; } */
/* .lnk li { list-style-image: url(i/arrow.gif); margin: 0 0 0 0 !important; padding: 0; margin-left: 0; } */
td.dist { padding-right: 20px; }
a.footerlink { letter-spacing: 1px; color: #fff; }
#lcol { margin-right: 5px; border-right: 1px #cce solid;  }
#rcol { margin-left: 40px;  }
.divider td { border-top: 1px #cce solid; }
/* .divider h4 { padding-left: 6px; border-left: 1px #cce solid; } */
.divider h4 { padding-left: 2px; }
ul.toc { line-height: 2em; margin-top: 10px; margin-bottom: 10px; }
ul.toc2 { line-height: 2em; margin-top: 10px; margin-bottom: 20px; }
li.on { letter-spacing: 1px; }
