html, body {
	margin: 0;
	padding: 0;
	}

body {
	background: #0D0D80 url(/education/arbsefolder/img/body-bg.gif) top left repeat-x;
	}
	
#wrapper {
	width: 80%;
	max-width: 55em;
	min-width: 43em;
	margin: 25px auto;
	position: relative;
	}

#banner {
	background: #0D0D80 url(/education/arbsefolder/img/banner-bg.gif) bottom left repeat-x;
	color: #FFF4CC;
	padding: 0px;
	border: 1px solid #006;
	position: relative;
	min-height: 72px;
	}
	
	#banner img {
		float: left;
		padding: 6px 2px 5px 6px;
		margin: -1px 0 0 -1px;
		background: url(/education/arbsefolder/img/tl-corner.gif) top left no-repeat;
		}
	
	/* * html #banner img {
		background: transparent; */
	
	span#tr {
		position: absolute;
		top: -1px;
		right: -1px;
		width: 16px;
		height: 16px;
		background: url(/education/arbsefolder/img/tr-corner.gif) top right no-repeat;
		}
	
	* html span#tr {
		position: static;
		top: -1px;
		right: -1px;
		width: 0;
		height: 0;
		background: transparent;
		}
	
	span#tl {
		position: absolute;
		top: -1px;
		left: -1px;
		width: 16px;
		height: 16px;
		background: url(/education/arbsefolder/img/tl-corner.gif) top left no-repeat;
		}
	
	* html span#tl {
		position: static;
		top: -1px;
		right: -1px;
		width: 0;
		height: 0;
		background: transparent;
		}
	
#banner h1 {
	font: 1em/1em 'Helvetica Neue', Helvetica, Arial, Lucida,
	 Verdana, sans-serif;
	padding: 25px 0 0 52px;
	margin: 5px;
	width: 45%;
	min-height: 40px;
	background: url(/education/arbsefolder/img/logo.gif) 0 0 no-repeat;
	}

* html h1 {
	height: 40px;
	}

#banner h1 .first {
	font-weight: bold;
	font-size: 2em;
	text-transform: uppercase;
	}

#banner h1 a {
	color: #FFF4CC;
	text-decoration: none;
	}
	

#nav {
	position: absolute;
	width: 55%;
	bottom: 0;
	right: 0;
	}

* html #nav {
	position: absolute;
	width: 55%;
	top: 28px;
	right: 2px;
	}

#nav ul {
	margin: 0;
	padding-left: 0;
	display: inline;
	float: right;
	text-align: center;
	} 

#nav ul li {
	margin: 0;
	padding: 0 10px 0 0;
	list-style: none;
	display: block;
	float: left;
	text-align: center;
	border-left: 1px solid #006;
	}

* html #nav ul li {
	width: 30%;
	padding: 0;
	}	
		
#nav ul li p {
	margin: 0;
	padding: 0;
	font: 0.8em/1.2em 'Helvetica Neue', Helvetica, Arial, Lucida,
	 Verdana, sans-serif;
	text-align: center;
	}
	
#nav ul li p strong {
	font-weight: normal;
	}

#nav ul li p a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #FFF4CC;
	padding: 11px 5px 7px 5px;
	background: url(/education/arbsefolder/img/nav-hover-bg.gif) bottom left repeat-x;
	}
	
#nav ul li p a:hover, .top #nav ul li#li-top p a,
 .arpd #nav ul li#li-arpd p a, .pd #nav ul li#li-pd p a {
	background: inherit;
	display: block;
	width: 100%;
	text-decoration: none;
	color: #fff;
	}
	
#subnav {
	min-height: 1.2em;
	background: #CCC3A3 url(/education/arbsefolder/img/subnav-bg.gif) 0% 100% repeat-x;
	border-left: 1px solid #006;
	border-right: 1px solid #006;
	padding: 0 10px 8px 10px;
	}

* html #subnav {
	float: left;
	}
		
#subnav ul {
	margin: 0;
	display: inline;
	width: 100%;
	clear: both;
	padding: 0;
	float: left;
	text-align: right;
	} 

#subnav ul li {
	margin: 0 0 0 12px;
	list-style: none;
	display: inline;
	font: 0.9em/1.2em 'Helvetica Neue', Helvetica, Arial, Lucida,
	 Verdana, sans-serif;
	color: #FFF4CC;
	text-align: right;
	color: #0d0d80;
	}

#subnav ul li a {
	color: #1a1aff;
	text-decoration: none;
	}

#subnav a:hover, .onsite #li-onsite a, .ro #li-ro a, .ro-prop #li-ro a, .pn #li-onsite a, .cf #li-onsite a, .solar #li-onsite a, .ns #li-ns a, .gvs #li-gvs a, .journal #li-journal a, .app #li-app a, .workshop #li-workshop a, .dl #li-dl a, .staff #li-staff a, .links #li-links a , .smf #li-smf a, .ns #li-ns a, .oc #li-oc a, .agn #li-agn a, .guidelines #li-journal a, .smf #li-smf a, .sres #li-smf a, .ia #li-ia a {
	color: #0d0d80;
	}

#subnav ul li#li-journal {
	margin-left: 35px;
	}

/*

.top #subnav ul, .top #subnav ul li {
	text-align: right;
	}
	
.arpd #subnav ul, .arpd #subnav ul li {
	text-align: center;
	}
	
.pd #subnav ul, .pd #subnav ul li {
	text-align: left;
	}
	
.pd #subnav ul li {
	margin: 0 18px 0 0;
	}

*/
	
#content {
	background: #FFF4CC url(../img/bottom-banner.jpg) 0% 100% repeat-x;
	clear: both;
	border-left: 1px solid #006;
	border-bottom: 1px solid #006;
	border-right: 1px solid #006;
	margin-top: 0;
	color: #333;
	padding: 0 10px 149px 10px;
	min-height: 200px;
	}

* html #content {
	padding: 0 0 149px 0;
	}

#content p {
	font: 0.8em/1.4em 'Lucida Grande', Lucida, Helvetica, Arial, sans-serif;
	margin: 0 0 1em .25em;
	padding: 0;
	}
	
	#content li {
		font: 0.8em/1.4em 'Lucida Grande', Lucida, Helvetica, Arial, sans-serif;
		margin: 0 0 0 .25em;
		padding: 0;
		}
	
	#content li li {
		font-size: 1em;
		margin-bottom: .25em;
		}

#content h2 {
	font: bold 1.4em/1.8em 'Lucida Grande', Lucida, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}

#content h3 {
	font: bold 1.2em/1.5em 'Lucida Grande', Lucida, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}

#content h4 {
	font: bold 1em/1.2em 'Lucida Grande', Lucida, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}

#content h5 {
	font: bold 0.8em/1em 'Lucida Grande', Lucida, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}

	#content table {
		font-size: 12px;
		margin-left: 15px;
		border-collapse: collapse;
		border-top: 1px solid #002d68;
		border-left: 1px solid #002d68;
		border-spacing: 0;
		}

	th {
		font-weight: bold;
		text-align: right;
		font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
		padding: 5px;
		border-bottom: 1px solid #002d68;
		border-right: 1px solid #002d68;
		}
	
	td {
		font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
		padding: 5px;
		border-bottom: 1px solid #002d68;
		border-right: 1px solid #002d68;
		}

	fieldset {
		margin-top: 25px;
		border: none;
		}
		
	label {
		margin-left: 1em;
		font: 12px/16px Verdana, Lucida, Helvetica, Arial, sans-serif;
		}
		
	li label {
		margin-left: 0em;
		}
 
 .bio {
 	clear: both;
 	margin: 1em 0;
 	}
 	
 	.bio img {
 		float: right;
 		border: 1px solid #006;
 		margin: 0 0 1em 1em;
 		}
 
 #content .fp {
 	width: 76%;
 	margin: 30px 12%;
 	text-align: center;
 	clear: both;
 	}
 	
 
 #content .fp #nclogo {
 	float: left;
 	padding: 0 5px;
 	}
 
 #content .fp #nsflogo {
 	float: right;
 	padding: 0 10px;
  	}
 

.fl {
	width: 48%;
	float: left;
	}
 		
#toc {
	float: right;
	width: 200px;
	margin: 1em 0.5em 0.5em;
	padding: 0.5em;
	background: #CCC3A3 url(/education/arbsefolder/img/subnav-bg.gif) bottom left repeat-x;
	}
	
	#toc ul {
		margin: 0 0 0.5em 0;
		padding: 0;
		}
		
	#toc li {
		margin: 0 0 0 1.5em;
		padding: 0;
		}

img.il {
	float: right;
	margin: 8px;
	border: 1px solid #006;
	}
	
p.top {
	text-align: right;
	}