/*****************************************************************************/
/* main
/*****************************************************************************/
html, body {
  height: 100%;
}

body {
  font-family: sans-serif;
  font-size: 13px;
  background-color: #377CBA;
  margin: 20px auto 20px auto;
  width: 790px;
}

a:link, a:visited, a:active {
  font-size: 90%;
  text-decoration: none;
  color: #377CBA;
}

a:hover {
  font-size: 90%;
  text-decoration: underline;
  color: #377CBA;
}

img {
  border: 0px;
}

#header, #main, #footer {
  background-color: #9BD1FF;
}

/* HEADER */
#header {
  background-image: url( "/base/images/logo.png" );
  background-position: center center;
  background-repeat: no-repeat;
  height: 110px;
}

/* MAIN */
#main {
  padding: 0px 0px 30px 0px;
}

/* MAIN:NAV */
#main #nav {
  padding: 0px 5px 0px 5px;
  width: 125px;
  float: left;
}

#main #nav .header {
  text-align: center;
  font-weight: bold;
  font-size: 90%;
  color: #607B8B;
}

#main #nav .item {
  font-size: 90%;
}

#main #nav .item a:link, #main #nav .item a:visited, #main #nav .item a:active {
  font-size: 90%;
  font-weight: bold;
  text-decoration: none;
  color: #377CBA;
}

#main #nav .item a:hover {
  font-size: 90%;
  font-weight: bold;
  text-decoration: underline;
  color: #377CBA;
}

#main #nav .mark {
  text-align: center;
  font-size: 80%;
}

#main #nav .mark a:link, #main #nav .mark a:visited, #main #nav .mark a:active {
  text-decoration: none;
  color: #666666;
}

#main #nav .mark a:hover {
  text-decoration: underline;
  color: #666666;
}

#main #nav .image {
  text-align: center;
}

#main #nav .spacer {
  height: 10px;
}

/* MAIN:CONTENT */
#main #content {
  padding: 0px 5px 0px 5px;
  width: 635px;
  float: left;
  border: 1px dotted #ACE2FF;
}

#main #content #title {
  text-align: center;
  font-weight: bold;
  font-size: 110%;
  width: 100%;
  padding: 0px 0px 10px 0px;
  color: #607B9C;
}

#main #clear {
  clear: both;
}

/* FOOTER */
#footer {
  text-align: center;
  font-size: 80%;
}