body {
  margin: 0;
  padding: 0;
  font-family: Helvetica, Verdana, Tahoma, Arial, Times, Sans-serif;
  font-size: 62.5%;
  color: #FFF;
}

a:link, a:focus, a:active, a:visited {
  border: none;
  outline: none;
  text-decoration: none;
}

div.cleaner {
  clear: both;
  height: 0;
  font-size: 0;
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
}

div#wrapper {
  padding: 0;
  width: 1000px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}

div#header {
  margin: 0;
  padding: 10px;
  border: none;
  background: transparent url(images/bg-header.png) repeat-y;
  text-align: right;
}

div#header a.logo {
  float: left;
}

div#header a.logo img {
  border: none;
}

ul#nav {
  margin: 0;
  padding: 0;
  list-style: none;
  background: transparent url(images/bg-nav.png) repeat-x;
  width: 982px;
  height: 44px;
  float: right;
}

ul#nav li {
  float: left;
}

ul#nav li {
  font: inherit;
  font-size: 1.2em;
  color: #fff;
  border-right: 1px solid #63BFE9;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  line-height: 21px;
  margin-top: 5px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 4px;
  padding-bottom: 0;
  padding-left: 4px;
}

ul#nav li:hover {
  z-index: 2;
}

ul#nav li a {
  color: #fff;
}

ul#nav li span.menu-left {
  background: url(images/bg-menu-left.png) no-repeat left top;
  width: 8px;
  height: 32px;
  line-height: 35px;
  display: block;
  float: left;
}

ul#nav li span.menu-mid {
  background: url(images/bg-menu-mid.png) repeat-x top left;
  height: 32px;
  line-height: 35px;
  display: block;
  float: left;
}

ul#nav li span.menu-right {
  background: url(images/bg-menu-right.png) no-repeat top left;
  width: 8px;
  height: 32px;
  line-height: 35px;
  display: block;
  float: left;
}

ul#nav li a:hover span.menu-left, ul#nav li.active a span.menu-left, ul#nav li:hover a span.menu-left, ul#nav li a:hover span.menu-mid, ul#nav li.active a span.menu-mid, ul#nav li:hover a span.menu-mid, ul#nav li a:hover span.menu-right, ul#nav li.active a span.menu-right, ul#nav li:hover a span.menu-right {
  background-position: 0 -37px;
  line-height: 35px;
}

ul#nav li a:hover, ul#nav li.active a, ul#nav li.hover a, ul#nav li:hover a {
  color: #000080;
}

ul#nav li:hover div.sub {
  display: block;
  text-align: left;
}

ul#nav li div.sub {
  display: none;
  position: absolute;
  top: 27px;
  left: 3px;
  background: url(images/submenu_top.png) no-repeat;
  width: 186px;
  padding-top: 9px;
  text-align: left;
}

ul#nav li ul {
  background: url(images/submenu_bg.png) repeat-y;
  overflow: hidden;
  width: 162px;
  height: auto;
  margin: 0;
  padding: 0 12px 10px;
  list-style: none;
  font-size: .9em;
}

ul#nav li:hover li, ul#nav li.active li {
  width: 100%;
  padding: 1px 0 2px;
  border: none;
  border-bottom: 1px #C1D9F0 dashed;
  background:none!important;
  text-transform: none;
}

ul#nav li:hover li a, ul#nav li.active li a {
  color: #7D7D7D;
  background:none!important;
  line-height: normal;
  width: 156px;
  padding: 4px 3px;
  text-indent: 1px;
  display: block;
}

ul#nav li:hover li a:hover, ul#nav li.active li a:hover {
  color: #fff;
  background:#00A1E4!important;
  text-decoration: none;
  line-height: normal;
}

ul#nav li li a:hover, ul#nav li li a:hover {
  color: #fff;
  background:#000080!important;
  text-decoration: none;
  line-height: normal;
}

ul#nav div.btm-bg {
  background: url(images/submenu_bottom.png) no-repeat;
  width: 205px;
  height: 9px;
  overflow: hidden;
  clear: both;
}

div#content-wrapper {
  border-bottom: 6px solid #90A7D6;
  margin-bottom: 0;
  background: #D6DDEC url(images/bg-wrapper.png) repeat-y;
}

div#content-wrapper div.homelt {
  float: left;
  width: 778px;
  padding: 0;
}

div#content-wrapper div.homelt img.hilite {
  margin-right: 2px;
  border: none;
}

div#content-wrapper div.homert {
  float: left;
  width: 220px;
  background-color: #BCBEC0;
}

div#content-wrapper div.homelt div.content {
  float: left;
  width: 570px;
  padding: 10px;
  background-color: #fff;
  font-size: 1.3em;
  color: #636467;
}

div#content-wrapper div.homelt div.content h4.curvy {
  font-family: Garamond, Times, Serif;
  font-size: 1.7em;
  font-style: italic;
  font-weight: normal;
  margin: 5px 0;
}

div#quicklinks {
  width: 185px;
  margin: 0 auto;
  overflow: hidden;
}

div#webmail {
  background-color: #f2f2f2;
  padding: 10px 0;
  text-align: center;
}

div#webmail img {
  border: none;
}

img.link {
  border: none;
  vertical-align: middle;
}

img.feed {
  float: right;
  margin-left: 5px;
}

div#news {
  background-color: #636467;
  padding: 10px;
  height: 205px;
  overflow: hidden;
}

div#news h4 {
  margin: 0;
  padding: 0;
  width: 130px;
  float: left;
  color: #fff;
  font: inherit;
  font-size: 1.3em;
  font-weight: bold;
}

div#news div#news-window {
  height: 180px;
  overflow: hidden;
}

div#news ul#news-list {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
}

div#news ul#news-list li {
  margin: 0;
  padding: 5px 0;
  height:170px!important;
  font: inherit;
  font-size: 1.1em;
}

div#news ul#news-list li img {
  float: left;
  margin-right: 5px;
  border: 1px solid #fff;
  width: 74px;
  height: 58px;
}

div#news ul#news-list li a, div#news ul#news-list li a:visited {
  color: #D1D3D4;
  text-decoration: underline;
  display: inline;
}

div#news ul#news-list li a:hover {
  color: #3D0000;
}

div#news ul#news-list li span.title {
  font-weight: bold;
}

div#news ul#news-list li span.desc {
  color: #ABADB0;
}

div#activities {
  background-color: #BCBEC0;
  padding: 10px;
  height: 205px;
  overflow: hidden;
}

div#activities h4 {
  margin: 0;
  padding: 0;
  width: 130px;
  float: left;
  color: #047ABC;
  font: inherit;
  font-size: 1.3em;
  font-weight: bold;
}

div#activities div#activity-window {
  height: 185px;
  overflow: hidden;
}

div#activities ul#activity-list {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
}

div#activities ul#activity-list li {
  margin: 0;
  padding: 5px 0;
  height: 175px;
  font: inherit;
  font-size: 1.1em;
}

div#activities ul#activity-list li img {
  margin: 0 auto;
  border: 1px solid #fff;
  width: 190px;
  height: 65px;
}

div#footer {
  background: transparent url(images/bg-footer.png) no-repeat;
  padding: 5px;
  margin-top: 0;
}

div#footer img.logo {
  float: right;
  margin: 20px 10px 5px 5px;
}

div#footer ul.nav {
  float: left;
  margin: 10px 15px 10px 5px;
  padding: 5px 0;
  list-style: square inside;
}

div#footer ul.nav li {
  color: #0A6FC1;
  text-transform: uppercase;
}

div#footer ul.nav li a {
  color: #0A6FC1;
  font-weight: normal;
}

div#footer ul.nav li a:hover {
  color: #fff;
}

div#footer div.contact {
  float: left;
  width: 340px;
  margin-top: 10px;
  text-align: right;
  font-size: 1.1em;
  color: #4D4D4D;
}
