body {
	font: 9pt Arial, Verdana, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
}
.main #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 20px;
}
.main #header {
	background: #DDDDDD url(../img/naus_logo_banner.jpg) no-repeat; 
	padding: 0px 0px 0px 0px;  
	height: 90px;
	border-width: 0px;
	max-height: 90px;
	margin: 0;
}
.main #header img{
	margin: 10px 0px 0px 10px;
}
.main #navbar {
	background: #000000 url(../img/nav_tile.jpg) repeat-x; 
	padding: 0 0 0 0;
	height: 30px;
	margin: 0;
}
.main #navbar #navelement {
	padding: 6px 0 0 0; 
	color: #FFFFFF; 
	float: left;
	clear: none;
	font-weight: bold;
	font-size: 10.5pt;
	text-align: center;
}
.main #navbar #navleft #navelement {
	background: url(../img/nav_bg_left.jpg) top left no-repeat;
}
.main #navbar #navright #navelement {
	background: url(../img/nav_bg_right.jpg) top right no-repeat;
}
.main #navbar #navseparator {
	width: 2px;
	height: 30px;
	background: url(../img/nav_separator.jpg) left no-repeat;
	float: left;
	clear: none;
	padding: 0 0 0 0;
}

.main #navbar #navelement a {
	color: #FFFFFF; 
	text-decoration: none;
}

.main #navbar #navelement a.current {
	color: #999999; 
	text-decoration: none;
}
.main #navbar #navelement a:link {
	text-decoration: none;
}
.main #navbar #navelement a:active {
	text-decoration: none;
}
.main #navbar #navelement a:visited {
	text-decoration: none;
}
.main #navbar #navelement a:hover {
	color: #999999;
	text-decoration: none;
}


.main #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #888888 url(../img/section_bg.jpg) top left no-repeat;
	/*height: 470px;*/
	float: left;
	height: auto;
	min-height: 470px;
	width: 780px;
}

.main #mainContent #mainLayout {
	padding: 30px 10px 10px 10px;

}

.main #mainContent #mainLayout #devText {
	float: right;
	clear: none;
	width: 590px;
	text-align: justify;
}

.main #mainContent #mainLayout #devText #devSlideshow {
	padding: 0px 0px 10px 15px;
	float: right;
	clear: none;

}


#subHeadingLeft {
	width: 70px;
	float: left;
	clear: none;
}

#formElement{
	margin-bottom: 5px;
}
#formLabelLeft {
	width: 100px;
	float: left;
	clear: none;
}

#textHeading {
	font-weight: 400;
	font-size: 13.5pt;
	line-height: 1.5;
}

#directorBio{
	width: 560px;
	height: 110px;
	margin: 0px 0px 20px 20px;
}

#directorBio img{
	float: left;
	clear: none;
	margin-right: 10px;

}
#directorBio #directorName{
	font-weight: 400;
	font-size: 11pt;
}


a#contentLink:link {
	color: #436c14; 
	text-decoration: none;
}
a#contentLink:active {
	color: #436c14; 
	text-decoration: none;
}
a#contentLink:visited {
	color: #436c14; 
	text-decoration: none;
}
a#contentLink:hover {
	color: #436c14;
	text-decoration: underline;
}

#leftNav {
	padding: 0px 10px 0px 0px;
	width: 160px;
	float: left;
	clear: none;
}
#leftNavSection {
	padding: 0px 0px 40px 0px;
	width: 160px;
}
#leftNavHeading {
	width: 160px;
	height: 20px;
	padding-top: 5px;
	color: #FFFFFF;
	font-weight: bold;
	background: #000000 url(../img/left_nav_section_bg.jpg) no-repeat top left;
}
#leftNavHeading span {
	padding: 0px 0px 0px 8px;
}
#leftNavElement {
	width: 160px;
	padding-top: 5px;
	height: 20px;
	color: #FFFFFF;
	background: #434343;
}
#leftNavElement span {
	padding: 0px 0px 0px 12px;
}
#leftNavElementSelected {
	width: 160px;
	padding-top: 5px;
	height: 20px;
	color: #FFFFFF;
	background: #748c5a;
}
#leftNavElementSelected span {
	padding: 0px 0px 0px 12px;
}
a#leftNavLink:link {
	color: #ffffff; 
	text-decoration: none;
}
a#leftNavLink:active {
	color: #ffffff; 
	text-decoration: none;
}
a#leftNavLink:visited {
	color: #ffffff; 
	text-decoration: none;
}
a#leftNavLink:hover {
	color: #cccccc;
	text-decoration: none;
}


.main #footer {
	padding: 0 0px;
	background:#ffffff;
}
.main #footer #footerelement {
	padding: 6px 0 0 0; 
	color: #333333; 
	clear: none;
	font-size: 8pt;
}
.main #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.main #footer #footerelement a:link {
	color: #333333; 
	text-decoration: underline;
}
.main #footer #footerelement a:active {
	color: #333333; 
	text-decoration: underline;
}
.main #footer #footerelement a:visited {
	color: #333333; 
	text-decoration: underline;
}
.main #footer #footerelement a:hover {
	color: #333333;
	text-decoration: none;
}