
/*********** STRUCTURE ***********/

html, body {
  height:100%;
}

body {
  margin:0;
  padding:0;
  text-align:center;
  font:80% arial, sans-serif;
  background-color:#eeeeee;
  color:#003366;
  overflow-y:scroll !important;       /*Browsers other than IE6*/
  overflow-y:visible;                 /*IE6*/
}

#shadow {
  margin-right:auto;
  margin-left:auto;
  margin-top:0;
  width:920px;
  min-height:100%;
  height:auto !important;             /*Browsers other than IE6*/
  height:100%;                        /*IE6*/
  background:url(../images/background.gif) left repeat-y;
}

#container {
  width:800px;
  background-color:white;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
  margin-top:0;
}

/*********** GLOBAL STYLES ***********/

.left {
  float:left;
}

.right {
  float:right;
}

.clear {
  clear:both;
}

a:link, a:visited, a:active, a:hover {
  color:#004c93;   
}

/*********** BANNER ***********/

#banner {
  clear:both;
  margin:0;
  padding:20px 0;
  font-family:times new roman, serif;
  font-weight:bold;
  font-size:45px;
  text-transform:uppercase;
  line-height:82px;
}

#banner img {
  float:left;
  margin:0 20px;
}

#banner .bannerstyle1 {
  color:#004c93;
}

#banner .bannerstyle2 {
  color:#aaaaaa;
}

/*********** NAVIGATION BAR ***********/

#navbar {
  clear:both;
  background-color:#004c93;
  width:100%;
  height:3.1em;
  margin:0;
  padding:0;
  border-top:2px solid #aaaaaa;
  border-bottom:2px solid #aaaaaa;
  text-align:center;
}

#navbar ul {
  margin:0;
  padding:0;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
}

#navbar li {
  display:inline;
  padding:0 1.35em 0 2.35em;
  background:url(../images/dot.gif) center left no-repeat;
  line-height:3em;
}

#navbar li.first {
  background:none;
  padding-left:1.2em;
}

#navbar a:link, #navbar a:visited, #navbar a:active, #navbar a:hover {
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
}


/*********** CONTENT ***********/

#content {
  clear:both;
  margin:0;
  padding:20px;
  background:url(../images/bg.gif) top center no-repeat;
}

#content h1, #content h2, #content h3, #content h4 {
  margin-top:0;
  font-family:times new roman, serif;
  color:#004c93;
}

#content h1 {
  font-size:1.9em;
  text-transform:uppercase;
}

#content h2 {
  font-size:1.4em;
}

#content h3 {
  font-size:1.2em;
}

#content h4 {
  font-size:1em;
}

#content img.left {
  padding-right:20px;
  padding-bottom:20px;
}

#content img.right {
  padding-left:20px;
  padding-bottom:20px;
}

#content table.form td {
  padding:0 1em 1em 0;
}

#content ul li {
  padding:0.5em 0;
}

#content .smaller {
  font-size:0.8em;
}

#content .hilite {
  color:#004c93;
  font-weight:bold;
}


/*********** FOOTER ***********/

#footer {
  padding:20px 0 5px 0;
  font-size:0.85em;
  text-align:center;
}




/*********** PRINT ***********/


@media print {
  #shadow {
    width:100%;
  }
  
  #container {
    width:100%;
  }

  #navbar li {
    display:inline;
    padding:0 1em 0 2em;
    line-height:3em;
  }

  #navbar li.first {
    padding-left:1.2em;
  }

  #banner {
    font-size:2em;
  }
}


