html, body { margin: 0; padding: 0; background: white; color: black;}/* smaller font-size eg 90% for ul, li, a (but not #main!) results in no bottomborder for li's in nn7mac when horiznav wraps on small screen! */
body { margin: 8px; font: 84%/1.3 Arial, Verdana, sans-serif;}
div#fabheading { height: 89px; background: #EC873a;}
div#fabheading h1 { background: url(../logos/nulogo5.png) no-repeat transparent; color: black; height: 89px; margin: 0; padding: 0; text-align: left;}
div#fabheading h1 span { display: none;}
#main { margin: 0 0 1em; padding: 1.1em 0 0.5em; border-left: 30px solid #ccc; border-right: 1px solid silver; border-bottom: 1px solid silver; clear: both;}
#iemacwrap { padding: 0; margin: 0;}
h1 { font-size: 1.2em; padding: 0; margin: 0 0 .3em; color: #EC873a;}
h2 { font-size: 1.2em; padding: 0; margin: 0 0 .3em; color: #EC873a;}
h3 { font-size: 1em; padding: 0; margin: 0 0 .3em; color: #EC873a;}
h4 { padding: 0; margin: 0 0 .3em;}
h5 { padding: 0; margin: 0 0 .3em;}
#content p { font-size: 1em; margin: 0 0 1.12em; line-height: 150%; text-align: justify;}
#content ul, #content ol { margin: -.5em 0 1em 1em; padding: 0; line-height: 150%; text-align: justify;}
#content ol ul, #content ul ul { margin: .5em 0 1em 1em; padding: 0; line-height: 150%; text-align: justify;}
#content li { margin: 0; padding: 0;}
#content h2 + ul, #content h3 + ul, #content h4 + ul, #content h2 + ol, #content h3 + ol, #content h4 + ol { margin-top: .5em;}
div#primenav { float: left; width: 100%; background: #999; padding: 0; margin: 0;}
#primenav ul { margin: 0; padding: 0; background: #999; font-size: 0.95em;}
#primenav li { float: left; width: auto; list-style: none; margin: 0; padding: 0; background: #999;}
#primenav a { color: white; float: left; text-decoration: none; background: #999; margin: 0; padding: .4em .5em; font-family: arial;}/* ems for padding results in borderleft overspill in nn7mac! Or maybe not!? (index5) */
#primenav a:hover {background: #CCCCCC} 
li#primeprime a { margin-left: 30px;}
#secnav { float: right; width: 38%; margin: 2.4em 8px 1em 0; padding: 0 0 0 .6em; border-left: 1px solid silver;}/* Arbitrary top margin adjustable for float-based cssexp5 */
#content { margin: 0 43% 0 8px; padding: .2em 1em;}
#secnav img { display: block; margin: 0 auto;} /* add width in embedded styles */
#secnav ul { margin: 0; padding: 0; list-style: none; font-weight: bold;}
#secnav li { margin: 1em 0; padding: 0 .8em 0 18px;}
#secnav a { text-decoration: none; color: #333; font-weight: bold;}
#secnav a:visited { color: #777;}
#secnav a:hover { color: #ec871a;}
A:link {text-decoration: none; color: #3366FF}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #ec871a;}
.clearfix:after {
    content: ".";            /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;               /* ensure the period is not visible */
    clear: both;             /* make the container clear the period */
    visibility: hidden;}	 /* further ensures the period is not visible */
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method - from stylin 5.17 */
table { width: 95%; border: 1px solid #666; margin-bottom: 1em; border-collapse: collapse;}
th, td { margin: 0; padding: .1em .3em .2em; vertical-align: top; border: 1px solid #666;}
img { border: 0;}
acronym { border-bottom: 1px dotted black;}
#secnav li#currentpage { list-style-type: none; background: transparent url(../images/secnavlarrow3.gif) no-repeat 0; color: #777;}
/* cssexp11 */
