html { height: 100%; }

/*  body and master formatting with page-specific exceptions. Purposely overbright red/green highlights broken html.  */
body { margin: 0; padding: 0; background: #002b49; color: red; font-family: Helvetica, Arial, sans-serif; font-size: 9pt; line-height: 12pt; }
body.home { background: #002b49; }
body.proj { background: #001d2b; }
body.lab  { background: #222 url('../_chrome/stripe.png') repeat-x 0 100%; }
body.indv, body.abt { background: #00161f; }

.msafari { display: none; }

/*  lockicon is a tiny inline icon for indicating password-protected pages  */
img { float: left; border: 0; }
img.lockicon { float: none; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); -ms-filter: alpha(opacity=90); }

/*  link colors, default  */
a, a:visited, a:hover, a:active { color: #758e9e; text-decoration: none; }
a:hover { color: #ccc; }
a:active { color: #39687f; }

/*  generic emphasis, but primary use is for combo section title/menu system  */
.emph { color: #fff !important; }
noscript h2 { z-index: 10; position: fixed; top: 6em; left: 24px; font-weight: normal; }

/*  generic formatting. Note h3 is really tiny; its primary use is About page list headers.  */
h2 { line-height: 115%; }
h3 { margin-top: 1.5em; margin-bottom: 0.25em; font-size: 9pt; line-height: 115%; }
ul { margin: 0; padding: 0; line-height: 115%; }

.bold    { font-weight: bold; }
.notbold { font-weight: normal; }
.italic  { font-style: italic; }
.smaller { font-size: 90%; }


/*  nav link colors slightly darker than default link colors  */
#nav { position: fixed; top: 0; left: 0; right: 0; padding: 18px 0 10px 25px; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); -ms-filter: alpha(opacity=90); }
.menu #nav { background: #001d2b; }
.indv #nav { background: #00161f; }
	#nav img { position: fixed; top: 18px; left: 0; }
	#nav h1 { margin-bottom: 9pt; font-size: 10pt; font-weight: normal; color: #bbb; }
		.indv #nav h1 { margin-bottom: 2pt; }
	#nav #slogan { font-weight: normal; color: #bbb; }
		#nav h1 a { color: #fff !important; }
		#nav h1 a#logotype { font-weight: bold; }
	#nav ul li { list-style-type: none; font-size: 16pt; line-height: 115%; color: #758e9e; }
		#nav ul li a { color: #4f606b; }
		.home #nav ul li a { color: #758e9e; }
		#nav ul li a:hover { color: #ccc; }
		#nav ul li a:active { color: #39687f; }

/*  for individual item pages  */
#linktopleft { z-index: 5; position: fixed; top: 3em; right: 25px; }

/*  generic content box with page-specific exceptions  */
#content { float: left; margin: 0 0 70px 25px; padding: 16em 11px 0 0; color: #bbb; }
	#content h2 { margin-bottom: 15pt; font-size: 12pt; }
	#content ul li { list-style-type: none; line-height: 140%; margin-left: 1em; text-indent: -1em; }
		.abt #content ul li { list-style-type: disc; margin-left: 1.25em; padding-left: 0; text-indent: 0; }
	#content ul li#secarea { margin-top: 1.5em; }
	#content p { width: 240px; margin-top: 0; margin-bottom: 0.75em; }
		.abt #content p { width: auto; }
	#content video { float: left; margin-right: 10px; }
	#content img { margin-right: 10px; }
	#content_desc { float: left; margin-right: 40px; max-width: 400px; }
		#content_desc h2 { margin-top: 0; padding-top: 0; }

/*  floating boxes for About page typography  */
.abt_box { float: left; width: 250px; margin-right: 20px; }
#abt_box3 { width: 300px; padding-top: 13pt; }