/*

Canopeum Screen Layout
Code Format LLC

*/


body {
	background-color:#b2b2b2;
	background-image:url(../assets/page_bg.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin:0;
	padding:0; /* Fixes page margin in Opera-Netscape */
	}
	
/* Page Wrappers */

#innerWrapper {
	text-align:left;
	width:776px;
	}
	
/* Header */

#header {
	background-image:url(../assets/header_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	clear:both;
	height:100px;
	width:776px;
	}
	
#header h1 {
	display:none;
	}
	
/* Navigation Bar */

#navbar {
	background-image:url(../assets/navbar_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	clear:both;
	height:25px;
	width:776px;
	}
	
#navbar ul {
	clear:left;
	float:left;
	list-style-type:none;
	margin:0; /* Removes gap between #header and #navbar */
	padding:0;
	}
	
#navbar li {
	border-right:1px solid #003300;
	color:#ffffff;
	display:inline;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	}
	
#navbar li a:link, #navbar li a:visited {
	color:#ffffff;
	height:25px;
	line-height:22px; /* Not sure why, but using logical value of 25 doesn't render correctly.  22 centers text better. */
	padding:0 10px;
	text-decoration:none;
	vertical-align:middle;
	}
	
#navbar li a:hover, #navbar li a:active {
	color:#999999;
	}
	
#navbar a:link, #navbar a:visited {
	color:#ffffff;
	text-decoration:none;
	}
	
#navbar a:hover, #navbar a:active {
	color:#999999;
	}
	
#navbar p {
	clear:right;
	color:#ffffff;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	height:25px;
	line-height:22px; /* See comment #navbar li a:link -- line-height */
	margin:0;
	padding-right:10px;
	text-align:right;
	vertical-align:middle;
	}
	
/* Content */

#content {
	clear:right;
	float:right;
	margin:15px 0;
	width:560px;
	}
	
#content h1 {
	background-color:#999999;
	border-bottom:1px solid #666666;
	border-top:1px solid #666666;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0 5px;
	text-align:right;
	vertical-align:middle;
	}
	
#content h3 {
	border-bottom:1px solid #999999;
	color:#cc0000;
	font-size:10pt;
	}
	
#content p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:18px;
	text-align:justify;
	vertical-align:middle;
	}
	
#content p.center {	
	text-align:center;
	}
	
#content p span.companyName {
	color:#cc0000;
	font-weight:bold;
	}
	
/* Side Bar Navication */

#sidebar {
	/* border-right:1px solid #999999; */
	clear:left;
	float:left;
	margin:15px 0;
	padding-right:15px;
	width:185px;
	}
	
#sidebar h2 {
	background-color:#999999;
	border-bottom:1px solid #666666;
	border-top:1px solid #666666;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0 5px;
	vertical-align:middle;
	width:175px;
	}
	
#sidebar p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:18px;
	text-align:left;
	vertical-align:middle;
	}
	
#sidebar ul {
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
	}
	
#sidebar li {
	border-bottom:1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	}
	
#sidebar li a:link, #sidebar li a:visited {
	background-image:url(../assets/bullet.gif);
	background-position:left;
	background-repeat:no-repeat;	
	color:#333333;
	display:block;
	padding:2px 0 2px 20px;
	text-decoration:none;
	vertical-align:middle;
	}
	
#sidebar li a:hover, #sidebar li a:active {
	background-color:#CCCCCC;
	font-weight:bold;
	padding:2px 0 2px 25px;
	}
	
/* Footer */
	
#footer {
	clear:both;
	}
	
#footer #footerNav {
	border-bottom:1px solid #666666;
	border-top:1px solid #666666;
	height:20px;
	}
	
#footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	}
	
#footer #footerNav p {
	background-color:#CCCCCC;
	color:#cc0000;
	height:20px;
	line-height:20px;
	margin:0;
	text-align:center;
	vertical-align:middle;
	}
	
#footer #footerLegal {
	clear:both;
	line-height:15px;
	color:#666666;
	vertical-align:middle;
	}
	
#footer a:link, #footer a:visited {
	color:#666666;
	text-decoration:none;
	}
	
#footer a:hover, #footer a:active {
	color:#333333;
	text-decoration:underline;
	}
	
#footer #footerLegal p.copyright {
	clear:left;
	float:left;
	text-align:left;
	}
	
#footer #footerLegal p.codeformat {
	background-image:url(../assets/cflogo.gif);
	background-position:right;
	background-repeat:no-repeat;
	clear:right;
	float:right;
	padding-right:80px;
	text-align:right;
	}
	
/* Classes */

.removeTopMargin {
	margin-top:0;
	}