/***** Rules for elts in div#content *****/
h2, a		{ text-decoration:underline }
a		{ color:#00c }
a:visited	{ color:#609 }
a:active	{ color:#ccc }
p.indent	{ margin-left:3em }
dt		{ font-weight:bold } /*ph*/

/* forms */
form p		{ width:350px; clear:both } /*ph*/
form p label	{ display:inline; float:left; width:100px } /*ph*/
form p input, form p textarea, form p select { margin:0 } /*ph*/

/* tables */
@media all {
	table	{ border-collapse:collapse; border:3px solid #bb9; margin-bottom:0.5em }
	th, td	{ border:2px solid #bb9; padding:3px 5px }
}
th		{ background-color:#fd7 }
td		{ background-color:#ffe }
td.numbers	{ text-align:right } /*ph*/

/* support system only */
.statusok	{ color:#0c0 } /*ph*/
.statuspoor	{ color:#f60 } /*ph*/
.statusdire	{ color:#f00 } /*ph*/


/***** Overall page styles *****/

/*-------------------*/
/* Col / Border / Bg */
body		{ background-color:#ffe }
.menu a		{ background-color:#ddb }
.this span, .menu a, .menu a:visited { color:#000 }
#content	{ border:4px solid #ddb; background-color:#eed }
	/* Non-N4 */
h1#title	{ border-bottom:6px solid #fc0 }
div#bottom	{ border-top:6px solid #fc0 }
@media screen {
	#main		{ background:url(/pix/3logo_bottom.png) bottom right no-repeat }
	.this span	{ background-color:#bb9; border:2px solid #bb9 }
	.menu a		{ background-color:#eed; border:2px solid #ddb }
	.menu a:hover	{ background-color:#ddb; border-color:#ddb }
}

/*--------------*/
/* Fonts / Text */
body, p		{ font-family:'Arial', 'Luxi Sans', sans-serif }
.menu ul	{ text-align:center }
.menu a		{ text-decoration:none }
#bottom		{ text-align:right }
	/* N4 */
body		{ font-size:86% }
#title		{ font-size:30px }
.menu ul	{ font-size:1.1em }
h1		{ font-size:1.4em }
h2		{ font-size:1.1em }
h3		{ font-size:1.05em }
table		{ font-size:1em }
#bottom		{ font-size:16px }
	/* Non-N4 */
.menu ul li	{ text-transform:uppercase }
@media screen {
	body		{ font-size:86% }
	#title		{ font-size:28px }
	.menu ul	{ font-size:1em }
	h1		{ font-size:1.8em }
	h2		{ font-size:1.3em }
	h3		{ font-size:1.1em }
	table		{ font-size:1em }
	#bottom		{ font-size:14px }
}
@media print {
	body		{ font-size:8pt }
	#title		{ font-size:18pt }
	.menu ul	{ font-size:1em }
	h1		{ font-size:16pt }
	h2		{ font-size:10pt }
	h3		{ font-size:9pt }
	table		{ font-size:8pt }
	#bottom		{ font-size:10pt }
	.this span	{ text-decoration:underline }
}

/*--------*/
/* Layout */
.omit		{ display:none !important }
body		{ margin:0; padding:0 7px }
div, #bottom p	{ margin:0; padding:0 }
#main		{ padding:0 0 10px 0; position:relative }
#logo_top	{ height:216px; width:85px; position:absolute; top:10px; left:0 }
#title		{ margin:10px 50px 0 100px }
.menu		{ margin:0 0 0 100px }
.menu ul	{ margin:0; padding:0.8em 0 0 0; list-style-type:none; display:block }
.menu li	{ padding:0; /*N4*/ margin:0; display:inline }
#content	{ padding:0.25em 1.5em 1em 1.5em; clear:left; min-height:140px;	/*N4*/ margin:0 100px 10px 100px }
#bottom		{ margin:0 100px 10px 50px }
#title, .menu, #content, #bottom { /*N4*/ width:85% }
@media all {
	/* N4 overrides */
	.menu li	{ margin:0.2em 0.5em 0.2em 0; display:block }
	#content	{ margin:1em 100px 2em 100px }
	#title, .menu, #content, #bottom { width:auto }
	/* end */
	#top		{ margin:0 0 0.5em 0; padding:10px 0 1em 0 }
	div>#top	{ background-color:#ffe } /* bg col is for Op6 - spurious bg img repeat */
	#title		{ padding-bottom:15px }
	.menu		{ height:2em; margin-bottom:-1em }
	div>.menu	{ margin-bottom:0 }
	.menu>ul	{ width:100% } /* not IE override, just extra rule for non-IE */
	.menu li	{ float:left; clear:none; width:9.5em }
	.menu li a, li.this span { width:100%; margin:0; padding:0.2em 0.5em; display:block }
	.menu li>a, li.this>span { width:88% }
	#bottom		{ padding-top:15px }
}
@media print {
	.menu li	{ width:7.5em } /* override of screen val */
	#title, #content, #bottom { margin-right:0 }
}