/* Items that begin with html will be hidden from older browsers which have problems with some borders, floats, clears, etc. */

h1,h2,h3,h4,h5,h6 {
  font-weight:bold; 
  font-family:georgia, "Book Antiqua", palatino, serif; 
  margin-top:0px;
  }
h1 {
  font-size:28px; 
  color:#336699; 
  text-align:center; 
  background-color:#CCCCCC; 
  padding:0px; 
  width:100%;
  border:none;
  border-bottom:thick #666666 double;
  margin-bottom:0px;
  }

h2 {
  font-size:22px; 
  color:#336699; 
  text-align:center; 
  background-color:#CCCCCC; 
  padding:0px;
  width:100%;
  border:none; 
  }
 
h3, h4, h5, h6 {
  font-size:20px; 
  color:#336699; 
  background-color:#FFFFFF;
  text-align:center; 
  padding:0px;
  width:100%;
  border:none; 
  }

html h1 {
  padding:10px;
  }
html h2 {
  padding:5px;
  }  
html h1, h2, h3, h4, h5, h6 {
  width:auto;
  }

dt {
  font-weight:bold;
  margin-top:10px;
  }
dt i {
  font-weight:normal;
  }
    
/* LINKS */

a {
  font-weight: bold; 
  text-decoration: underline;
  }

a:visited {
  color:#003366;
  background-color:#FFFFFF;
  }

a:hover {
  color:#000000; 
  background-color:#FFFFCC;
  }

a:active {
  color:#000000; 
  background-color:#FFFFCC;
  }

.selected {
  background-color:#FFFFCC;
  color:#000000;
  font-weight:bold;
  }
.selected a {
  background-color:#FFFFCC;
  color:#000000;
  }
.selected a:visited {
  background-color:#FFFFCC;
  color:#000000;
  }
.selected a:hover {
  background-color:#FFFFCC;
  color:#000000;
  }
.selected a:active {
  background-color:#FFFFCC;
  color:#000000;
  }

.listleft {
  text-align:left;
  } 

.listcenter {
  text-align:center;
  display:block;
  width:auto;
  }   
.label {
  font-weight:bold;
  }
.warning {
  color:red;
  background-color:#FFFFFF;
  padding-left:50px;
  padding-right:50px;
  text-align:center;
  font-weight:bold;
  }
.warning a {
  color:red;
  background-color:#FFFFFF;
  }
.warning a:visited {
  color:red;
  background-color:#FFFFFF;
  }
.warning a:hover {
  color:red;
  background-color:#FFFFCC;
  }
.warning a:active {
  color:red;
  background-color:#FFFFCC;
  }

li {
  margin-top:5px;
  margin-bottom:5px;
  }
  
ol.index li {
  list-style-type:upper-roman;
  margin-top:10px;
  }

ol.index ol li {
  list-style-type:lower-alpha;
  margin-top:0px;
  }  

ol.index ol ol li {
  list-style-type:decimal;
  margin-top:0px;
  }

ol.index li a {
  color:#000000;
  background-color:#FFFFFF;
  }

ol.index ol li a {
  color:blue;
  background-color:#FFFFFF;
  }

    
html div.mainform form {
  margin-bottom:10px;
  border:1px silver solid;
  }

html div.display {
  border:1px silver solid;
  padding:0px;
  margin:0px;
  }
  
.caption {
  font-weight:bold;
  text-align:center;
  clear:both;
  margin-bottom:10px;
  margin-right:10%;
  margin-left:10%;
  display:block;
  }

.index a {
  text-decoration:none;
  }
  
.index li {
  margin-top:0px;
  margin-bottom:0px;
  list-style:none;
  }  
  
th {
  font-weight:bold;
  padding-left:2px;
  padding-right:2px;
  color:#FFFFFF;
  background-color:#336699;
  vertical-align:bottom;
  }
tr.highlight {
  color:#000000;
  background-color:#FFFFCC;
  }
tr.highlight a {
  color:#000000;
  background-color:#FFFFCC;
  }
tr.highlight a:visited {
  color:#000000;
  background-color:#FFFFCC;
  }
tr.highlight a:hover {
  color:#000000;
  background-color:#FFFFFF;
  }
tr.total {
  font-weight:bold;
  border-top:1px #000000 solid;
  border-bottom:1px #000000 solid;
  }
    
caption {
  font-size:22px; 
  color:#336699; 
  text-align:center; 
  background-color:#CCCCCC; 
  }
  
em {
  color:red; 
  font-weight:bold;
  font-style:normal;
  }

div.error {
  color:red;
  background-color:#FFFFFF;
  font-weight:bold;
  text-align:center;
  padding-top:100px;
  padding-bottom:100px;
  }
  
.hidden {
  display:none;
  }
  
.floatbox {
  border:1px black solid; 
  padding:10px; 
  margin:10px; 
  color:#000000;
  background-color:#FFFFCC;
  border-top:1px black solid; 
  border-bottom:1px black solid; 
  border-left:none; 
  border-right:none; 
  }

html .floatbox {
  float:right; 
  width:49%; 
  position:relative;
  }
html .floatplainbox {
  float:right;
  position:relative;
  width:49%;
  }  

html .title {
  color:#CCCCCC; 
  background-color:#336699;
  font-weight:bold;
  font-size:28px;
  font-family:georgia, "Book Antiqua", palatino, serif;
  line-height:40px;
  padding:10px;
  text-align:center;
  }  

html .buttonform form {
  padding:0px;
  margin-top:10px;
  display:inline;
  }

.signupbutton {
  font-weight: bold;
  }

.signupbutton a {                    
  text-decoration: none;
  color:#FFFFFF; 
  background-color:#336699; 
  border-top: 2px #0099CC solid;
  border-left: 2px #0099CC solid;
  border-bottom: 2px #003399 solid;
  border-right: 2px #003399 solid;
  }
html .signupbutton a {
  padding:10px;
  width:15%;
  text-align:center;
  }
.signupbutton a:visited {                    
  color:#FFFFFF; 
  background-color:#336699; 
  border-top: 2px #0099CC solid;
  border-left: 2px #0099CC solid;
  border-bottom: 2px #003399 solid;
  border-right: 2px #003399 solid;
  }

.signupbutton a:active {
  color:#000000;
  background-color:#FFFFCC; 
  border-top: 2px #003399 solid;
  border-left: 2px #003399 solid;
  border-bottom: 2px #0099CC solid;
  border-right: 2px #0099CC solid;
  }
  
.signupbutton a:hover {
  color:#000000;
  background-color:#FFFFCC; 
  border-top: 2px #003399 solid;
  border-left: 2px #003399 solid;
  border-bottom: 2px #0099CC solid;
  border-right: 2px #0099CC solid;
  }
  
.button {
  font-weight: bold;
  }

.button a {                    
  text-decoration: none;
  color:#FFFFFF;
  border-top: 2px #0099CC solid;
  border-left: 2px #0099CC solid;
  border-bottom: 2px #003399 solid;
  border-right: 2px #003399 solid;
  }
.button a:visited {                    
  color:#FFFFFF; 
  background-color:#336699; 
  border-top: 2px #0099CC solid;
  border-left: 2px #0099CC solid;
  border-bottom: 2px #003399 solid;
  border-right: 2px #003399 solid;
  }  
.button a:active {
  color:#000000;
  background-color:#FFFFCC; 
  border-top: 2px #003399 solid;
  border-left: 2px #003399 solid;
  border-bottom: 2px #0099CC solid;
  border-right: 2px #0099CC solid;
  }
.button a:hover {
  color:#000000;
  background-color:#FFFFCC; 
  border-top: 2px #003399 solid;
  border-left: 2px #003399 solid;
  border-bottom: 2px #0099CC solid;
  border-right: 2px #0099CC solid;
  }

html .button a {                       
  text-align:center;
  background-color:#336699; 
 }

html div.row {
  clear:both;
  width:auto;
  }
div.row span.left {
  text-align: left;
  }
html div.row span.left {
  display:block;
  width:25%;
  float: left;
  position:relative;
  }
div.row span.right {
  text-align: right;
  }
html div.row span.right {
  display:block;
  width:70%;
  float: right;
  position:relative;
  }

div.row span.label {
  color:#000000;
  background-color:#CCCCCC;
  font-weight:bold;
  width:100%;
  }
html div.row span.label {
  display:block;
  float: left;
  width: 20%;
  text-align:right;
  margin:1px 0px 0px 0px;
  position:relative;
  }
div.row span.label i {
  font-weight:normal;
  }
  
div.row span.labelplain {
  color:#000000;
  background-color:#FFFFFF;
  font-weight:normal;
  }

html div.row span.labelplain {
  display:block;
  float: left;
  width: 20%;
  text-align:right;
  margin:1px 0px 0px 0px;
  }
html div.row span.input {
  display:block;
  float:right;
  width:75%;
  text-align: left;
  margin:1px 0px 0px 0px;
  position:relative;
  } 
html div.row .col1  {
  display:block;
  float: left;
  text-align: left;
  width:49%;
  position:relative;
  }
html div.row .col2 {
  display:block;
  padding-left:50%;
  text-align: left;
  margin-top:0px;
  position:relative;
  }
html .sitemap div.col1 {
  float:left;
  width:48%;
  position:relative;
  }
html .sitemap div.col2 {
  float:right;
  width:48%;
  position:relative;
  }
  
/* BODY */

#body {
  color:black;
  text-align:left;
  background-color:white;
  width:100%;
  }

html #body {
  width:auto;
  border:1px #FFFFFF solid;
  position:relative;
  padding:10px;
  }

/* HEADER */

#header {
  color:white;
  text-align:center;
  background-color:#336699;
  padding:0px;
  margin:0px;
  border:none;
  width:100%;
  }

html #header {
  height:50px; 
  width:auto;
  }
html #header img {
  padding:0px;
  margin:0px;
  text-align:left;
  }

/* MAIN NAVIGATION */

#navigation1 {
  color:#FFFFFF;
  background-color:#000000;
  text-align:center; 
  padding:5px; 
  margin:0px; 
  border:none;
  }

html #navigation1 {
  border-top:thick silver solid;
  }

#navigation1 p {
  margin:0px;
  }

.nav1button {
  font-weight: bold;
  }

.nav1button a {                    
  text-decoration:none;
  color:#FFFFFF; 
  background-color:#336699; 
  border-top: 2px #0099CC solid;
  border-left: 2px #0099CC solid;
  border-bottom: 2px #003399 solid;
  border-right: 2px #003399 solid;
  }

html .nav1button a {
  padding: 1px;
  }
 
.nav1button a:visited {                    
  color:#FFFFFF; 
  background-color:#336699; 
  border-top: 2px #0099CC solid;
  border-left: 2px #0099CC solid;
  border-bottom: 2px #003399 solid;
  border-right: 2px #003399 solid;
  }
.nav1button a:active {
  color:#000000;
  background-color:#FFFFCC; 
  border-top: 2px #003399 solid;
  border-left: 2px #003399 solid;
  border-bottom: 2px #0099CC solid;
  border-right: 2px #0099CC solid;
  }
  
.nav1button a:hover {
  color:#000000;
  background-color:#FFFFCC; 
  border-top: 2px #003399 solid;
  border-left: 2px #003399 solid;
  border-bottom: 2px #0099CC solid;
  border-right: 2px #0099CC solid;
  }


#navigation2 {
  color:#000000;
  background-color:#FFFFFF;
  text-align:center; 
  padding:0px; 
  margin:0px; 
  border:none;
  }

/* FOOTER */                       

#footer {
  color:black;
  background-color:silver;
  text-align:center; 
  padding:10px; 
  margin:0px; 
  border:none;
  width:100%;
  position:relative;
  }

html #footer {
  width:auto;
  }

#footer a {
  font-weight: bold; 
  text-decoration: underline;
  color:#000000; 
  background-color:silver;
  }
#footer a:visited {
  color:#666666;
  background-color:silver;
  }
#footer a:hover {
  color:#000000; 
  background-color:#FFFFCC; 
  }
#footer a:active {
  color:#000000; 
  background-color:#FFFFCC; 
  }

#footer .footerbutton {
  font-weight: bold;
  }

#footer .footerbutton a {
  text-decoration: none;
  color:#FFFFFF; 
  background-color:#336699; 
  border-top: 0px #0099CC solid;
  border-left: 0px #0099CC solid;
  border-bottom: 0px #003399 solid;
  border-right: 0px #003399 solid;
  }

html #footer .footerbutton a {
  padding:1px;
  }

#footer .footerbutton a:visited {
  color:#FFFFFF; 
  background-color:#336699; 
  border-top: 0px #0099CC solid;
  border-left: 0px #0099CC solid;
  border-bottom: 0px #003399 solid;
  border-right: 0px #003399 solid;
  }

#footer .footerbutton a:active {
  color:#000000;
  background-color:#FFFFCC; 
  border-top: 0px #003399 solid;
  border-left: 0px #003399 solid;
  border-bottom: 0px #0099CC solid;
  border-right: 0px #0099CC solid;
  }

#footer .footerbutton a:hover {
  color:#000000;
  background-color:#FFFFCC; 
  border-top: 0px #003399 solid;
  border-left: 0px #003399 solid;
  border-bottom: 0px #0099CC solid;
  border-right: 0px #0099CC solid;
  }

.inlineimage img {
   position:relative;
   margin-right:5px;
   margin-left:5px;
   }