#code {
    position: relative;
    min-height: 300px;
    font-size: 10pt;
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: white;
    border: solid #d4d4d4 2px;
}

#examples {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 10;
}
#amode {
    position: absolute;
    width: 10em;
    right: 70px;
    bottom: 71px;
    z-index: 10;
    : #990000;
}
#metric {
    position: absolute;
    width: 10em;
    right: 70px;
    bottom: 49px;
    z-index: 10;
    : #990000;
}
#degree {
    position: absolute;
    width: 10em;    
    right: 70px;
    bottom: 27px;
    z-index: 10;
}
#mode {
    position: absolute;
    width: 10em;    
    right: 70px;
    bottom: 5px;
    z-index: 10;
}
#runbutton {
	position: absolute;
	bottom: 5px;
	right: 5px;
	z-index: 10;
	background-color: #990000;
	color: white;
	font-size: 20px;
	font-weight: bold;
	padding: 20px;
	border-style: none;
	cursor: pointer;
}
#results {
    	border: solid #d4d4d4 2px;
	padding: 10px;
	display: none;
	font-size: 10pt;
	font-family: monospace;
}
.info {
	color: rgb(100, 100, 100);
	font-size: 10pt;
}

html,body{
  margin-left: auto;
  margin-right: auto;  
  margin-top: 0;
  position:relative;
  text-align:center;   
  background-color: #ffffff;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 100;
  height: 100%;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}


div#footerfull{
 position: absolute;
 bottom: 0;
 width: 100%;
 border:0;
 background-color: #990000;
}

div#navfull{
  width: 100%;
  border:0;
  background-color: #990000;
}

div.white{
  border:0;
  background-color: #ffffff;
}

div#header {
  text-align:center;
  background-color: #ffffff;
  /* margin-top: 50px; */
  margin-left: auto;
  margin-right: auto;  
  position:relative;
  width:54em;
}


div#navigation {
  border-top: solid #990000 5px;
  /* margin-top: 2px; */
  background-color: #990000;
  width:54em;
  margin-left: auto;
  margin-right: auto;  
  position:relative;
}

#navigation a:link {
  text-decoration: none;
  color: #f3f0e9;
}

#navigation a:visited {
  text-decoration: none;
  color: #f3f0e9;
}

#navigation a:hover {
  text-decoration: none;
  color: #FFFFFF;
}

#active a:link {
  text-decoration: none;
  color: #464646;
}

#active a:visited {
  text-decoration: none;
  color: #464646;
}

#active a:hover {
  text-decoration: none;
  color: #464646;
}


ul#nav{
    border:0 ;
    font-size: 120%;
    font-weight: bold;
    font-color: #f3f0e9;
    list-style:none;
    margin:0;
    padding-left:0px;
    padding-right:0px;
    padding-top:15px;
    padding-bottom:15px;
    text-align: left;
}

li#active{
  /* border-top: solid #000075 2px;   */
  background-color: #ffffff;
}

ul#nav li{
    display:inline;
    padding: 15px;
}

ul#nav a{
  padding: 5px;
  text-decoration: none;
  text-transform:uppercase;
}

/* ul#nav li:hover { */
/*   color: #c00; */
/*   background-color: #ffffff; */
/* } */




div#page {
  text-align:left;
  background-color: #ffffff;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 120px;
  width:54em;
  margin-left: auto;
  margin-right: auto;  
  position:relative;
}


table#layouttable {
 border:0;
 width:100%;
}

table#layouttable td {
/*  border: 1px solid #ccc; */
 vertical-align:top;
}

table#introtable {
 border:0;
 width:100%;
}

div.content {
  padding-left:35px;
  padding-right:35px;
  padding-top: 0px;
  padding-bottom:0px;
  border: 0;
  margin: 0;
  width: 36em;
}

td#photo {
  vertical-align:top;
  padding-right: 30px;
  padding-top: 20px;
}

div#mainmatter {
  padding:30px;
  padding-top:0px;
}


div#news {
  padding:30px;
  width:auto;
}


div#footer {
  /* border-top: solid #EBEBEB 5px; */
  background-color: #990000;
  text-align:left;
  color: #f3f0e9;
  /* margin-bottom: 50px; */
  margin-left: auto;
  margin-right: auto;  
  position: relative;
  width:54em;
}


div#impress {
 font-size:90%;
 padding-top:15px;
 padding-bottom:15px;
}


img {
 border:none;
}



dl.inline dd {
  padding-bottom: 20px;
}
dl.inline dt {
  padding-bottom: 5px;
    font-weight: normal;
}


h1 {
  text-align: left;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 300%;
  color: #464646;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 90px;
  padding-bottom: 40px;
  padding-left: 35px;
  padding-right: 35px;
}

h2 {
  text-align: left;
  font-size: 160%;
  font-weight: 100;
  color: #990000;
  margin-bottom: 10px;
  margin-top: 0px;
  margin-right: 60%;
  margin-left: 0;
  padding-top: 35px;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 5px;
  border-bottom: solid #990000 5px;
}

h3 {
  text-align: left;
  font-size: 120%;
  font-weight: bold;
  color: #464646;
  margin-bottom: 0px;
  margin-top: 10px;
  margin-right: 0;
  margin-left: 0;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
}

div#news h2 {
  text-align: left;
  font-size: large;
  font-weight: normal;
  padding-top: 0px;
  padding-bottom: 3px;
  border-bottom: dotted #999999 1px;
}


a:link {
  text-decoration: none;
  color: #936241;
}

a:visited {
  text-decoration: none;
  color: #936241;
}

a:hover {
  text-decoration: none;
  color: #d17702;
}

.coordlbl {
  text-align: left;
  padding-top: 15px;
  vertical-align:top;
}

.coord {
  padding-left: 50px;
  padding-top: 15px;
}

/* ul { */
/*   list-style-type: none; */
/* } */

/* ul li { */
/*   text-indent: -20px; */
/*   margin-bottom: 20px; */
/* } */


ul.publications {
  list-style: none;
  padding-left:0;
}
ul.publications li {
  margin-bottom: 30px;
  margin-top: 30px;
}

div.title {
  font-size: 100%;
  font-weight: normal;
}

div.authors {
  font-size: 90%;
}

div.info {
  padding-top: 5px;
  font-size: 90%;
  font-style: italic;
  font-weight: normal;
}

div.date {
  font-size: 90%;
}

div.files {
  padding-top: 5px;
  font-size: 90%;
}

p.highlight {
  font-style: italic;
  font-weight: bold;
}