body {
    /* This background image is 794 pixels wide. This will be the narrowest the page can be before horizontal scrolling. */
    background: #fff url("/website/ntwebsite.nsf/images/bg/body.gif") center repeat-y;
    color: #302f2f;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    margin: 6px 0;
    text-align: center;
}
a {
    color: #36c;
}
form {
	margin: 0;
}
/* This is the masthead that appears at the top of each page. It can only appear once on a page. */
#masthead {
    border-bottom: 1px solid #302f2f;
    margin: auto;
    margin-bottom: 15px;
    text-align: left;
    width: 731px;
}
#masthead .links {
    float: left;
    font-weight: bold;
    margin-top: 35px;
    width: 540px;
}
#masthead .links a {
    color: #fff;
    margin: 0 5px;
    text-decoration: none;
}
#masthead .links a:hover {
    text-decoration: underline;
}
#masthead .links td {
    padding: 0 0px;
    line-height: 23px;
    text-align: center;
}
#masthead .links td.topic {
    background: #838383;
    border-right: 1px solid #000;
    color: #fff;
}
#masthead .links td.topic a {
	margin: 0;
}
#masthead .links td.topic a:hover {
	text-decoration: none;
}
#masthead .links td.link {
    background: #36c;
    border-right: 1px solid #000;
    color: #fff;
}
#masthead .links td.date {
    border-right: 1px solid #000;
}
#focus-dropdown {
	background: #838383;
	border-top: 1px solid #000;
	display: none;
	filter: alpha(opacity=90, style=0);
	-moz-opacity: 0.9;
	line-height: 18px;
margin: 0 87px;
top: 64px;
/*	margin: 58px 87px;*/
	padding: 6px 20px;
	position: absolute;
	text-align: left;
	width: 265px;
	z-index: 100;
}
#masthead #focus-dropdown a {
	color: #fff;
    text-decoration: none;
}
#masthead #focus-dropdown a:hover {
    text-decoration: underline;
}
#main {
    height: 341px;
    margin: auto;
    text-align: left;
    width: 731px;
}
#nav-rail {
    border-left: 1px solid #cfcfcf;
    float: right;
    height: 341px;
    margin-left: 10px;
    padding: 0 10px 0 12px;
    width: 169px;
}
#nav-rail h2 {
    border-top: 1px dashed #d1d1d1;
    border-bottom: 1px dashed #d1d1d1;
	font-size: 14px;
	margin: 0;
	padding: 3px 2px;
}
#nav-rail h2 img {
	float: left;
	margin: 1px 5px 0 0;
}
#nav-rail h3 {
	font-size: 11px;
	height: 18px;
	margin: 0px 0 0;
	padding: 0 2px;
}
#nav-rail h3.selected {
	background: #ebf3f9;
    border-top: 1px dashed #d1d1d1;
    border-bottom: 1px dashed #d1d1d1;
	font-size: 11px;
    height: 18px !important;
    height: 20px;
    margin: -3px 0 -2px;
    padding: 2px 2px 0px ;
}
#nav-rail h3 a {
	color: #302f2f;
	text-decoration: none;
}
#nav-rail h3 img {
	margin: 5px 2px 0 0;
}
#nav-rail h3 a:hover {
	color: #36c;
	text-decoration: underline;
}
#nav-rail b {
	color: #36c;
	font-size: 13px;
	margin-top: 2px;
}
#nav-rail h3 .count {
	font-weight: normal;
	padding-left: 10px;
}
#nav-rail h4 {
	font-size: 11px;
	font-style: italic;
	margin: 0 0 0 25px;
}
#nav-rail p.preview {
	font-size: 10px;
	line-height: 12px;
	margin: 0 0 4px 23px;
}
#nav-rail p.preview a {
	color: #302f2f;
	font-style: italic;
	text-decoration: none;
}
#nav-rail p.preview a:hover {
	color: #36c;
}
#nav-rail p {
	margin: 7px 0 6px;
}
#nav-rail #languages {
    color: #36c;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 9px;
}
#nav-rail #languages a {
    text-decoration: none;
}
#nav-rail #languages a:hover {
    text-decoration: underline;
}
#content {
    height: 31px;
    margin-right: 201px;
	position: relative;
	z-order: 10;
}
#content .icons {
    background: #fff;
    border-left: 6px solid #fff;
	display: inline;
	right: 0px;
	position: absolute;
    top: -2px;
	z-index: 100;
}
#content .icons img {
    margin: 0 1px;
}
#content h1 {
    border-top: 1px dashed #d1d1d1;
    font-size: 22px;
    margin: 0 9px;
    padding: 12px 0 0;
	z-order: 10;
}
#content h1.no-borders {
    font-size: 22px;
    margin: 0 9px;
	z-order: 10;
}
#content .add-info {
	font-size: 12px;
	margin: 0px 9px 0px 280px;
}
#content .column {
    display: inline;
    float: left;
    margin: 0 2px 0 12px;
/*    text-align: justify;*/
    width: 160px;
	z-index: 100;
}
#content .large-photo {
    border: 1px solid #000;
    float: left;
    margin: 4px 0 0 12px;
}
#content .photo-column {
    background: #ebf2fa;
	border-bottom: 1px dashed #d1d1d1;
    display: inline;
    font-style: italic;
    float: left;
    height: 300px;
    margin: 0 2px 0 12px;
    overflow: hidden;
    width: 160px;
	z-index: 2;
}
#content .photo-column a {
    color: #302f2f;
    text-decoration: none;
}
#content .photo-column a:hover {
    color: #36c;
    text-decoration: underline;
}
#content .photo-column b {
    font-style: normal;
}
#content .photo-column img {
    background: #fff;
	border-bottom: 1px dashed #d1d1d1;
    padding: 8px 0 4px;
}
#content .photo-column p {
    font-size: 10px;
    line-height: 12px;
    margin: 5px 8px;
}
#content .column p {
	margin: 0 0 16px;
}
#content .medium {
    font-size: 12px;
	line-height: 16px;
}
#content .moblog-page {
	height: 270px;
	overflow:hidden;
	position: absolute;
	z-index: 10;
/*	display: none;*/
	font-size: 13px;
	margin: 0 0 10px;
	overflow: hidden;
    padding: 0;
    height: 270px;
}
#content .moblog-page .photo-column {
    background: #ebf2fa;
	border-bottom: 1px dashed #d1d1d1;
    display: inline;
    font-style: italic;
    float: left;
    height: 269px;
    margin: 0 2px 0 12px;
    width: 160px;
	z-index: 2;
}
#content .moblog-page .photo-column img {
	z-index: 10;
}
#content .moblog-page .photo-column p {
	line-height: 13px;
}
#content .page {
	height: 270px;
	overflow:hidden;
	position: absolute;
	z-index: 10;
	
	color: #302f2f;
	font-size: 13px;
	margin: 6px 0 16px;
	overflow: hidden;
    padding: 0;
    height: 256px;
}
#content .page.with-photo{
	left: 174px;
	width: 360px;
}
#content .front-page {
    height: 341px;
	margin: 0 0 16px 11px;
	overflow: hidden;
}
#content .front-page h1 {
	border: 0;
	margin: 9px 0 0;
	padding: 0;
}
#content .front-page p {
	font-size: 12px;
	margin: 5px 0 12px;
	line-height: 16px;
}
#content .scroll-page {
	font-size: 12px;
    height: 289px;
	margin: 12px 0 12px 11px;
    overflow: auto;
}
#content .scroll-page-full {
	font-size: 12px;
    height: 341px;
	margin: 12px 0 12px 11px;
	padding-right: 12px;
    overflow: auto;
}
#content .scroll-page h2 {
	font-size: 1.2em;
    margin: 0 0 4px;
}
#content .scroll-page .date {
	font-size: 11px;
    font-style: italic;
    font-weight: bold;
    float: left;
    height: 75px;
    width: 75px; 
}
#content .scroll-page-full .date {
	font-size: 11px;
    font-style: italic;
    font-weight: bold;
    float: left;
    height: 100px;
    width: 75px; 
}
#content .scroll-page-full .date img {
    border-bottom: 1px solid #302f2f;
    margin: 10px 0 0 2px;
}
#content .scroll-page h2 .date-1 {
	font-size: 11px;
    font-style: italic;
    font-weight: bold;
    float: left;
    margin-top: 2px;
    width: 65px; 
}
#content .scroll-page .icon {
	font-size: 11px;
    font-style: italic;
    font-weight: bold;
    float: left;
    height: 75px;
    width: 50px; 
}
#content .scroll-page .thumb {
	font-size: 11px;
    font-style: italic;
    font-weight: bold;
    float: left;
    height: 95px;
    width: 95px; 
}
#content .scroll-page .thumb img {
    border: 1px solid #000;
}
#content .scroll-page .article {
    clear: left;
    margin-bottom: 12px;
}
#content .scroll-page-full .article {
	border-bottom: 1px dashed #d1d1d1;
    clear: left;
    margin-bottom: 12px;
	padding-bottom: 12px;
}
#content .scroll-page .article a, #content .scroll-page-full .article a {
    color: #302f2f;
    text-decoration: none;
}
#content .scroll-page .article a:hover, #content .scroll-page-full .article a:hover {
    color: #36c;
    text-decoration: underline;
}
#content .bio-page {
	font-size: 12px;
    height: 296px;
	margin: 6px 0 12px 11px;
    overflow: auto;
}
#content .bio-page p {
    margin: 0 6px 12px;
}
#content .more {
	color: #36c;
	font-weight: bold;
	margin: 0 10px;
}
#content .more b {
	color: #36c;
	font-size: 13px;
	margin: 2px 2px -2px;
}
#content .more a {
	color: #36c;
}
#content .more a:hover {
	text-decoration: none;
}
#page-controls {
	position: absolute;
	top: 322px;
	border-top: 1px dashed #d1d1d1;
	font-weight: 11px;
/*	font-weight: bold;*/
	margin: 0 0 0 12px; /* Was 18px top margin before this become an absolute positioned box. */
	padding: 3px 0 0;
	text-align: center;
	width: 507px;
	z-index: 100;
}
#page-controls.with-photo {
	left: 170px;
	width: 346px;
}
#page-controls.moblog {
    margin: 2px 10px 0 13px;
}
#page-controls .prev {
	float: left;
}
#page-controls .next {
	float: right;
}
#page-controls a {
	color:  #302f2f;
	font-size: 11px;
	text-decoration: none;
	z-index: 1;
}
#page-controls a:hover {
	color:  #36c;
}
#page-controls b {
	color: #36c;
	font-size: 13px;
	margin-top: 2px;
}
#page-controls .pages {
	margin-top: 3px;
}
#page-controls .pages input {
	background-color: #fff;
	border: none;
    cursor: default;
	color: #302f2f;
	font-size: 11px;
	font-family: Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 50px;
}
#bottom-links {
    border-top: 1px dashed #d1d1d1;
    border-bottom: 1px dashed #d1d1d1;
	clear: all;
    font-weight: bold;
    margin: auto;
    margin-top: 9px;
    margin-bottom: 0px;
    padding: 6px 0px;
    width: 698px;
}
#bottom-links td {
    text-align: left;
}
#bottom-links a {
    margin-right: 10px;
}
#bottom-links img {
    float: left;
    margin: 0 5px 0 0;
}
#ads {
    margin: auto;
    margin-top: 5px;
}
#ads img {
    border: 1px solid #cfcfcf;
    margin: 1px;
}
noscript {
	background: #fff;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	padding: 160px 0 165px;
	width: 539px;
	text-align: center;
	z-index:1;
}
#copyright {
	font-size: 9px;
	font-weight: bold;
	margin: auto;
	text-align: left;
	width: 709px;
}
/* This controls form elements and form layout */
.form-page {
	font-size: 12px;
    height: 233px;
	margin: 20px 0 12px 11px;
    overflow: auto;
}
.form-name {
	font-size: 11px;
    font-weight: bold;
    float: left;
    height: 25px;
    width: 115px; 
}
input.text {
    height: 14px;
    padding-top: 0;
    width: 100px;
}
.form-item {
    clear: left;
    margin-bottom: 6px;
    width: 350px;
}
.form-item textarea {
    height: 32px;
}
#content .photo-column,
#content .moblog-page .photo-column{
    /* display: none;*/
}