body {
	font-family: Veranda, Helvetica, sans-serif; color: #000000;
	background: url(SLlogo.png) top left no-repeat #FFFFFF;
	margin: 0;
	}
	
html, body {
	height: 100%;  /* this is what makes the 100% height work for #left*/
}

A { color: #007; font-weight: normal; text-decoration: none; text-decoration: underline; }

A:visited { color: #660; font-weight: normal; text-decoration: none; }

A:active { color: #007; font-weight: bold; text-decoration: none; }

H3 {
	font-style: oblique;
	letter-spacing: 2px;
	color: #660;
	}

#left { 
	float: left;
	width: 130px;
	margin: 0;
	padding: 1.5em 0 1em .5em;
	border-right: 2px solid black;
	height: 80%;
	}

#content {
	margin: 0 0 0 200px;
	padding: 2em 1em;
}

#right {
	position: relative;
	float: right;
	width: 30%;
	padding: 1em;
	}
	
.gp {
	text-align: center;
	font-size: small;
	color: gray;
	margin: 10px 20%;
	}

/* header formatting */

.header {
	text-align: right;
	font-size: large;
	margin: 1em 1em .5em 0;
	}

#map {
	width: 100%;
	background: #cc9;
	height: 1.75em;
	}
	
.backlinks {
	position: relative;
	float: left;
	margin: 0;
	padding: .25em;
	}
	
.search {
	float: right;
	position: relative;
	margin: 0;
	padding: .25em;
	}
	
form {
	margin: 0;
	}

#menu {
	width: 100%;
	background: #660;
	height: 1.5em;
	padding: 0 0 0 150px;
	}

#nav, #nav ul { /* all lists */  /* the float command here is what makes the borders show properly*/
		float:left;
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
		width: 30em;
		z-index: 10;
		background: #660;
	}
	
	#nav li { /* all list items */
		float : left;
		width: 7em;
		background: #660;
		
	}
	
	#nav li ul { /* second-level lists */  /* the border command here is what makes the drop-downs appear in a box rather than the two lines specified in the all-lists set */
		position : absolute;
		left: -999em;
		width: 7em;
		border: 1px solid #660;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		margin-left: 7em;
		margin-top: -1.5em;
	}
	
	#nav li a { /* width plus padding should equal the width in all the above tags, in order to make the backgrounds sit nicely inside the borders*/
		width: 6.5em;
		display: block;
		color: white;
		text-decoration: none;
		padding: .25em;
	}
	
	#nav li a:hover {
		color: #000000;
		background: #cc9;
	}
	
	#nav li a:visited {
	    /*color: #ccc;*/
	}
	
	#nav a.more {
		background: url(rightarrow.gif) center right no-repeat;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}