@charset "UTF-8";
/* 

STYLE SHEET FOR www.crcassociates.net WEB SITE
Created by Jake Palmer 10-17-09
www.jakepalmer.net

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	
Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		}
		
/*  --------- 2. structure  --------- */

#container { width: 800px; margin: 0 auto;}
#header { margin: 10px 0; height: 97px;}
#content { margin: 10px 0; }
#mainContent { width: 600px; float: right;}
#navBar { width: 180px; float: left;}

ul#headerInfo { padding: 0; margin: 0; margin-right: 10px; margin-top: 20px; float: right; text-align: right; list-style: none; font-size: 115%; line-height: 1.65em;}

ul.nav { list-style: none; margin: 0; padding: 0;}
ul.nav li { margin-bottom: 1px; /*background-color: #303940;*/ }
/*
ul.nav li:hover { background-color: #5a6166; background-color: rgba(48,57,64,.8);}*/


h1#crcLogo { text-indent: -9999px; background-image: url(../imgs/crcLogo.png); margin: 0; padding: 0; width: 180px; height: 97px; float: left;}




#footer { clear: both; margin-top: 10px;  }


.group:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}

/* ---------- 3. links and navigation ---------- */

a:link { color: #f28729; text-decoration: none;}
a:visited { color: #64786c;}
a:hover { text-decoration: underline;}
a:active {}

ul.nav li a { width: 180px; display: block;}
ul.nav li a:link, ul.nav li a:visited {padding: 3px 5px; color: #fff; text-decoration: none; background-color: #3e5358; }
ul.nav li a:hover { background-color: #64786c;}

ul.nav li a:link.main, ul.nav li a:visited.main { background-color: #f28729;}
ul.nav li a:hover.main { background-color: #f5a55f;}

/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; color: #222;}

h1 { font-size: 155%;}
h2 { font-size: 145%;}
h3 { font-size: 135%; margin: 10px 0 5px 0;}
h4 { font-size: 125%;}
h5 { font-size: 110%; margin: 10px 0 5px 0;}
h6 { font-size: 105%;}

p { padding: 4px 0;}
ul { margin: 0 0 18px 36px;}
h3 em { color: #f28729; font-weight: normal;}

#mainContent p.intro { font-size: 135%; line-height: 1.65em; margin-top: 0; padding-top: 0; font-weight: bold;}

.shipping { font-size: 95%; font-weight: bold; padding-left: 5px;}
		
#footer p { color: #666; font-size: 85%; border-top: 1px solid #666; padding-top: 10px;}

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}

img.mainImg { margin: 10px; margin-left: 0; border: 2px solid #303940; float: left; padding: 5px;}
img.mainImgAlt { margin: 10px; margin-right: 0; border: 2px solid #303940; float: right; padding: 5px;}			
	
/* ---------- 6. tables ---------- */

table {
		}
		
caption { font-size: 135%; font-weight: bold; text-align: left; padding: 10px 0 0 0;
		}
		
tr { 
		}
tr.alt { background-color: #ddd; }
th, td { padding: 5px; border-bottom: 1px solid #666;
		}
		
th {
		}
		
td {
		}

/* ---------- 7. forms ---------- */	
		
form {}