body {
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
	background-color: #FCFCFC;
}

/* header styles */
div.header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	background-color: #333;
	border-bottom: 4px solid #00AF64;
	margin: 0px;
	padding: 0px;
}
div.header > h1 {
	color: #FFF;
	margin: 7px 0px 0px 7px;
}
div.header > ul {
	position: absolute;
	top: 0px;
	right: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div.header > ul > li {
	float: left;
	padding: 15px 10px 0px 10px;
	border-left: 1px solid #999;
	height: 35px;
}
div.header > ul > li > a {
	color: #999;
	text-decoration: none;
	font-family: sans-serif;
	font-weight: bold;
}
div.header > ul > li > a:hover {
	color: #DDD;
	text-decoration: underline;
}
div.header > ul > li > a:visited {
	color: #999;
	text-decoration: underline;
}
div.header > ul > li > a:active {
	color: #FFF;
	text-decoration: underline;
}

/* current page navigation highlight */
body.page_index a.link_index,
body.page_about a.link_about,
body.page_time a.link_time,
body.page_deliv a.link_deliv {
	color: #FFF !important;
}

/* main content styles */
div.main {
	width: 98%;
	margin: 0 auto;
}
div.content {
	float: left;
	width: 100%;
}
div.story {
	padding: 10px;
	margin: 0px 330px 0px 0px;
	color: #222;
}
div.story > h4 {
	color: #00AF64;
	float: left;
	margin: 0px;
	padding: 0px;
}
div.story > p {
	color: #BBB;
	font-size: 9pt;
	float: right;
	margin: 0px;
	padding: 0px;
	
}
div.story > div {
	clear: both;
	border-top: 1px dotted #BBB;
	margin: 0px;
	padding: 0px;
}
div.story > div > p {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 10pt;
}
div.story > div li {
	font-size: 10pt;
}
div.story > div a {
	color: #999;
	text-decoration: none;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 10pt;
}
div.story > div a:hover {
	color: #555;
	text-decoration: underline;
}
div.story > div a:visited {
	color: #555;
	text-decoration: underline;
}
div.story > div a:active {
	color: #000;
	text-decoration: underline;
}

/* deliverables table styles */
table.deliv_status {
	width: 100%;
	border: 1px solid #000;
	font-family: sans-serif;
	font-size: 10pt;
}
table.deliv_status th {
	text-align: left;
	text-decoration: underline;
}
table.deliv_status td.progress {
	border: 1px solid #000;
}
table.deliv_status td.progress > div {
	background-color: #0F0;
}

/* sidebar styles */
div.sidebar {
	float: left;
	width: 300px;
	padding-right: 10px;
	margin-left: -310px;
}
div.status {
	text-align: center;
	border: 1px solid #00AF64;
	background-color: #D0EFD4;
	width: 280px;
	padding: 10px;
}

/* push body content below header */
div.content,
div.sidebar {
	margin-top: 65px;
}