* {margin: 0; padding: 0; border: 0;}
body {color: maroon; font-size: 79%; font-family: Verdana, Arial, Helvetica, sans-serif; background-image:url('images/coalbk.gif'); text-align: center;}
a {color: #73342d; text-decoration: underline;}
a:hover {color: #73342d; text-decoration: none;}
acronym {border-bottom: 1px dashed #999999; cursor: help;}
h1 {color: #73342d; font-size: 130%; font-weight: bold; background: #e5e3c3; margin: 5px 0; border-top: 1px solid #73342d; border-right: 20px solid #73342d; border-bottom: 1px solid #73342d; border-left: 20px solid #73342d;}
h1:hover {border-bottom: 1px solid #73342d; border-top: 1px solid #73342d; background: #e5e3c3;}
#header {color: #e0e0e0; z-index:1;}
#wrap {margin-right:auto; margin-left: auto; text-align: left; width: 759px; z-index:2;}
#content {background-image:url('images/background2.jpg'); background-repeat:repeat-y center;}
/* The background-image's for the #wrap below are for preloading all the page's images, just add your own images to the pattern */
#column1  {margin-left:8px; width: 178px; float: left;}
/* in the tag below, #column2, I used the Underscore Hack to give the column2 div the correct margins in Firefox 1 */
#column2  {margin-left: 186px !important; padding: 12px 67px 30px 9px;}
#column2 p {line-height: 190%;}
#column2 ul {margin: 10px 0; }
#column2 li {color: #73342d; text-indent: 10px; list-style: square inside;}
#nav {padding-bottom: 40px; width: 178px;}
/* leave the padding-bottom in the #nav if you want some space between the navigation and the photos in the left column */
#nav ul li {color: navy; line-height: 16px; background-repeat: no-repeat; list-style: none; display: inline;}
#nav ul li a {color: navy; text-decoration: none; display: block; padding: 5px; width: 155px; border-bottom: 1px solid #e5e3c3;}
/* remove the 'text-decoration: underline;' in #nav li a:hover if you don't want the links in the left nav menu to be underlined when the user hovers over them with their mouse */
#nav li a:hover {color: navy; font-weight: bold; background-color: #e5e3c3; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0;}
/* the following 3 rules are for the submenu, if you removed the submenu remove these rules as well */
#nav ul ul li {line-height: 10px; border-bottom: none;}
#nav ul ul li a {color: #e5e3c3; text-indent: 10px;}
#nav ul ul li a:hover {color: #000000;}
#links div {float: left; width: 170px;}
#links div li {list-style: none;}
#links div li a {background: url('images/arrow_outline.gif') left no-repeat; padding-left: 15px; text-decoration: none;}
#links div li a:hover {background-image: url('images/arrow.gif'); color: #ac835c; text-decoration: underline;}
#footer  {color: #999999; font-size: 9px; text-align: center; clear: both;}
#footer a {color: #999999; text-decoration: underline;}