html {
	height:100%;
	overflow:scroll;
}

body {
	margin: 0px;
	font-family:Arial,Helvetica;
	font-size:9pt;
	background:#CCC;
	height:100%;
}

#container {
	margin:0px auto;
	width:800px;
	height:auto;
	min-height:100%;
	background:white;
	border-style:solid;
	border-color:black;
	border-width:0px 1px;
}

#header {
	border-bottom:2px solid #DDD;
	height:160px;
}

#header-graphic {
	padding-top:20px;
	position:absolute;
}

#header-pane {
	display:none;
	float:right;
	clear:right;
	margin-top:10px;
	margin-right:5px;
	width:200px;
	height:120px;
}

#header-nav {
	text-align:right;
	float:right;
	padding-top:5px;
}

#header-nav ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
	display:inline;
}

#header-nav a {
	text-decoration:none;
	color:black;
}

#header-nav ul li {
	display:inline;
	padding-right:5px;
	padding-left:5px;
}

#header-nav ul li + li {
	border-left:1px solid gray;
}

#content {
	font-size:11pt;
}

#solutions-bar {
	border-bottom:2px solid #DDD;
}

.solution-panel {
	float:left;
	margin:5px 0px;
	margin-left:5px;
	width:260px;
	height:302px;
}

#solutions-bar img {
	border:none;
}

#content-pane {
	padding:10px;
}

#about {
	width:512px;
	color:#999;
	float:left;
}

.text-header1 {
	font-size:14pt;
	color:#339;
}

#comments {
	float:right;
	width:246px;
	height:auto;
	min-height:200px;
	padding-left:10px;
	margin-bottom:10px;
	text-align:right;
	font-size:10pt;
	color:#999;
	border-left:2px solid #DDD;
}

.comment {
	margin-top:11px;
}
.comment .commentor {
	font-size:smaller;
}

.contact-section {
	line-height:1.3em;
}

#contact {
	padding-top:10px;
	border-top:2px solid #DDD;
	color:#999;
	clear:both;
}

.invert-header1 {
	padding-left:8px;
	color:white;
	background:#333399;
	line-height:1.6em;
	width:772px;
	margin-bottom:8px;
}

a {
	text-decoration:none;
	color:#456;
}

a:hover {
	text-decoration:underline;
}