body {
  margin: 0;
  padding: 4em 8em 0 8em;
  background: url(img/horizontal_gradient_bar.gif) top repeat-x fixed;
}

html {
  font-size: 8px;
  background: url(img/background/bottom-01.jpg) bottom no-repeat fixed;
}

ul {
  list-style: circle url(img/bullet.gif);
}

img { border: 0; }

h1 {
  font-size: 125%;
  border-bottom: 1px #ccc dotted;
}

h2 {
  font-size: 100%;
  border-bottom: 1px #ccc dotted;
  text-align: right;
  margin: 2em 0 0 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, dt {
  font-family: "Bookman", "BookmanITC Lt BT", serif;
}

#pageMenu {
  font-size: 90%;
  border-bottom: 1px #ccc dotted;
  padding-bottom: 1em;
}

#pageMenu,
#pageMenu ol,
#pageMenu ul {
  padding: 0 0 0 1.5em;
}

#pageMenu:before {
  content: "Table of Contents";
  font-size: 110%;
  font-style: italic;
  border-bottom: 1px #ccc dotted;
  display: block;
  text-align: right;
}

dl dt {
  padding: 0;
  margin: 1em 0 1em 0;
  border-bottom: 1px #ccc dotted;
}

dl > dt {
  font-size: 115%;
  font-weight: bold;
}

dl > dd > dl > dt {
  font-size: 105%;
  font-weight: bold;
}

dl > dd > dl > dd {
  padding: 0 0 0 1em;
  margin: 0;
}

#header {
  margin: 0 0 1em 0;
}

#content {
  margin: 2em auto 0 auto;
  padding: 0 10%;
  font-size: 200%;
}

#menu, #menu li, #menu li > ul, #menu > li > ul > li > a {
  display: block;
  margin: 0;
  padding: 0;
}

#menu > li {
  width: 20%;
  float: left;
  text-align: center;
  background: #c00;
  height: 2em;
  line-height: 2em;
}

#menu > li.firstChild {
  background: #c00 url(img/bar_endcap_left.png) left no-repeat;
}

#menu > li.lastChild {
  background: #c00 url(img/bar_endcap_right.png) right no-repeat;
}

#menu > li > ul {
  display: none;
  width: 135px;
  position: relative;
  top: -1.5em;
  left: 1em;
}

#menu > li:hover > ul {
  display: block;
}

#menu > li > ul > li > a {
  margin: 0 0.5em 0 0.5em;
  border-bottom: 1px #ccc dotted;
}

#menu > li > ul li.lastChild {
  border-bottom: none;
  background: url(img/box/bottom.png);
}

#menu > li > ul {
  background: url(img/box/top.png) top no-repeat;
}

#menu > li > ul > li {
  background: url(img/box/middle.png) repeat-y;
}

#menu > li > ul > li.firstChild {
  background: none;
}

#menu > li > ul > li.lastChild {
  background: url(img/box/middle.png) repeat-y;
  border: 0;
  padding: 0;
}

#menu > li > ul > li.lastChild > a {
  border: 0;
  margin: 0;
  padding: 0 0 1em 0;
  background: url(img/box/bottom.png) bottom repeat-x;
}

#menu > li > ul > .firstChild a {
  padding-top: 1em;
  text-align: right;
  padding-right: 1em;
  border-bottom: 1px dotted #666;
}

#footer {
  text-align: center;
  font-size: 150%;
  border-top: 1px #ccc dotted;
  color: #666;
  clear: both;
}

#footer a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
}

/*********** Links **********/

a:link {
  color: blue;
  text-decoration: none;
}

a:visited {
  color: blue;
  text-decoration: none;
}

a:hover {
  color: blue;
  text-decoration: underline;
}

a:active {
  color: red;
  text-decoration: underline;
}

#content a[href^="mailto:"] {
  background: url(img/envelope.gif) center right no-repeat;
  padding-right: 18px;
}

#content a[href^="http://"] {
  background: url(img/gnome-globe.png) center right no-repeat;
  padding-right: 16px;
}

#content a[href^="https://"] {
  background: url(img/lock.gif) center right no-repeat;
  padding-right: 13px;
}

#content a[href$=".pdf"] {
  background: url(img/pdf.gif) center right no-repeat;
  padding-right: 20px;
}

#content a.noDecoration {
  background: none transparent;
  padding: 0;
}

/*********** Classes **********/

.hidden {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

.quoted, q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

.quoted:before, q:before {
  content: open-quote;
}

.quoted:after, q:after {
  content: close-quote;
}

.registeredTrademark:after {
  content: "\AE";
  font-style: normal;
  font-size: 0.75em;
}

/* IE is too stupid to understand that <q> elements should be quoted, much less to understand :before and :after \*/
* html .quoted,
* html q {
  font-style: italic;
}
/* See http://www.456bereastreet.com/archive/200411/quotations_and_citations_quoting_text/ */

img.pagePic {
  float: right;
  margin: 0 0 0.5em 0.5em;
}

img.personnelPicture {
  float: left;
  margin: 0 0.5em 0.5em 0;
}

.icsi_name {
  font-style: italic;
  font-weight: bold;
  font-family: "Bookman", "BookmanITC Lt BT", serif;
  border: 0;
  text-transform: lowercase;
}

abbr.postalCode,
abbr.common {
  border: 0;
}

ul.miniSlideshow,
ol.miniSlideshow {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

.news_date {
  font-size: 110%;
  font-weight: bold;
}

.news_location {
  font-size: 100%;
  font-weight: bold;
  border-bottom: 1px #ccc dotted;
}