@charset "UTF-8";

html {
	overflow-y:			scroll; /* to nix inter-page h-shifts */
}

body {				/* non-content background			*/
	background:		black url(http://holorad.com/images/system/body.png) repeat-x;
}

#container {			/* overall appearance				*/
	font-family:			Verdana, Helvetica, Geneva, sans-serif;
	text-align:			left;
	margin:			0px auto; /* centered in window */
	width:			900px;
}

#logo {				/* logo						*/
	width:			900px;
	height:			200px;
	background:		black; /* in case logo is too small */
	border-bottom:		1px solid #00AEF0;
}

#menu {				/* menu position and size			*/
	clear:			left;
	float:				left;
	margin-top:		10px;
	width:			185px; /* = 900px - 714px */
}
#menu ul {				/* menu base style				*/
	list-style-type:		none;
	margin:			0px;
	padding:			0px;
	text-align:			left;
}
#menu li a {			/* menu items					*/
	color:			#10E5FF;
	padding:			4px 16px 5px 0px;
	line-height:			28px;
	font-size:			14px;
	font-weight:		bold;
	text-decoration:		none;
	text-transform:		uppercase;
}
#submenu {			/* 2nd-level menu items			*/
	margin-left:		12px;
}
#menu li a:hover {		/* menu item when hovered			*/
	background-color:	#007495;
	color:			white;
}

#content {				/* varying content				*/
	background:		#ABCDE4;
	float:				left;
	margin-left:		0;
	width:			714px;
}
#rendering {			/* rendered objects				*/
	width:			714px;
	height:			300px;
	border-left:			1px solid #00AEF0; /* and burned-in at bottom */
}
#innerContent {			/* page-dependent content			*/
	margin-left:		0px;
	margin-top:		-60px; /* up behind the rendering */
	border-left:			1px solid #00AEF0;
	padding:			12px 30px 18px 30px;
	font-size:			11pt;
	line-height:			28px;
}
#innerContent h1 {		/* page title					*/
	font-size:			15pt;
	width:			260px; /* avoid the rendering */
}

#innerContent p a {		/* links						*/
	color:			black;
}
#innerContent p a:hover {	/* links when hovered				*/
	color:			blue;
}
#innerContent ul {		/* bulleted lists					*/
	padding-left:		19px; /* hack to align with text */
	margin-top:		-12px;
	list-style-position:	outside;
}

#right {				/* float to the right side			*/
	float:				right;
	margin-left:		20px;
	margin-top:		9px /* 11pt font in 28px line */
}
#left {				/* float to the left side				*/
	float:				left;
	margin-right:		20px;
	margin-top:		17px /* 11pt font in 28px line */
}

#footer {				/* footer						*/
	border-top:			1px solid #00AEF0;
	clear:			both;
	color:			white;
	font-size:			10px;
	text-align:			center;
}
#footer p a {			/* link in footer					*/
	color:			#10E5FF;
	text-decoration:		none;
}
#footer p a:hover {		/* link in footer, hover				*/ 
	color:			white;
	text-decoration:		none;
}

@media print {
	body {		background:		white;	}
	#content {		background:		white;	}
	#footer {		color:			black;	}
	#logo {		border-bottom:		0px;		}
	#rendering {	border-left:			0px;		}
	#innerContent {	border-left:			0px;		}
	#footer {		border-top:			0px;		}
	#innerContent {	padding-left:		0px;		}
	h1 {			page-break-after:	avoid;	}
}