﻿html, body, h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; }

body {
	background: #45423a url('images/bg.jpg') repeat-x;
	color: #2f2b21;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding-bottom: 20px;
}

a:link { color: #1b82b7; }
a:visited { color: #69abcd; }
a:active, a:hover { color: #9cc253; }

code { font-size: 1.2em; color: #6d9226; }

h2, h3, h4, h5, h6 { font-family: Arial; color: #9cc253; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.3em; }
	h4 { font-size: 1.1em; }
	h5 { font-size: 1em; }
	h6 { font-size: 1em; font-weight: normal; }
	
	#sub_content h2, #sub_content h3, #sub_content h4, #sub-content h5, #sub_content h6 { color: #2f2b21; }
		
	#sub_content .arrow {
		background: url('images/icon-arrow.gif') no-repeat;
		padding: 5px 0px 5px 50px;
	}
	
	#sub_content .drop { 
		background: url('images/icon-drop.gif') no-repeat; 
		padding: 15px 0px 10px 50px;
	 }
		 
	#sub_content .foot {
		background: url('images/icon-foot.gif') no-repeat;
		padding: 20px 0px 10px 50px;
	}
		
	#sub_content .leaf {
		background: url('images/icon-leaf.gif') no-repeat;
		padding: 20px 0px 10px 50px;
	}
	
	#sub_content .talk {
		background: url('images/icon-talk.gif') no-repeat;
		padding: 8px 0px 8px 50px;
	}

img { border: 0px; }
	
p { margin-bottom: 1em; }

ul, ol, dl { margin-top: 0px; }

.clear { clear: both; }

#wrapper {
	width: 900px;
	margin: 0px auto;
}

#top {
	height: 127px;
	text-align: left;
}

#logo {
	width: 299px;
	height: 92px;
	margin: 0px;
}
	#logo a {
		display: block;
		width: 299px;
		height: 92px;
		background: url('images/carbon_projects_logo.bmp') no-repeat;
		text-indent: -999999px;
		text-decoration: none;
	}

#container {
	text-align: left;
}

#menu {
	width: 900px;
	height: 42px;
	background: url('images/menubg.gif') no-repeat;
}
	#menu ul {
		margin: 0px;
		padding: 10px 0px;
		list-style: none;
	}
	
	#menu li {
		background: url('images/menudivider.gif') no-repeat;
		display: inline;
	}
		#menu li.first, #menu ul:first-child { background: none; }
	
	#menu a, #menu a:link, #menu a:visited {
		padding: 0px 15px;
		text-decoration: none;
		color: #45423a;
	}
	
	#menu a:hover { text-decoration: underline; }

#content {
	background: #fff;
	width: 900px;
}
	
#main_content {
	width: 575px;
	margin: 15px 0px 15px 15px;
	float: left;
	display: inline;
}
	#main_message {
		width: 575px;
		height: 198px;
		background: url('images/mainpic.gif') no-repeat;
		text-indent: -99999999px;
	}

#sub_content {
	width: 281px;
	margin: 15px 15px 15px 0px;
	float: right;
	background: #eae9e8 url('images/infoboxt.gif') no-repeat;
	display: inline;
}
	#sub_content_inner {
		background: url('images/infoboxb.gif') no-repeat bottom left;
		padding: 10px;
	}

#footer {
	width: 900px;
	height: 26px;
	background: url('images/footer.gif') no-repeat;
}
	#footer p {
		margin: 0px;
		padding: 4px 15px;
		font-size: .85em;
	}

@media print {
	#header, #logo, #menu, #footer { display: none; }
	body { background: #fff; padding: 20px; }
	#main_content, #sub_content { float: none; }
	#top { width: auto; height: auto; }
	#wrapper, #container, #main_content, #sub_content, #sub_content_inner{ width: auto; display: block; }
	#main_content, #sub_content, #sub_content_inner{ background: none; padding: 0px; margin: 0px; }
	#sub_content h2, #sub_content h3, #sub_content h4, #sub-content h5, #sub_content h6,
		#sub_content .arrow, #sub_content .drop, #sub_content .foot, #sub_content .leaf, #sub_content .talk { margin: 10px 0px; padding: 0px; background: none; }
	#sub_content { border-top: solid 1px #000; }
}
