/* General styles */

body
{ 
  margin:0px; 
  padding:0px; 
  font-family: Arial, sans-serif; 
  font-size:85%;
  color:#000; 
  background-color:white; 
}

h1,h2,p,ul.arrowlist{ width:500px; }
h1,h2{ margin-bottom:8px; font-size:130%; color:#055; }
h2{ font-size:120%; }
p,ul,table{ margin-top:20px;}

table{ border-collapse:collapse; font-size:90%;}
th{ background-color:#A1BCFA; text-align:left;}
td, th{ padding:0.5em; border:1px solid #018; border-left:gray; border-right:gray; vertical-align:top;}

a img{ border:0px; }

/* Forms and Input */
form{ line-height:130%; margin:0px; }
label { display:block; float:left; clear:left; text-align:right; padding-top:0px; margin-right:4px; }
label { width:12em; color:#055; }
label.w{ width:auto; text-align:left; }
input.w{ width:30em; }
fieldset{ line-height:150%; padding:10px; }
input,select,button{ font-size:90%; }
legend{ color:#055; font-weight:bold; font-size:110%; }

input,select,button,radio{ margin-bottom:5px; }

div.multiselect{ border:1px solid black; clear:left; height:250px; overflow:auto; }
.err{ color:black; background-color:yellow; }
colgroup.r{ text-align:right; }

#logo { position:absolute; right:-30px; }

#wrapper{ width:800px; margin:auto; position:relative; }

#header, #content, #trailer{ width:800px; margin:auto; }

#header ul, #footer ul{ margin:0px; }

#header li, #footer li{ float: left; }

#header li a, #footer li a 
{
  float: left;
  width: 170px; 
  padding: 35px 0px 10px 5px;
  
  font-size:80%;
  text-decoration: none;
  color:#000;
}

#header li.active a, #header li a:hover, #footer li.active a, #footer li a:hover
{
  
  text-decoration: underline;
}

#header, #content, #footer { clear:both; }

#footer div{ clear:both; float:right; font-size:10px; }

#header{ border-bottom:1px solid #ddd; }

#subcont,#main{ min-height:450px; padding-top:10px; padding-bottom:10px; }

#footer, #fsa{ border-top:1px solid #ddd; }

#leftnav
{ 
  float:left; 
  width:170px; 
  
}

#leftnav ul
{
  margin:0px;
  margin-right:10px;
}

#leftnav li
{
  border-bottom:1px solid #ddd;
  padding-bottom:2px;
  padding-top:2px;
}

#leftnav a
{
  font-size:80%;
  text-decoration: none;
  color:#000;
  padding:10px;
  padding-right:0px;
  display:block;
  position:relative;
}

#leftnav li.first a
{
  padding-left:5px;
}

#leftnav li a:hover
{
  text-decoration: underline;  
  
}

#subcont
{
  border-left:1px solid #ddd; 
  padding-left:30px;
  /* This background is too strong to use under main content! */
  /* background:url('/Img/BackgroundStrong.jpg') 50px 50% no-repeat; */
}


ul.arrowlist
{
  margin-top:10px;
  margin-left:-2px;
}

ul.arrowlist li
{
  
  margin-left:0px;
  padding-left:40px;
  margin-bottom:0.5em;
}

div#fsa{ text-align:center; font-size:70%; color:#888; padding:5px; }