/** Main styles for the document **/

html
{margin: 0;
border: 0;
padding: 0;
overflow-y: scroll; /** Up-down scrollbar is always present. **/}

body
{margin: 0;
border: 0;
padding: 0 0 50px;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;}

header
{margin: 0;
border: 0;
padding: 0;
position: fixed;            /** Fixed header relative to browser window. **/
width: 100%;
z-index: 1000;              /** Header above other elements when scrolling. **/
background-color: #ffffff;  /** Header gets white background,. **/
text-align: center;         /** Centers nav bar. **/
white-space: nowrap;        /** Header element don't wrap. **/}

h5
{
margin: 4px;
border: 0;
padding: 4px 0 0;
font-size: 11pt;
font-weight: normal;
color: #525252
}


h4
{margin: 40px 0 0;
border: 0;
padding: 0;}

h4:first-of-type
{margin: 0;}

/** The title of the page. **/
header h2  /** H2s inside of a header. **/
{margin: 4px;
border: 0;
padding: 4px 0 0;
font-size: 16pt;
font-family: helvetica;
font-weight: lighter;}

body h3  /** H#s inside of body. **/
{margin: 0px;
border: 0;
padding: 4px 0 0;
font-size: 11pt;
font-family: helvetica;
font-weight: bolder;}

/** The horizontal lines in the header. **/
header hr {
  margin: 6px 0;              /* adjust spacing as needed */
  border: none;
  height: 1px;                 /* thin line */
  background-color: #d0d0d0;   /* light grey */
}

/** The navigation bar. **/
nav
{margin: 0;
border: 0;
padding: 0;}

/** Anything that is a menu in nav. **/
nav ul  /** List inside nav bar. **/
{margin: 0;
border: 0;
padding: 0;
position: relative;     
list-style: none;       /** Suppresses bullets. **/
display: inline-table;  /** This isn't supported in IE before version 8. **/
vertical-align: bottom; /** Forces the main navigation bar to the bottom of the nav. **/}

/** Anything that is an entry in nav. **/
nav ul li  /** Li's that are in a ul which is inside of a nav. **/
{float: left;
margin: 0 25px;
border: 0;
padding: 0;}

/** Links in the main navigation bar. **/
nav > ul a  /** Links that are in a ul which is in a nav. **/
{margin: 0;
border: 0;
border-radius: 5px;
padding: 2px 5px;
display: block;
font-size: 12pt;
font-family: helvetica;
font-weight: normal;}

/** Actual content **/
#content
{margin: 0 auto;
border: 0;
padding: 100px 0px 0px;
width: 70%;
min-width: 300px;
max-width: 700px;
text-align: left;
position: relative;
display: block;
font-size: 11pt;
font-family: helvetica;
font-weight: lighter;}

#contactinfo
{text-align: left;
width: 355px;
height: 131px;
margin: 15px 0;
border-collapse: collapse;
display: block;
font-size: 11pt;
font-family: helvetica;
font-weight: lighter;
}

#contactinfo 
td{vertical-align: top;}
.c1{margin: 0;
border: 0;
padding: 0;
width: 65px;}
.c2{margin: 0;
border: 0;
padding: 0;
width: 290px;}
.r1{height: 25px;}
.r2{height: 80px;}
.r3{height: 25px;}      

/** Link styles **/
/** All links same color. **/
a:link, a:hover, a:visited, a:visited:hover
{color: #508F5C;
text-decoration: none;}

/*Links under hover get background.*/
a:hover, a:visited:hover
{background-color: #EAECEE;}

/*No border on images.*/
a img
{border: none;}