/* ----------
BASIC ELEMENTS
------------ */
* {padding: 0;margin: 0;}
a:link, a:visited {color: #5e5e5e;text-decoration: underline;}
a:hover, a:active {text-decoration: none;}
body {text-align: center;color: #555;font: x-small verdana, arial, sans-serif;}
ul {list-style-type: none;}
img {border-style:none;}
/* ------
Layout
--------*/
div#container {margin: 0 auto;width: 793px;text-align: left;background:#ccc;}
/* ------
Top Banner 
---------*/
div#masthead {width: 793px;background-color:#fff;border-bottom:3px solid #fff;}
div#lowermasthead {width: 793px;height: 20px;background: #fff url('../images/lower-masthead.gif') top left no-repeat;text-indent: 25%;font-size: small;font-weight: bold;}
/* -----
Upper Main
------*/
div#uppermain {width: 793px;height: 163px;background: #fff url('../images/upper-main-bg.gif') top left no-repeat;position: relative;}
ul#left-menu {padding-left: 2%;padding-top: 1%;font-size: xx-small;}
ul#left-menu li a:link, ul#left-menu li a:visited  {color: #fff;text-decoration: none;font-size: 130%;}
ul#left-menu li a:hover {color: #ccc;text-decoration: none;}
/* --------------
Flash positioning
----------------*/
object#DarwinLogo {position: absolute;top: 0;right: 0;}
/* --------------------
Main Body
----------------------*/
div#main-body {width: 793px;background: #ccc;}
div#main-body-content {width: 593px;float: left;font: bold small verdana;color: #999;background: #f7f7f7 url('../images/trilobite-small.gif') bottom right no-repeat;border-left:5px solid #fff;padding-left:7px;border-bottom: 4px solid #fff;}
div#main-body-content p.opening {margin-top: 10px;color: #000; font: bold  medium 'Trebuchet MS', sans-serif;margin-bottom: 2px;text-align:center;letter-spacing: 3px;}
div#main-body-content p.opening span {color:#ca6800; font-size: xx-large;border-bottom:1px dotted #ccc;font-style:italic;}
div#main-body-content #evol-beauty {float:right;}

div#main-body-content img#celebrating {margin-left:140px;margin-top:40px;margin-bottom:10px;}

div#main-body-content img#mission-statement {margin-left:60px;margin-top:30px;margin-bottom:46px;}


div#main-body-content ul#mission {text-align:center;margin-left: 6px;margin-top: 36px;}
div#main-body-content ul#mission li {padding: 4px 0; color: #333;font:italic bold 1.3em Arial, Helvetica, sans-serif;text-align:center;letter-spacing:1px;}
div#main-body-content p#special {float:right;margin-top:62px;margin-right: 4px;font-size: .9em}
div#main-body-content p#special a:link, div#main-body-content p#special a:visited  {color:#ca6800;text-decoration: none;font-size: .9em;}
div#main-body-content p#special a:hover, div#main-body-content p#special a:active {color: #333;text-decoration: underline;}
/*-----------------------
Left-Side Bar
------------------------*/
div#main-body-left-side {width: 188px;background: #ccc url('images/flow-leaves-gray.gif') bottom left no-repeat;float: left;margin-bottom:5px;}
div#flash-holder {position: relative;width: 100%;height: 100%;}
object#fading-boxes {position: absolute;bottom: 0;}
/*-----------------------
Left-Side Bar (Events Box) Updated 11/17/08 removed white box around events MJF
------------------------*/
div#events {margin: 8px; padding: 4px; height: 65%;}
div#events h3 {font: bold small georgia, serif;color:#333;border-bottom: 3px double #333;text-align:center;}
div#events ul {margin: 8px 0;}
div#events ul li {padding-bottom: 3px;}
div#events ul li a {color: #555;text-decoration: none;padding-top: 2px;}
div#events ul li a:hover {color:#ca6800;text-decoration:underline;}
/*----------------------
Welcome Message
------------------------*/
div#main-body-welcome {background: #dedbcb;width: 596px;float: right;margin-bottom: 5px;padding: 2px} 
div#main-body-welcome ul li {display: inline;}
div#main-body-welcome ul li a {text-decoration: none;color: #555;}
div#main-body-welcome ul li a:hover {text-decoration: underline;}
div#main-body-welcome h3 {font-size: x-small;float:left;}
/*------------------
Footer upper & lower
---------------------*/
div#upper-footer {clear: both;width: 784px;background: #4d4d4d;margin-bottom: 5px;color: #fff;padding: 4px;text-align: center;font-size: small;font-weight: bold;margin-bottom:0;}
div#upper-footer a:link, div#upper-footer a:visited {color: #fff;}
div#upper-footer a:hover, div#upper-footer a:active {font-style:italic;}
div#lower-footer {font: small arial, sans-serif;color: #555;text-align: center;background:#fff;}
div#lower-footer a:link, div#lower-footer a:visited {color: #4d4d4d;text-decoration: underline;}
div#lower-footer a:hover {color: #ca6800;text-decoration: none;}
div#lower-footer p#copyright {font-size: 80%;}