/* Credits

Style by Myjive / www.myjive.net

-----------------------------------------------------------*/


/* Main Containers
-----------------------------------------------------------*/

body {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	margin: 0; padding: 0;
	vertical-align:top;
}
	


/* basic typography
--------------------------------------------------------*/	
	

p	{
	margin: 0 0 1.5em;
	line-height: 1.1em;
	}

code, pre	{
	font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace;
	font-weight: normal;
	font-size: small;
	}

/* Links
-----------------------------------------------------------*/

a {  color: #0000FF; text-decoration: none}
a:hover {  color: #333333; text-decoration: underline}


p { color: #3f3c39; font-size: 11px; font-family: Helvetica, Arial, sans-serif; line-height: 15px; letter-spacing: 0.3px; }
td { }
a:link { color: #5f9a0c; text-decoration: none; }
a:visited { color: #5f9a0c; text-decoration: none; }
a:hover { color: #3f3c39; text-decoration: underline; }
a:active { color: #3f3c39; background-color: #fff; text-decoration: none; }
#header { position: relative; width: 100%; height: 78px; }
#ccl_logo { }
#close { position: absolute; right: 0; bottom: 0; }
#nav { position: relative; left: 20px; width: 760px; }
#col0 { padding: 5px 8px 5px 12px; position: relative; top: 30px; }
#col1 { background-image: url(images/dots_vert.gif); background-repeat: repeat-y; position: absolute; top: 30px; width: 190px; padding: 5px 8px 5px 12px; }
#col2 { background-image: url(images/dots_vert.gif); background-repeat: repeat-y; position: absolute; top: 30px; left: 190px; width: 190px; padding: 5px 8px 5px 12px; }
#col3 { background-image: url(images/dots_vert.gif); background-repeat: repeat-y; position: absolute; top: 30px; left: 380px; width: 380px; padding: 5px 8px 5px 12px; }
#footer { position: relative; width: 100%; margin-top: 60px; margin-bottom: 30px; }
#backtotop { position: relative; left: 400px; }
#ccl_wordmark { position: absolute; top: 0; left: 590px; }
#content { position: relative; margin: 20px; }
.dots_horiz { background-image: url(images/dots_horiz.gif); background-repeat: repeat-x; width: 100%; height: 1px; }
.legal { color: #8d857d; position: relative; left: 30px; }
.sidetext { color: #8d857d; text-align: right; position: relative; padding-left: 30px; }
.h1 { font-size: 21px; line-height: 24px; letter-spacing: 0.2px; }
.h2 { font-weight: bold; font-size: 12px; line-height: 30px; }