html { height: 100%; }
BODY { margin: 0px; font-family: Arial, Helvetica, Sans-Serif; font-size: 75%; color: #303030; }
DIV.wrapper { margin: 0 auto; min-height: 200px; height: auto; background-color: white; background-image: url("../images/sides-fade.gif"); background-repeat: repeat-y;  }
DIV.header { height: 42px; background-color: black; color: white; margin-left: auto; margin-right: auto; }

DIV.header-fade { position: relative; height: 72px; background: url(../images/header-banner.gif); background-repeat: no-repeat; margin-left: auto; margin-right: auto; }
#headermenu a { position: absolute; text-decoration: none; border: none; }
#headermenu a i { visibility: hidden; }
a#home {  left: 10px; width: 250px; top: 20px; height: 40px; }
a#subscribe { left: 780px; top: 10px; width: 170px; height: 18px; }
a#contact { left: 700px; top: 10px; width: 80px; height: 18px; }

DIV.content-wrapper { min-height: 200px; height: auto; background: url(../images/sides.gif); background-repeat: repeat-y; clear: both; margin-left: auto; margin-right: auto; }
DIV.header-fadenu { height: 20px; background-image: url(../images/menu_top.png); background-repeat: repeat-x; }
DIV.top-logo { width: 970px; height: 50px; background-color: transparent; background-image: url("../images/logo.gif"); background-repeat: no-repeat; }
DIV.credentials { position: absolute; left: 0; top: 0; margin: 5px; color: white; }
DIV.menuwrapper { width: 964px;
                  height: 40px; 
                  padding: 0px;
                  position:relative; 
                  margin: 0px 3px 0px 3px;
                  background-color: #00688f; 
                  color: white; }

DIV.menu { padding-left: 5px; height: 40px; margin: 0px; }

DIV.menu ul { list-style: none; margin: 0px; padding: 0px; }
DIV.menu ul li { padding: 5px; }
DIV.menu ul li:hover { }
DIV.menu span { color: white; vertical-align: middle; font-style: italic; }

DIV.greenrule { width: 970px; height: 36px; background: url(../images/header-fade.gif); background-repeat: no-repeat; }


DIV.content { margin: 20px 60px 20px 60px; background-color: transparent; }
DIV.footer { position: relative; background: url(../images/footer.gif); height: 90px; font-size: 0.8em; margin-left: auto; margin-right: auto; }
#footerlinks a { position: absolute; text-decoration: none; border: none; }
#footerlinks a i { visibility: hidden; }
a#footer-home {  left: 30px; width: 170px; top: 5px; height: 40px; }
a#footer-gaia { left: 650px; top: 15px; width: 330px; height: 30px; }

P { margin: 5px 0px; line-height: 1.5em; }
P.title { margin-top: 1em; margin-right: 0pt; margin-bottom: 0.75em; margin-left: 0pt; color: #00A0E3; font-size: 150%; font-weight: normal; }
P.subtitle { margin-top: 1.5em; margin-right: 0pt; margin-bottom: 0.75em; margin-left: 0pt; font-size: 140%; font-weight: bold; }
P.message { line-height: 2em; font-weight: bold; color: blue; }
P.warning { font-weight: bold; color: red; }

TH { font-weight: bold; background-color: #dddddd; padding: 5px; }
TD { }
LI { }

button, label[for], input[type="reset"], input[type="button"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
	cursor:pointer !important;
}


A:link { color: #279BC6; }
A:visited { color: #279BC6; }
A:hover { color:#75984B; text-decoration:underline; }
A:active { color: #279BC6; }
A.whitelink { color: white; font-weight: bold; }
A.menulink { color: white; font-weight: bold; text-decoration: none; vertical-align: middle; }

TD.formlabel { }
INPUT.formerrorfield { background-color: #EE3344; }

DIV.smallmap { height: 200px; }
DIV.defaultmap { height: 300px; }
DIV.largemap { height: 500px; }
DIV.map { height: 100%; }

SPAN.link { text-decoration: underline; cursor: pointer; }

TABLE.datatable { border: 1px solid #cccccc; }
TABLE.datatable TR { }
TABLE.datatable TR TD { padding: 1px 5px; }
TABLE.datatable TR TH { padding: 5px; background: url(../images/css/th.png) repeat-x scroll 0 0;
                        font-weight: normal; text-align: left; }
TR.datatablerow0 { }
TR.datatablerow1 { }
TR.datatablerow0:hover { background-color: #DEF097; }
TR.datatablerow1:hover { background-color: #DEF097; }

IMG { border: 0px; padding: 3px; }


#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

.shadow-container .shadow2,
.shadow3,
.container {
    position: relative;
    left: -1px;
    top: -1px;
}

.shadow1 {
    background: #F1F0F1;
}

shadow2 {
    background: #DBDADB;
}

.shadow3 {
    background: #B8B6B8;
}

.container {
    background: #ffffff;
    border: 1px solid #848284;
    padding: 10px;
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

div.autocomplete ul li.selected { 
	background-color: #ffb;
}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}