/* ----------
BASIC ELEMENTS
------------ */
* {padding: 0;margin: 0;}
body, html {text-align: center;color: #333;font: small verdana, arial, sans-serif;background: #fff;}
a:link, a:visited {color: #ca6800;text-decoration: underline;}
a:hover, a:active {text-decoration: none;}
a img { border-width: 0;}
ul {list-style-type: none;}
/* ------
Layout
--------*/
div#container {margin: 0 auto;width: 793px;text-align: left;}
/* ------
Top Banner 
---------*/
div#masthead {width: 793px;height: 65px;}
div#lowermasthead {width: 793px;height: 20px;background: #fff url('../images/lower-masthead.gif') top left no-repeat;text-indent: 25%;font: bold small verdana, arial, sans-serif;}
/* -----
Left Navigational Bar
------*/
div#left-menu {width: 174px;float:left;padding-bottom: 10px;background-color: #ca6800;border-bottom: 10px double #ccc;border-left: 10px double #ccc;}
ul#left-menu {margin-left: 4%;}
div#left-menu h2 {padding-left: 4%;font-size: medium;color: #ccc;font-weight: bold;}
ul#left-menu li a:link, ul#left-menu li a:visited  {color: #fff;text-decoration: none;font-size: 90%;}
ul#left-menu li a:hover {color: #ccc;text-decoration: none;}
/* --------------------
Content Body h3 h4 hr added MJF 10/15/08
-----------------------*/
div#main-body-content {width:600px;float:right;position: relative;}
div#main-body-content h1 {background-color: #dedbcb;color: #5e5e5eb;text-indent: 5%;border-bottom: 5px solid #fff;font: bold 120% Georgia, serif;}
div#main-body-content div#content {width: 100%;padding-left: 4px;padding-right: 4px;border-bottom: 5px solid #fff; background: #f7f7f7 url('../images/grayleaves-fade.gif') top right no-repeat;}
div#main-body-content div#content h2 {font: bold medium georgia, serif; color: #ca6800;}

div#main-body-content div#content h3 {font: bold 24px georgia, serif; color: #ca6800;}
div#main-body-content div#content h4 {font: bold 30px georgia, serif; color: #ca6800;}
div#main-body-content div#content h5 {font: bold 36px georgia, serif; color: #ca6800;}

div#main-body-content div#content p {padding: 4px;}
div#main-body-content div#content p span {font-weight: bold;color: #ca6800;}
div#main-body-content div#content ol.content {margin: 20px 0 10px 30px;}
div#main-body-content div#content ol.content li {padding: 2px 0;}
div#main-body-content div#content ol.content li span {color: #ca6800;font-weight: bold;}
ul.content {margin: 10px 0 10px 20px;}
ul.content li {padding: 4px 0;}
ul.content li a:link, ul.content li a:visited, ol.content li a:link, ol.content li a:visited {color: #4d4d4d;text-decoration: none;padding-top: 10px;border-bottom: 1px dotted #ca6800;}
ul.content li a:hover, ul.content li a:active, ol.content li a:hover, ol.content li a:active {color: #ca6800;text-decoration: none; border-bottom: none;}
p#quote {background: #eff7d8;border: 1px solid #ccc;border-left: 10px solid #b9d352;margin-left: 50%;font: italic small georgia, serif;letter-spacing: 1px;color: #999;}
p#datetime {text-align: center;}

/*------------------
Footer upper & lower
---------------------*/
div#upper-footer {clear: both;width: 793px;background: #4d4d4d;margin-bottom: 5px;color: #fff;padding: 4px;}
div#upper-footer ul {width: 92%;margin: 0 auto;text-align: center;font-size: x-small;}
div#upper-footer ul li {display: inline;}
div#upper-footer ul li a {text-decoration: none;color: #fff;}
div#upper-footer ul li a:hover {text-decoration: underline;}
div#upper-footer h3 {font-size: x-small;}
div#lower-footer {font: small arial, sans-serif;color: #555;text-align: center;margin-bottom: 10px;}
div#lower-footer p {padding: 2px 0;}
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%;}