/* The NNNS web site has four page templates.

nnns.dwt defines the page header and footer.

threecolumn.dwt, twocolumn.dwt and onecolumn.dwt are based on nnns.dwt.

threecolumn.dwt has divisions identified as leftcolumn, centrecolumn and rightcolumn.

twocolumn.dwt has divisions identified as leftcolumn and twocolumn.

onecolumn.dwt has a division identified as onecolumn. */
  

/* message block style */

.messageblock
{
    font-size: medium;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ffff99;
    border: 1px solid #000000;
    padding: 10px;
}

/* styles for whole page */

#container
{
	width: 90%;
	background-color: #FFFFCC;
	margin: auto;
}

/* styles for page header and main menu */

#header
{
	background-color: #00CC00;
	height: 100px;
}

#headerlogo {
	float : left;
	display: block;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
}

#headerimage {
	float : right;
	display: block;
}

#headernnns {
	font-family: "Times New Roman", Times, serif;
	font-size: x-large;
	color: #000000;
	margin: 0px;
	font-style: italic;
	font-weight: bold;
	line-height: 85%;
	text-align: center;
	padding: 0.5em;
	display: block;
}

ul#mainmenulist
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	width: 100%;
	background-color: #00CC00;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFCC;
}

ul#mainmenulist li { display: inline; }

ul#mainmenulist li a
{
	float: left;
	width: 6.5em;
	background-color: #00CC00;
	padding: 0.2em 1em;
	text-decoration: none;
	color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFCC;
}

ul#mainmenulist li a:hover
{
background-color: #009900;
}

/* styles for page footer */

#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	color: #333;
	background-color: #00CC00;
}

.footnote {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	color: #000000;
	margin: 0px;
	text-align: center;
	display: block;
	padding: 0em;
}

/* styles for columns between header and footer */

#leftcolumn
{
    float: left;
	margin: 0;
	padding: 0.5em;
	width: 160px;
}

.columnimage img 
{
    width: 180px;
}

.columnnotice
{
    width: 88%;
    border: 1px solid gray;
    background-color: #FFFF99;
    margin: 0em 0em 0.5em 0.5em;
    padding: 0.5em;
}

.columnnotice h2
{
    color: red;
    margin: 0px;
    padding-bottom: 0.5em;
}

.columnnotice form
{
    margin: 0px;
}

.columnnotice span
{
    font-family: "Times New Roman" , Times, serif;
    font-size: small;
    font-weight: bold;
}

.columnnotice td
{
    font-family: "Times New Roman" , Times, serif;
    font-size: small;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    padding-top: 0;
    padding-right: 0.5em;
    padding-left: 0.1em;
    padding-bottom: 0;
}

.columnnotice table
{
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
}

ul#submenulist
{
	padding: 0;
	list-style-type: none;
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
}

ul#submenulist li {
	display: inline;
}

ul#submenulist li a
{
	float: left;
	width: 90%;
	background-color: #FFFFCC;
	text-decoration: none;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: gray;
	padding-top: 0.2em;
	padding-right: 1em;
	padding-bottom: 0.2em;
	padding-left: 1em;
}

ul#submenulist li a:hover
{
background-color: #00CC00;
}

#rightcolumn
{
	float: right;
	width: 180px;
	margin: 0;
	padding: 0.5em;
}

#centrecolumn
{
	margin-left: 200px;
	margin-right: 200px;
	padding: 1em;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: gray;
	border-left-color: gray;
}

#twocolumn
{
	margin-left: 200px;
	padding: 1em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: gray;
}

#onecolumn
{
	padding: 1em;
}

/* heading styles */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
}

/* paragraph styles */
p {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	color: #000000;
	margin: 0 0 .5em 0; 
}
li {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
}

/* table style */
table
{
	border-collapse: collapse;
	border: 1px solid gray;
}
th
{
    border: 1px solid #FFFFCC;
    padding: 0.5em;
    font-family: "Times New Roman" , Times, serif;
    font-size: medium;
    background-color: #00CC00;
}
td
{
    border: 1px solid gray;
    padding: 0.5em;
    font-family: "Times New Roman" , Times, serif;
    font-size: medium;
}

/* data entry font*/
input, textarea, select
{
    font-family: Sans-Serif, Ariel;
    font-size: small;
}
.captionedimage
{
	float: left;
	width: 300px;
	margin: 0;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}