body {
	font: 11px Verdana, Arial, Helvetica, sans-serif ;
	text-align: center;
	color:#666666;
}

/* boxes and positioning */

#container { /* the main wrapper */
	text-align: center;
	width: 640px;
	position:relative;
}
#header { /* logo and top text box border */
	position:relative;
	margin: 0px;
	padding: 0px;
	height: 121px;
	background:url(/images/homelogo.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#navigation { /* the menu, on the left and shifted down */
	position:absolute;
	top:135px;
	left:0px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	}
#content { /* everything but the menu, on the right */
	width:475px;
	position:absolute;
	top:121px;
	left:165px;
	margin:0px;
	}
#textbody { /* all page text */
	position:relative;
	right:0;
	text-align:left;
	background-image:url(/images/txtbak.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 1px 20px 20px 20px;
}
div.insert { /* pull quotes and other standout text */
	float:right;
	width:160px;
	font: 130%  Verdana, Arial, Helvetica, sans-serif;
	background-image:url(/images/green.gif);
	background-repeat:repeat;
	padding:20px;
	margin: 1px 0px 1px 6px;
}
div.insertwide { /* pull quotes and other standout text */
	background-image:url(/images/green.gif);
	background-repeat:repeat;
	padding:20px;
}

#textbody img { /* images in the main text should be right-aligned */
	float: right;
	margin: 1px 0px 1px 6px;
	}
	
#footer { /* bottom text box border */
	position: relative;
	width: 475px;
	height: 3px;
	font: 2px Verdana, Arial, Helvetica, sans-serif;
	background-image:url(/images/green.gif);
	background-repeat:repeat;
}
#copyright { /* copyright notice and other end of page text */
	padding:20px;
}

.aside { /* to put on the right side chosen text, pulldowns, and other items */
	float:right;
	margin: 1px 0 6px 6px;
	width:156px;
	}

/* text styles */

a {font-weight:bold; color:#663399; text-decoration:none;}
a:hover {text-decoration:underline;}
a:active, a:visited{color:#333333;}

h1 {font: 16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#663399;}
h2 {font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
h3 {font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}


/* navigation menu button graphics and appearance*/

.button {height:38px; vertical-align:middle;}
.button#currentsection {background:url(/images/p2.gif) no-repeat; background-position:right; height:38px;}
#navigation a{font: bold 13px Verdana, Arial, Helvetica, sans-serif; padding:0px 10px 0px 10px;}
#navigation a:hover {text-decoration:underline;}
#navigation a:active, a:visited{color:#663399;}
#navigation a.subpage {font: 13px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; margin:4px 0px;}

/* dropdown navigation menu, modelled after A List Apart's Drop Down menus (http://www.alistapart.com/articles/horizdropdowns/) */

  ul#nav { 
	margin: 0;
	padding: 0;
	list-style: none;
	width: 165px;	
	text-align:right;
	}
  ul#nav li {
	position: relative;
	}
  ul#nav li ul {
	position: absolute;
	left: 165px;
	top: 0px;
	display: none;
	list-style: none;
	width:140px;
	margin: 0;
	padding: 0;
	border: 3px solid #CCCC66;
	}
 ul#nav li a {
	display: block;
	font-weight:bold;
	text-decoration: none;
	color: #663399;
	background: #fff;
	padding: 5px;
	border-bottom: 0;
	}
ul#nav li li{
    margin: 0px;
    padding: 0px;
	width:140px;
	background:#fff;
	}	
li > ul {
	top:auto;
	left:auto;
	}
ul#nav li li a{
	padding:3px;
	display:block;
	color:#663399; 
	font-weight:normal;
	}		
ul#nav li:hover ul, ul#nav li.over ul { 
    display: block; }
ul#nav li li a:hover{
	background-color:#CCCC66;
	color:#663399;
	}
		
/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */ 


#navn, #navn ul{ /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.2;
	text-align:right;
	width:165px;
}

#navn li { /* all list items */
	position: relative;
	width: 165px; /* width needed or else Opera goes nuts */
}

#navn li ul { /* second-level lists */
	position: absolute;
	top: -0.2em;
	background: #fff;
	border: 3px solid #CCCC66;
	width: 165px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-align:left;
}

#navn li ul ul { /* third-and-above-level lists */
	margin: 0 0 0 165px;
}

#navn li:hover ul ul, #navn li.sfhover ul ul {
	left: -999em;
}

#navn li:hover ul, #navn li.sfhover ul { /* lists nested under hovered list items */
	left: 165px;
}

#navn li li:hover ul, #navn li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#navn li ul a { /* second-level lists */
	font-weight:normal;
	}