#signature { font-size: 7pt; color: gray; font-family: verdana;text-align: right; margin-left: 30px;}

body  {
	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: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
	
H1 { font-size: 10pt; color: brown; font-family: verdana;text-align: left;margin-left: 20px;}

H2{
font: bold 8pt/0pt Arial; 
color: black; 
font-family: verdana;
margin-left: 30px;
}

H2:first-line{
font: bold 8pt/8pt Arial; 
color: black; 
font-family: verdana;
}

H3 { font: bold 8pt/8pt verdana; color: brown; margin-left: 20px;}

P{ font: normal 8pt/8pt Arial; color: rgb(80, 80,80); text-align:justify; font-family: Verdana; margin-left: 0px;}

.cm { font: normal 8pt/8pt Arial; color: rgb(80, 80,80); text-align:justify; font-family: Verdana; margin-left: 30px;}

UL{ font: normal 8pt/8pt Arial; color: rgb(80, 80,80); text-align:justify; font-family: Verdana; margin-left: 30px;}

button {
font-size:8pt;
margin-left: 5pt;
}

input {
font-size:8pt;
margin-left: 20pt;
}

.sidetable input {
font-size:20pt;
margin-left: 5pt;
}
.sidetable P{ font: bold 8pt/8pt verdana; color: brown; margin-left: 20px;}


.listtable P{ font: normal 8pt/10pt Arial; color: rgb(80, 80,80); text-align:left; font-family: Verdana; margin-left: 1px;}

.listtable H2{
text-align: left;
margin-left:10px;
}

.listtable TD{
height: 3px;
padding: 0px 0px 1px 0px;
font: bold 12pt/9pt Arial;


}

.listtable INPUT{
font-size:8pt;
margin-left: 1pt;
}

#col1{
width: 5%;
}

#col2{
width: 65%;
}

#col3{
width: 30%;
}

#col4{
width: 10%;
}
#col5{
width: 50%;
}

#col6{
width: 50%;

}
#col7{
width: 5%;
}

#col8 P{
padding: 0px 0px 10px 0px;
}

#col8{
width: 80%;

}
#col9{
width: 15%;

}

#previous{
width: 200;
float: left;
}

#previous a{
color: blue;
font-weight: bold;
font-size:8pt;
padding: 2px 6px 4px 6px;
font-family: verdana;
}

#next{
width: 200;
float: right;
}

#next a{
color: blue;
font-weight: bold;
font-size:8pt;
padding: 2px 6px 4px 6px;
font-family: verdana;
}



.formspace a{
color: blue;
font-weight: bold;
font-size:8pt;
font-family: verdana
}

.listtable INPUT{
font-size:8pt;
margin-left: 10px;
}

.middlecolumn INPUT{
font-size:8pt;
margin-left: 40px;
}


textarea{
font-size:8pt;
font-family: arial;
margin-left: 40px;
}

select{
font-size:8pt;
margin-left: 40px;
}

#maincontainer {
width:700px; 
margin-left:auto;
margin-right:auto;
}

#middlecolumn {
width: 565px;
float: right;
padding-top:15px;
padding-right:5px;
padding-bottom:25px;
padding-left:5px;
position: static;
border-left: 1px solid lightgrey;
text-align: left;
}

#leftcolumn {
width: 125px;
padding-top:0px; 
position: static;
padding-left:5px;
background-color: azure;
}

#timeline {
width: 100%;
height: 120px;
overflow:auto;
border:none;
text-align: right;

}

#bargraph {
width: 100%;
height: 300px;
overflow:auto;
border:none;
text-align: right;
}

#leftcolumn a{
color: grey;
font-weight: bold;
font-size:8pt;
padding: 2px 1px 2px 1px;
font-family: verdana;
text-decoration: none;
}

#leftcolumn a:hover {
color: rgb(50, 50,50);
}

#leftcolumn P{
font: normal 7pt/7pt Arial;
color: rgb(0, 80,80);
text-align: left;
font-family: Verdana;
margin-left: 0px;
padding-left:0;
}


#topbar {
width:700px;
border-bottom: 1px solid lightgrey;
background-color: azure;
}

#toplinks {
text-align: left;
line-height: 100%;
}

#toplinks a{
color: grey;
font-weight: bold;
font-size:8pt;
padding: 0px 10px 0px 0px;
font-family: verdana;
text-decoration:none;
}

#toplinks a:hover{
color: rgb(50, 50,50);
}

#loginlink {
text-align: right;
line-height: 100%;
}

#loginlink a{
color: grey;
font-weight: bold;
font-size:7pt;
padding: 0px 5px 0px 0px;
font-family: verdana;
text-decoration:none;
}

#loginlink a:hover{
color: rgb(50, 50,50);
}

#title {
font: bold 10pt/10pt Arial;
color: brown; 
font-family: verdana;
text-align: center;
line-height: 150%;
}


#link1 {
color: blue;
font-weight: bold;
font-size:8pt;
padding: 2px 6px 4px 6px;
font-family: verdana
}

#staffpic {
float:right;
}

#centerpic p{
text-align:center;
}

#righttext p{
text-align:right;
margin-right:10px;
}

.narrowspace H3 { font: bold 8pt/1pt verdana; color: brown; margin-left: 20px;}
.narrowspace P{ font: normal 8pt/8pt verdana; color: rgb(80, 80,80); text-align:justify; font-family: Verdana;margin-left: 30px;}

.hidden { display: none; }
.unhidden { display: inline; }

#greybox{
padding: 10px 10px 10px 10px;
background-color: yellow;
border: 1px solid lightgrey;
text-align: center;
}


