@charset "utf-8";

/* ------- Basic ------ */

body {
	background-color:#333;
}

div#wrapper {
	float:right;
	width: 100%;
	margin-left: -500px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height:700px;
}

.strong {
	font-weight:bold;
}

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



/* ------- Header ------ */

div#header {
	background:#eeeeee;
	background-image:url(../images/cc/site/ccLogo03.gif);
	background-repeat:no-repeat;
	background-position: 490px 0px;
	color:#666666;
}

/*div#header h1{
	height:80px;
	line-height:80px;
	margin:0;
	padding-left:10px;
	background: #EEE;
	color:#666666;
}*/

div#header ul.nav {
	list-style-type:none;
	padding: 52px 0 10px 10px;
}

div#header ul.nav li {
	display:inline;
}

div#header ul.nav a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 4px 6px 4px 6px;
	margin-right: 6px;
	border-bottom:#999999 1px solid;
	border-top:#999999 4px solid;
	color:#666666;
}

div#header ul.nav a:hover {
	border-bottom:#999999 1px dashed;
	border-top:#999999 6px solid;
}

/* ------- Content ------ */

div#content {
	margin-left: 500px;
}
div#content p {
	line-height:1.3em;
}

/* --- Image handling --- */

.figure {
	float: left;
	width: 130px;
	margin: 5px 0px 5px 10px;
}

.figure img {
	border: 1px solid #666;
	background-color: #FFF;
	padding:4px;
}

.figure p {
	font: 1.1em/normal Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 10px 0 0 0;
	height: 5em;
}

/* IE 5/6 border erase bug */
* html #content {
	width: 100%;
}

/* IE 5 placement bug */
* html #content img {
	width: 100%;
}

/* --- White background div for text content in main content area --- */

div#sectionheader {
	margin: 5px 5px 5px 10px;
	border: 1px solid #666;
	padding: 0px;
	background-color: #FFFFFF;
}

div#sectionheader p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.3em;
	/*text-align:justify;*/
	color:#666666;
	padding: 0 6px 4px 10px;
}

div#sectionheader h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size:1em;
	line-height:1.3em;
	color:#666666;
	padding: 4px 6px 4px 4px;
}

div#sectionheader .figure {
	float: left;
	width: 130px;
	margin: 4px 4px 0px 10px;
}

div#sectionheader .figure img {
	border: 1px solid #666;
	background-color: #FFF;
	padding:4px;
}

div#sectionheader a { 
	color: #666666;
	text-decoration: none;
	border-bottom:#666666 1px dashed;
	}
	
div#sectionheader a:visited { 
	color: #666666;
	}
	
div#sectionheader a:hover { 
	color: #CCCCCC;
	background-color: #333333;
	}
div#sectionheader a:active { 
	color: #666666;
	}

/* ------- Navigation ------ */

div#navigation {
	background-color: #FFFFFF;
	margin: 5px 10px 5px 5px;
	float:right;
	width:190px;
	border: 1px solid #666;
	padding: 4px 4px 4px 4px;
}

div#navigation h3 {
	color:#666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	padding: 0 30px 6px 0;
	margin-bottom: 2px;
}

/* ------- Extra - info box to left of main content ------ */

div#extra {
	margin: 5px 0px 5px 0px;
	float:right;
	width:270px;
	border: 1px solid #666;
	padding: 4px;
	background-color: #FFFFFF;
}

div#extra p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.3em;
	/*text-align:justify;*/
	color:#666666;
	padding: 0 6px 4px 10px;
}

div#extra p.xlink {
	padding: 0 6px 4px 20px;
}

div#extra h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size:1em;
	line-height:1.3em;
	color:#666666;
	padding: 0 6px 4px 2px;
}

div#extra a { 
	color: #666666;
	text-decoration: none;
	border-bottom:#666666 1px dashed;
	}
	
div#extra a:visited { 
	color: #666666;
	}
	
div#extra a:hover { 
	color: #CCCCCC;
	background-color: #333333;
	}
div#extra a:active { 
	color: #666666;
	}

/* ------- Footer ------ */

div#footer {
	clear:right;
	width:100%;
	background: #333;
	color: #FFF;
}

div#footer p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:.9em;
	line-height:1.1em;
	margin:0 0 0 500px;
	padding:5px 10px;
}

div#footer p.copyright {
	font-size:0.7em;
	line-height:0.9em;
}

div#footer a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:.9em;
	line-height:1.1em;
	padding: 0 0 2px 0;
}

div#footer a:hover {
	text-decoration:none;
	border-bottom:#CCCCCC 1px dashed;
}

div#footer img {
	float:left;
	margin: -2px 4px 0 0;	
}