@import url(reset.css);
@import url(lightbox.css);

body {
  background: #98b3d3 url(../img/bg.gif);
}

#container {
  width: 846px;
  background: white url(../img/container-bg.gif) repeat-y;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

#header a {
  display: block;
  width: 835px;
  height: 244px;
  background: url(../header.php) no-repeat;
}

#header h1, #header span {
  position: absolute;
  left: -9999px;
}

#wrapper {
  float: left;
  width: 100%;
  background: url(../img/wrapper-bg.gif) repeat-y top left;
}

#content {
  padding: 0 30px;
  margin: 0px;
  margin-left: 235px;
  margin-right: 220px;
  color: #858a8f;
}

#navigation {
  float: left;
  width: 235px;
  margin-left: -846px;
}

#extra {
  float: left;
  width: 220px;
  margin-left: -231px;
  background: url(../img/extra-bottom.gif) no-repeat bottom left;
  padding-bottom: 8px;
}

#footer {
  clear: left;
  width: 100%;
  background: url(../img/wrapper-bg.gif) repeat-y top left;
  padding-bottom: 20px;
}

#navigation ul {
  margin-top: 16px;
  list-style: none;
}

#navigation ul ul {
  margin-top: 1px;
}

#navigation li {
  margin-bottom: 1px; 
}

#navigation a {
  text-decoration: none;
  color: #595959;
  padding-left: 55px;
  display: block;
  line-height: 18px;
  height: 18px;
  overflow: hidden;
  background: #e7ebee url(../img/nav-item-bg.gif) no-repeat;
}

#container #navigation li ul a {
  text-decoration: none;
  padding-left: 65px;
  color: white;
  background-image: url(../img/nav-item-nested-bg.gif);
}

#navigation a:hover, #navigation .active {
  text-decoration: underline;
  color: #5f90cb;
  background-position: 0 -19px;
}

#navigation .closed {
  display: none;
}

#content p, #content ul, #content ol {
  line-height: 18px;
  margin-bottom: 18px;
}

#content ul { list-style: disc outside; }

#content ol { list-style: decimal outside; }

#content ul, #content ol { padding-left: 16px; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  font-weight: normal;
  color: #003665;
  background: url(../img/content-h-bg.gif) no-repeat bottom left;
  padding-left: 10px;
  margin-bottom: 18px;
  margin-left: -10px;
  line-height: 36px;
  vertical-align: bottom;
}

#content h1 { font-size: 24px; }
#content h2 { font-size: 20px; }
#content h3 { font-size: 18px; }
#content h4 { font-size: 16px; }
#content h5 { font-size: 14px; }
#content h6 { font-size: 12px; }

#line {
  position: relative;
  left: -24px;
  width: 13px;
  height: 409px;
  margin-right: -13px;
  background: url(../img/line.jpg) no-repeat;
  float: left;
}

#extra h4 {
  color: #3f3f3f;
  font-size: 16px;
  font-weight: normal;
  padding-left: 10px;
  margin-bottom: 18px;
  padding-bottom: 6px;
  background: url(../img/extra-h-bg.gif) no-repeat bottom left;
}

#extra p {
  margin-bottom: 18px;
}

#extra ul {
  padding-left: 10px;
  list-style-image: url(../img/bullet.gif);
}

#extra .block {
  color: #858a8f;
  padding: 20px;
  padding-bottom: 24px;
  line-height: 16px;
}

#extra .blue {
  background: #fafcfd url(../img/bluebg.jpg) no-repeat top left;
}


.block a {
  color: #858a8f;
  text-decoration: none;
}

.block a:hover { color: #505356; }

a.partner {
  background: url(../img/bullet.gif) no-repeat 78px 6px;
  display: block;
  position: relative;
  padding-left: 90px;
  height: 40px;
}

a.partner img { position: absolute; left: 0; }

.newsdate { text-align: right; font-style: italic; }

.project {
  position: relative;
  padding-left: 60px;
  line-height: 1.2;
  margin-bottom: 10px;
}

.project strong { color: #004494; }

.project img {
  position: absolute;
  left: 0px;
  background: url(../img/projectshadow.jpg) no-repeat top left;
  padding-right: 5px;
  padding-bottom: 5px;
}
z
.project a { color: #5f90cb; text-decoration: underline; }

#dt {
  font-size: 10px;
  padding-right: 10px;
  background: url(../img/footer.jpg) no-repeat bottom left;
  text-align: right;
}

#dt a { color: white; }

#dt p { position: relative; top: 10px; }

.left { float: left; }
.right { float: right; }

.project_preview img {
  background: url(../img/project-bg.jpg) no-repeat top left;
  float: right;
  padding-right: 5px;
  padding-bottom: 5px;
  margin: 10px;
  margin-right: 0;
  margin-top: 0;
  width: 107px;
  height: 81px;
}

#content img { margin: 9px; }

.generated_form { float: left; }
.generated_form p { margin-bottom: 6px; clear: both; }
.generated_form h3 { margin-top: 12px; }
.generated_form p.text label, .generated_form p.select label { display: block; width: 150px; float: left; }
.generated_form p.textarea {  margin-left: 0px;  }
.generated_form p.text input,
.generated_form p.select select,
.generated_form p.textarea textarea { width: 300px; }
.generated_form p.textarea textarea { height: 200px; }