body { font-size: 8pt; background-color:#66676b; margin:0; font-family: verdana, Helvetica, Arial, sans-serif; line-height: 10pt; }

#container  { background-color: #fff; background-position: center; margin:0 20px 0 0; position: absolute; z-index:1; top: 30px; left: 10%; right: 10%; width: 740px; border-color: #494950; border-style: solid; border-width: 8px 8px 20px; 	
}


#content{
	margin-top: 165px 
	}

img{
	display:block;
	}
p { color: #494950; font-size: 1em; line-height: 10pt; text-decoration: none; }
.title { color: #000; font-size: 1em; font-weight: 400; line-height: 10pt; text-decoration: none; }
.subtitle { color: #8c8c8c; font-size: 1.1em; font-variant: small-caps; text-decoration: none; margin-bottom: 5px; }
.filedetails { color: #8c8c8c; text-decoration: none; text-transform: lowercase; margin-bottom: 5px; }
h4 { color: #4d9eb3; font-size: 1em; font-weight: 400; line-height: 110%; margin: 0; padding: 0 20px 5px 10px; }
#footnotes { color: #a8a8a8; font-size: 7pt; font-weight: 400; line-height: 8pt; background-color: #494950; text-decoration: none; width: auto; height: 20px; clear: both; padding: 10px 10px 15px 5px; }
a{ font-size: 8pt; font-weight: 600; line-height: 10pt; text-decoration:none
	    }
a:link { color: #1fa4b8; }
a:hover { color: #2b2b2b; border-bottom: 1px solid #a8a8a8; }
a:visited { color: #1fa4b8; }
#masthead{
	position:absolute;
	top:80px;
	left:10%;
	width:750px;
	height:86px;
	margin:0;
	padding:0;
	white-space: nowrap;
	z-index:2
	}

#logo{ float:left; width:110px; height:50px; clear: both; }

#menutext { position: absolute; top: 70px; float:left; }
#menucap { width: 176px; line-height: 86px; float: left; }
#menu{ margin:0 0 0 10px; height:76px; width:140px; color:#494950; background-color:#fff; text-transform:uppercase; padding:5px 5px 5px 15px; text-indent: 6px; clear: left; border-width: 0; }
#menu ul{ margin:0; padding:0; border-left-style: none; list-style:none; }

#menu li{ line-height: 10px; text-align:left; margin:0 0 0 1px; clear: both; }
/**this one determines the text size and turns the other menu links gray**/
#menu li a{ color:#494950; font-size: 7pt; font-weight: bold; line-height: 10pt; text-decoration: none; }
/**this one turns the selected page link blue**/
#menu .active a { color: #1fa4b8; border-top-width: 0; border-top-color: #fff; border-right-width: 0; border-right-color: #fff; border-bottom-width: 0; border-bottom-color: #fff; border-left: 0 solid #fff; }
#menu li a:hover { color: #000; font-weight: bold; text-decoration: none; border-left: 3px solid #fff; border-top-color: #fff; border-right-color: #fff; border-bottom-color: #fff; }

#menu .active a:hover{ color: #000; border-left: 3px solid #fff; }

#newscolumn{ text-decoration: none; text-align: left; position:absolute; top:180px; left: 20px; z-index:4; padding-bottom:4px; width:80px; float: left; padding-left: 5px; }

#news{
	padding:0;
	height:430px;
	background-color:#444;
	}

#news p{
	color:#2b2b2b;
	font-size:0.8em;
	margin-top:0;
	margin-bottom:10px;
	}

#news h2{ font-weight:400; color:#494950; text-decoration: none; padding:0; margin:0; }
h1.callout{ font-size:1em; text-align:left; line-height:100%; color:#494950; text-transform: lowercase; clear: both; margin:20px 0 10px 5px; padding:0; }
h3 { color: #494950; font-size: 0.9em; line-height: 100%; text-align: left; text-transform: lowercase; margin: 20px 0 10px 0; padding: 0; clear: both; }
h2 { color: #494950; font-size: 1.1em; line-height: 100%; text-align: left; text-transform: lowercase; margin: 20px 0 10px; padding: 0; clear: both; }
#maincol p .project { color: #494950; font-size: 1em; font-weight: bold; text-align: left; display: block; }
h1.callout .emphasis{
	color:#39c;
	}
#maincol{ background-color: white; background-position: center; width:550px; float: right; }
#maincol img{ border:solid 1px #a8a8a8; margin:0 10px 10px 0; float:left; padding: 5px; }
#maincol a img { margin: 0 10px 10px 0; padding: 5px; float: left; border: solid 1px #a8a8a8; }
#maincol a:hover img { background-color: #d6d6d6; margin: 0 10px 10px 0; padding: 5px; float: left; border: solid 1px #a8a8a8; }
#newscolumn img { margin: 0 10px 10px 0; padding: 5px 5px 5px 0; float: left; }
#maincol p{ margin:0; color:#494950; font-weight: 400; padding: 0 20px 10px 10px; }
#maincol .piece{ width:auto; clear: left; margin:0 5px 20px; }
#download img { background-color: #fff; border-color: #fff; border-width: 1px; }
#download a img { background-color: #fff; border-width: 1px; border-color: #a8a8a8; }
#download a:hover img { background-color: #fff; border-width: 1px; border-color: #4d9eb3; }
#mail { float: right; clear: both; padding-right: 10px; }
#mail img { background-color: white; border-style: none; }
#mail a img { background-color: white; border-style: none; }
#mail a:hover img { background-color: white; border-style: none; }
