<!--
html, body, #content, #menu{
	width:100%;
	min-height:100%;
	height:100%;
	}

html>body #content, #menu {
	height:auto;
	}

html>body #menu {
	position:absolute;
	top:10px;
	left:100px;
	width:500px;
	margin-left:200px;
	}

body {
	background:#5A5A5A; \\DDDDDD; 999999;
	height:100%;
	}

#top {
	position:absolute;
	top:0px;
	left:0px;
	width:768px;
	height:120px;
	z-index:0;
	background:#006699;
	border-right:2px solid #333333;
	}

#main {
	padding-left:170px;
	}

#content {
	position:absolute;
	top:120px;
	left:0px;
	width:768px;
	height:100%;
	background:#999999; \\5A5A5A;
	border:2px inset #ffffff;
	border-bottom:0px;
	border-left:0px;
	border-right:2px solid #333333;
	color:#333333; \\999999;
	font-family:Georgia;
	font-size:12pt;
	z-index:0;
	}

#content a, #blurb a {
	color:#0033CC; \\adcede; 003366;
	text-decoration:none;
	border-bottom:1px dashed #999999;
	}

#content a:hover, #blurb a:hover {
	color:#0033CC; \\0066FF;
	text-decoration:none;
	border-bottom:1px solid #999999;
	}

#content h3, h2, ul, {
	color:#000000; \\FFFFFF;
	padding-left:40px;
	}

#content pre {
	color:#000000; \\FFFFFF;
	padding-left:50px;
	font-size:9pt;
	font-family:Georgia;
	}

#content p {
	text-indent:20px;
	padding:0px 40px;
	}

#content #result {
	text-indent:20px;
	margin-left:10px;
	margin-right:10px;
	padding:25px;
	padding-top:0px;
	border-top:1px dashed #696969;
	border-bottom:1px dashed #696969;
	}

#content ol {
	margin-left:75px;
	}

#content fieldset {
	margin-left:40px;
	display:inline;
	border:0px;
	}

#content #buffer {
	height:80px;
	}

#content #port_img {
	text-indent:0;
	}

#content ul li {
	color:#333333;
	font-weight:bold;
	}

#content ul li i {
	color:#666666;
	font-size:9pt;
	font-weight:lighter;
	}

#content img {
	margin:10px;
	border:1px solid #000000;
	}

#inspiration {
	position:absolute;
	top:170px;
	left:300px;
	background-image:url('images/sub_logo.gif');
	width:440px;
	height:55px;
	z-index:1;
	}

.header_name {
	font-family:Arial Black;
	font-size:46pt;
	font-weight:none;
	color:#adcede;
	position:absolute;
	top:70px;
	left:190px;
	width:558px;
	z-index:2;
	overflow:hidden;
	height:50px;
	}

.header_name_2 {
	font-family:Arial Black;
	font-size:46pt;
	font-weight:none;
	color:#777777; \\999999;
	position:absolute;
	top:70px;
	left:190px;
	width:558px;
	z-index:1;
	}

#menu {
	position:absolute;
	left:300px;
	width:500px;
	z-index:7;
	}

#menu ul {
	list-style:none;
	padding:20px 0px;
	margin:-3px 0px;
	}

.subMenu {
	position:relative;
	top:-30px;
	left:320px;
	font-weight:none;
	list-style:none;
	font-family:Times New Roman;
	font-style:italic;
	}

#menu ul li {
	font-family:Georgia;
	font-size:14pt;
	color:#0099CC;
	display:inline;
	}

#menu ul li a {
	margin:20px 0px;
	padding:3px;
	font-family:Georgia;
	font-size:14pt;
	color:#ADCEDE;
	padding-bottom:4px;
	text-decoration:none;
	}

#menu ul li a.here {
	color:#0099CC;
	}

#menu ul li a:hover {
	font-family:Georgia;
	font-size:14pt;
	color:#0099CC;
	padding-bottom:4px;
	text-decoration:none;
	}

#side-notes {
	position:absolute;
	top:121px;
	left:7px;
	z-index:2;
	}

#blurb {
	width:142px;
	background:#BBBBBB; \\3399FF;
	padding:4px;
	margin-left:13px;
	margin-bottom:12px;
	border:1px outset #CCCCCC; \\3399FF;
	font-family:Georgia;
	font-size:9pt;
	}

#blurb.first {
	margin-top:85px;
	}

#blurb.blog a {
	font-size:8pt;
	word-wrap:break-word;
	}

#blurb.blog #title {
	font-size:9pt;
	font-weight:bold;
	text-decoration:underline;
	}

#blurb #note, #blogR #note, #content #notes{
	font-size:7pt;
	}

#whatsThat {
	position:absolute;
	top:20px;
	left:20px;
	width:150px;
	height:166px;
	border:1px solid #000000;
	z-index:5;
	}

#content #blogDet {
	padding-left:45px;
	margin-top:-14px;
	font-size:8pt;
	}

#content #blogBot {
	background:#CCCCCC;
	border:1px solid #666666;
	padding:10px;
	margin:10px;
	}

#buttons {
	width:446px;
	text-align:right;
	}

input, textarea {
	border:0px;
	background:#CCCCCC;
	}
-->