body {
  margin: 0;
  padding: 0;
  background: #d5dde6 top left repeat;
}

div#page {
  position: relative;
  width: 700px;
  margin: 30px auto 0 auto;
  padding: 0;
  border: 2px solid #2d5581;
  background: #fff url(../images/logo.jpg) bottom left no-repeat;
}

/****************************/
/* Header and headline code */
/****************************/

div#header {
  position: relative;
  width: 700px;
  height: 150px;
  margin: 0 auto;
  padding: 0;
}

div#headline {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background: transparent url(../images/headline.jpg) top left no-repeat;
}

h1 {
  width: 700px;
  height: 150px;
  margin: 0;
  padding: 0;
  border: 0;
  text-indent: -9999px;
}

h1 a {
  display: block;
  width: 700px;
  height: 150px;
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
}

h1 a:link, h1 a:visited  {
  background: transparent url(../images/headline.jpg) top left no-repeat;
}

h1 a:hover {
  background: transparent url(../images/headline.jpg) 0px -150px no-repeat;
}

div#header h2 {
  display: none;
}

p.access {
  display: none;
}

/*******************/
/* Navigation code */
/*******************/

#navigation {
  position: absolute;
  margin: 0 0 0 -15px;
}

#navigation img {
  display: block;
  border: 0;
  margin: 0 0 0 50px;
}

div#menu ul {
  margin: 0;
  padding: 0;
  text-indent: 0;
}

#menu li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 85%;
  text-indent: 0;
  text-transform: lowercase;
  white-space: nowrap;
}

#menu li a {

  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
  font-family: "times new roman", times, georgia, serif;
  color: #444;
  text-decoration: none;
}

#menu li a:link, #menu li a:visited {
  display: block;
  color: #000;
  text-decoration: none;
  background: url(../images/logo_small.jpg) top left no-repeat;
}

#menu li a:hover, li a:active {
  color: #2d5581;
  background: url(../images/logo_small_straight.jpg) top left no-repeat;
}

/****************/
/* Content code */
/****************/

div#content {
  margin: 0 0 0 150px;
}

div#introduction {
  padding: 15px 25px 20px 15px;
  background: transparent url(../images/introduction_fade.jpg) top left repeat-y;
}

div#introduction a {
  color: #444;
}

div#introduction a:hover {
  color: #777;
}

div#flash {
  float: left;
  margin: 0 20px 20px 0;
  background: #d5dde6;
}

div#flash img {
  display: block;
  border: 0;
}

div#introduction img.photograph {
  position: absolute;
  display: block;
  top: 360px;
  left: 550px;
}

div#introduction h3 {
  margin: 0 0 10px 0;
  padding: 0;
  font-family: "times new roman", times, georgia, serif;
  font-size: 180%;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: 1em;
  color: #2d5581;
}

div#introduction p {
  margin: 0;
  padding: 0;
  font-family: tahoma, arial, verdana, helvetica, geneva, sans-serif;
  font-size: 70%;
  line-height: 1.25em;
  text-align: justify;
  text-indent: 1em;
  color: #444;
}

div#newssection {
  margin: 0 20px 0 0;
  padding: 0 20px 5px 0;
  background: url(../images/news_watermark.jpg) top right no-repeat;
}

div#newssection .quickfacts {
margin:0px;
padding:10px 0 10px 10px;
  border: 2px solid #d5dde6;
}

div#newssection .quickfacts ul {
margin:0px;
padding:10px 0 10px 25px;
color:d5dde6;
}

div#newssection .quickfacts ul li {
margin:0px;
padding:0px;
  font-family: tahoma, arial, verdana, helvetica, geneva, sans-serif;
  font-size: 70%;
  line-height: 1.5em;
  color: #2d5581;
}

div#newssection .quickfacts h4 {
  margin: 0;
  padding: 0;
  font-family: "trebuchet ms", arial, verdana, helvetica, geneva, sans-serif;
  font-size: 90%;
  font-weight: bold;
  color: #d5dde6;
}

div#newssection .quickfacts h4 a {
  padding: 3px 5px;
  text-decoration: none;
  color: #d5dde6;
}

div#newssection .quickfacts h4 a:hover {
  background: #2d5581;
}

div#newssection .quickfacts h4 a {
  padding: 3px 5px;
  text-decoration: none;
  color: #2d5581;
}

div#newssection .quickfacts h4 a:hover {
  background: #d5dde6;
}


div#newssection h3 {
  height: 45px;
  margin: 15px 0;
  padding: 0;
  border: 0;
  text-indent: -9999px;
  background: url(../images/cc.jpg) top left no-repeat;
}

div#newssection .newsimage {
  display: inline;
  float: left;
  width: 120px;
  margin-left: -5px;
}

div#newssection .newsimage img {
  display: block;
  margin: 5px auto 10px auto;
  padding: 5px;
  border: 1px solid #ccc;
}

div#newssection h4 {
  margin: 10px 0 5px 0;
  padding: 0;
  font-family: "trebuchet ms", arial, verdana, helvetica, geneva, sans-serif;
  font-size: 90%;
  font-weight: bold;
  color: #2d5581;
}

div#newssection h4 a {
  padding: 3px 5px;
  text-decoration: none;
  color: #2d5581;
}

div#newssection h4 a:hover {
  background: #d5dde6;
}

div#newssection p {
  margin: 0;
  padding: 0;
  font-family: tahoma, arial, verdana, helvetica, geneva, sans-serif;
  font-size: 70%;
  line-height: 1.5em;
  color: #444;
}

div#newssection p.date {
  margin: 5px 0 0 0;
  color: #999;
}

div#newssection p span a {
  text-decoration: none;
  color: #999;
}

div#newssection p span a:hover {
  text-decoration: underline;
  color: #444;
}

div#newssection p.more {
  margin: 0;
  padding: 0;
  text-align: right;
}

div#newssection p.more a {
  padding: 5px 10px;
  height: 16px;
  color: #999;
  text-decoration: none;
}

div#newssection p.more a:hover, div#newssection p.more a:active {
  color: #444;
  background: #d5dde6;
}

/*******************/
/* Spotlights code */
/*******************/

div#spotlights {
  position: relative;
  margin: 0 20px 0 0;
  background: transparent url(../images/news_watermark.jpg) top right no-repeat;
}

div#spotlights h3 {
  height: 43px;
  margin: 0;
  padding: 0 0 15px 0;
  text-indent: -9999px;
  background: transparent url(../images/cv.jpg) top left no-repeat;
}

div.entrypoint {
  float: left;
  display: inline;
  width: 235px;
  margin: 0 0 10px 0;
  padding: 0 0 0 15px;
}

div.entrypoint h4 {
  margin: 0 0 5px 0;
  padding: 0;
  font-family: "trebuchet ms", arial, verdana, helvetica, geneva, sans-serif;
  font-size: 90%;
  font-weight: bold;
  color: #2d5581;
}

div.entrypoint h4 a {
  padding: 3px 5px;
  text-decoration: none;
  color: #2d5581;
}

div.entrypoint h4 a:hover {
  background: #d5dde6;
}

div.epimage img {
  float: left;
  margin: 5px 15px 0 0;
  padding: 5px;
  border: 1px solid #ccc;
}

div.entrypoint p {
  margin: 0;
  padding: 0;
  font-family: tahoma, arial, verdana, helvetica, geneva, sans-serif;
  font-size: 70%;
  line-height: 1.8em;
  color: #444;
}

div.entrypoint p a {
  margin: 10px 0 0 0;
  padding: 5px 10px;
  display: block;
  text-decoration: none;
  color: #444;
  border: 1px solid #d5dde6;
  background: url(../images/mesh.gif) top left repeat;
}

div.entrypoint p a:hover {
  background: #d5dde6;
}

div.pullquote {
  margin: 50px 0 10px 20px;
  padding: 0 5px 5px 5px;
  background: transparent url(../images/pullquote.jpg) bottom right no-repeat;
}

div.pullquote blockquote {
  margin: 0;
  padding: 0;
  background: url(../images/pullquote.jpg) top left no-repeat;
}

div.pullquote p {
  margin: 0;
  padding: 20px 10px 0 10px;
  font-family: "times new roman", times, georgia, serif;
  font-size: 90%;
  letter-spacing: -.05em;
  line-height: 1.75em;
  text-align: center;
  color: #666;
}

div.pullquote p.credit {
  margin-bottom: 10px;
  padding: 0 30px 5px 0;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 65%;
  color: #999;
  text-align: right;
}

.clear {
  clear: both;
  height: 0;
}

/***************/
/* Footer code */
/***************/

div#footer {
  width: 700px;
  margin: 10px auto 0 auto;
  padding: 0 0 10px 0;
}

div#footer p {
  margin: 0;
  padding: 0 0 5px 0;
  font-family: "times new roman", times, georgia, serif;
  font-size: 80%;
  letter-spacing: -1px;
  color: #555;
  text-align: center;
  text-transform: lowercase;
}

div#footer p a {
  text-decoration: none;
}

div#footer p a:link, div#footer p a:visited {
  color: #555;
}

div#footer p a:hover, div#footer p a:active {
  color: #333;
}