@import url(skel.css);

/* generics */

* {font-size: 100%; padding: 0; margin: 0;}
body {font: 0.84em/1.333 Verdana, Helvetica, Arial, sans-serif; margin: 0; padding: 0;
  color: #000; background-color: E1E4B9; min-width: 40em; margin: 0 auto;}
a:link {color: #339;}
a:visited {color: #848;}
a img {border: none;}
h1 {font-size: 2em; margin: 2em 0 0.5em; padding: 0.25em 0;}
h2 {font-size: 1.5em; margin: 2em 0 0.33em; padding: 0.25em 0;}
h3 {font-size: 1.33em; margin: 2em 0 0.25em; padding: 0.125em 0;}
h4 {font-size: 1.1em; margin: 0.5em 0 0;}
h5 {font-size: 1em; margin: 0.5em 0 0;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}
p {margin: 0.33em 0 1em 0;}
ul, ol {margin: 1em 0; padding-left: 2.5em;}
dt {margin: 0.5em 0 0;}
dd {margin: 0.25em 0 0.5em 2.5em;}
pre, code, tt {font: 110% Verdana, Helvetica, Arial, sans-serif, monospace;
  margin: 1em 0;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
img.pic {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em;}
img.border {border: 3px double;}
img.standalone {display: block; margin: 0.5em auto; width: auto; max-width: 100%;}
p.standalone {text-align: center;}
p.standalone img {display: inline;}
.warning {background: #FF8; color: red; border: 2px solid; padding: 1em;}
.highlight {background: #B4D5FF; font-weight: bold;}

/* masthead */

#sitemast {padding: 0; margin: 0; overflow: hidden; border-bottom: 2px solid #000;
  height: 128px; width: 100%; position: relative; z-index: 1;}
#sitemast h1 {font-size: 4em; line-height: 1.5em; letter-spacing: 0.05em; 
  padding: 0; margin: 0;
  position: absolute; left: 350; top: 40px;
  /* hide-from-IE5/Mac hack \*/
  top: auto; bottom: 4;
  /* end hack */}
#sitemast h1 a {padding: 0 0.25em;}
#sitemast h1 a, .panel a {text-decoration: none;}

/* main content */

#main {margin: 2.25em 20em 0 12em; padding: 3.5em 0;
  min-height: 30em;}
#main h2 {border-bottom: 1px solid #888; margin: 0; padding: 0;
  font-size: 1.75em; line-height: 1;}
#main p.contact {margin: 0 1em; text-align: right; font-size: 90%;}

#main p {line-height: 1.4;}
#main li {line-height: 1.33; margin-bottom: 0.33em;}
#main .compact li {line-height: normal; margin-bottom: 0;}
#main ul li {list-style: square;}
#main ol li {list-style: decimal;}

/* navbar */

#navigate {position: absolute; top: 129px; left: 0; right: 0;
  padding: 0.25em 0 0.25em 1em;
  z-index: 1; overflow: hidden;
  height: auto; width: 95%; line-height: 3;}
#navigate h4 {display: none;}
#navigate ul, #navigate li {margin: 0; padding: 0;}
#navigate ul {padding-left: 0.5em;}

#navlinks {float: left; width: 100%;}
#navlinks a {text-decoration: none;}
#navlinks li {float: left; list-style: none; margin-left: 1px;}
#navlinks li a {padding: 0.25em 1em; margin-right: 0.125em;
  border-top: 0.75em solid #96B6B1; 
  font-weight: bold; color: #2c5377;}
#navlinks li ul {display: none; border: none;}
#navlinks li li a {font-weight: normal;}
#navlinks a:hover {border-top-color: #2c5377;}
#navlinks #otherLink {margin-left: 1.75em;}

.task0 #task0Link a,
.task1 #task1Link a,
.task2 #task2Link a,
.task3 #task3Link a,
.task4 #task4Link a,
.task5 #task5Link a
{border-color: #226 #FFF #FFF; background: #CCE; color: #226; font-style: italic;}


/* miscellaneous */
#footer {margin: 10em 18em 0 1.5em; padding: 0.5em 0 0.5em;
  border-top: 1px solid gray;
  text-align: center;
  color: gray; background: #FFF;}
#footer a {color: #558;}
#footer a:visited {color: #858;}
#footer p {line-height: 1; margin: 0; padding: 0.5em 0.25em 0; font-size: 0.85em; }

/*  */

* html #navigate {padding-top: 0;}

/*\*//*/
body #search {width: 20em;}
/**/