body {
    background: white;
    margin: 0;
    border: 0;
    font-family: Verdana,"Trebuchet MS","Gill Sans","Microsoft Sans Serif",Verdana,sans-serif;
    font-size: 12px;

}



div.heading {
	clear:both;
	height:75px;
	position:fixed;
	border-bottom: 1px black solid;
	width:100%; 
	background: white url('sa_heading.png') no-repeat fixed left top;
}

div.heading p {display:none}

div.bar {
	position:fixed;
	width:25%;
	left:1em;
	top:90px;
	bottom:3em;

}



.bar li {
	list-style-type:none;
	border: 1px #666633 outset;
	width:25ex;
	padding-top:0.5ex;
	padding-bottom:0.6ex;
	padding-right:0.3ex;
	margin-top:2ex;
	margin-bottom:2ex;
	text-align:right;
	background-color:#EEEEFF;
}

.bar li a {
	text-decoration:none;
	color:#006600;
}


.bar li:hover {background-color:#CCCCFF; border:1px #666633 inset;}

.bar li a:hover {
	text-decoration:none;
	color:yellow;
	background-color:#CCCCFF;
}

.bar li a:active {color:#CCFFCC}

.bar li.here {
	color:#CC0000;
	text-align:left;
	font-weight:bold;
	background-color:#FFEFDD;

	}

div.main {
	float:right;
	position: fixed;
	width:62%;
	color:#000033;
	background-color:white;
	margin:1em;
	right:1em;
	top:90px;
	height:70%;
	overflow:auto;	border: 3px outset gray;
	padding:1ex
}

.main a { text-decoration:none; border-bottom:1px dotted blue; color:blue
}

.main a:hover {
	border-top: 1px dotted blue; background-color:aqua }



h1 {
	margin-bottom:2ex;
	color:#333300;
	border-bottom:1px dotted green;
}

h2 {
	 border-bottom:1px solid #000066;
	border-right:1px solid #000066;
	margin-right:30ex;
}

h3 {
}

p#under {

font-family:Times, “Times New Roman”, Georgia, Garamond, “Palatino Linotype”, Palatino, “Book Antiqua”, “New York”, serif; 
font-size: xx-large; color:red; border: 5px solid red ;
}