html, body {
height: 100%;
float: left;;
font-family: arial;
margin: 0px;
}
#container {
position: relative;
min-height: 100%;
height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
}

html>body #container {
height: auto;
}

#centerarea {
float: left;
padding: 5px 10px 5px 20px;
}

#centerarea p{
font-size: 0.9em;
}

#centerarea label
{
width: 15em;
float: left;
}

#topnav{
font-family:verdana, arial, helvetica, sans-serif;
background-color: #C65A29;
float; right; 
width: 96%;
text-align:right;
vertical-align: center;
color: #ffffff;
margin-top: 0px;
padding: 10px 10px; /* to add padding to nav bar */ 
font-size: 1em; 
}

#topnav span{
float:left;
width:650px;
text-align:left;
vertical-align: center;
}


#footer {
/*position: absolute;*/
position: relative;
float: left;
bottom: 0;
padding: 10px 10px 10px 10px;
}

#footer p{
font-size: 0.7em;
}

tr.RepHead  {font-size: 0.75em; vertical-align: bottom; color: #FFFFFF; background-color:#FAA632; font-weight: bold; }
tr.RepBody  {
  font-size: 0.75em;
  vertical-align: top;
  }
tr.input    {font-size: 0.9em;}
td.camraid {text-align: left;width:100px;}
td.location {width:150px;}
td.pub {width:150px;}
td.comments {width:350px;}

p.TableData { font-size: 10pt; margin-top: 3; margin-bottom: 3 }
p.navbar { color: brown; font-size:1em;}

h1 {color:#ffffff; font-size:18pt;margin-bottom: 0.1em;}
h1.titleTop { 
  float: none; 
  font-size: 44px; 
  font-weight:bold; 
  text-transform:uppercase; 
  padding-top:4px; 
  padding-bottom:0px; 
  margin-top:0px; 
  margin-bottom:0px; 
  color: #FFFFFF; 
  border: 0px;
  
}
h2 {color:#80552B; font-size:14pt}
h3 {color:#80552B; font-size:12pt}
h4 {color: white;font-size: 12;font-weight: bold;margin-bottom: 0px;margin-top: 5px;}

hr {color:maroon}

p
{
font-size: 12pt;
margin-left: 0px;
margin-bottom: 5px;
margin-top: 5px
}

p.footer
{
font-size: 0.8em;
margin-left: 0px;
margin-bottom: 5px;
margin-top: 5px;
}

p.error
{
color: red;
font-size: 12pt;
font-weight: bold;
margin-left: 0px;
margin-bottom: 5px;
margin-top: 5px
}
p.status
{
font-size: 0.8em;
}
p.Logon_Bar
{
font-size: 10pt;
margin-left: 0px;
margin-bottom: 5px;
margin-top: 5px;
}
li
{
font-style: italic;
font-weight: bold;
}
p.fakenav{font-size: 0.7em;color:#d9d9d9}
p.updated{font-weight:bold;color:#228b22}

a.topnavbar:link {text-decoration: none;font-weight: bold;color:white}
a.topnavbar:visited {text-decoration: none;font-weight: bold;color:white}
a.topnavbar:hover {text-decoration: underline;font-weight: bold;color:white}
a.topnavbar:active {text-decoration: none;font-weight: bold;color:white}

a.pgnav:link {text-decoration: none;font-size:0.7em;color:#C65A29}
a.pgnav:visited {text-decoration: none;font-size: 0.7em;color:#C65A29}
a.pgnav:hover {text-decoration: underline;font-size: 0.7em;color:#C65A29}
a.pgnav:active {text-decoration: none;font-size: 0.7em;color:#C65A29}

a:link     {text-decoration: none;font-weight: bold;color:#C65A29}
a:visited  {text-decoration: none;font-weight: bold;color:#C65A29}
a:hover    {text-decoration: underline;font-weight: bold;color:#C65A29}
a:active   {text-decoration: none;font-weight: bold;color:#C65A29}