@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 - 1px */
}
#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;
}
#menu li a:hover {		/* menu item when hovered					*/
	background-color:	#007495;
	color:			white;
}
#submenu {			/* 2nd-level menu items						*/
	margin-left:		12px;
}

#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;	}
}