* {
 padding: 0;
 margin: 0;
}
body, td, p {
     font-family : "Hoefler Text", Georgia, "Times New Roman", Times, serif;
 color: #333;
 font-size: 15px;
 line-height: 19px;
}
#body, td, p a:link {
 color: #869996;
 text-decoration: underline;
}
#body, td, p a:visited {
 color: #869996;
 text-decoration: underline;
}
#body, td, p a:hover {
 color: #6b5e60;
 text-decoration: underline;
}
#body, td, p a:active {
 color: #6b5e60;
 text-decoration: underline;
}
p {
 margin: 1em 0px 0px 0px;
}
.pict {
 width: 250;
 height: 250;
 border: 3px double black;
 float: right;
 margin: 0px 0px 3px 5px;
}
h1 {
 margin: 0px 0px 10px 0px;
 font-size: 36px;
 font-weight: normal;
 color: #666;
}
h1.title1 {
 font-size: 48px;
 font-weight: bold;
 color: #000;
 margin: 10px 0px 17px 170px;
 text-shadow: white 2px 2px;
}
h1.title2 {
 font-size: 40px;
 font-weight: normal;
 color: #000;
 font-weight: bold;
 margin: 0px 0px 0px 175px;
 text-shadow: white 2px 2px;
}
h2 {
 margin: 5px 0px -10px 0px;
 font-size: 21px;
 line-height: 27px;
 font-weight: normal;
}
#nav {
 width: 184px;
 border-right: 1px solid #000;
 padding: 0 0 1em 0;
 margin-bottom: 1em;
 overflow: hidden;
/* font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; */
 background-color: #FFFAEF;
 color: #333;
}
#nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
 border: none;
}		
#nav li {
 border-bottom: 1px solid #BFDAD6;
 margin: 0;
}
#nav li a {
 display: block;
 padding: 5px 5px 5px 0.5em;
 border-left: 10px solid #878999;
 border-right: 10px solid #999286;
 background-color: #869996;
 color: #fff;
 text-decoration: none;
 width: 100%;
}
html>body #nav li a {
 width: auto;
}
#nav li a:hover {
 border-left: 10px solid #6B665E;
 border-right: 10px solid #6b625E;
 background-color: #878A99;
 color: #fff;
}
#wrapper {
 width: 770px;
 margin: 0 auto;
}
#header {
 border: 1px solid #ccc;
 margin: 5px 5px 0px 5px;
 height: 70px;
 padding: 0px;
 background:url(http://appageo.com/seismic.jpg) no-repeat;
}
#leftcolumn { /* Parent Wrapper for inside boxes */
 margin: 0 0px 0px 5px;
 padding: 4px;
 display: inline; /* IE Hack */
 width: 24%;
 float: left;
 border: 1px solid #ccc;
 background-color: #DAD1BF;
 min-height: 300px;
 overflow: hidden;
}
* html #leftcolumn {height:300px} /* IE Min-Height Hack */ 

#centercolumn {
 border: 1px solid #ccc;
 margin: 0 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 4px;
 width: 72.1%;
 float: left;
 min-height: 300px;
}
* html #centercolumn {height:300px} /* IE Min-Height Hack */ 

#footer {
 text-align: center;
 background-color: #A3A38F;
 margin: 0 5px 5px 5px;
 display: inline; /* IE Hack */
 padding: 4px;
 float: left;
 width: 97.7%;
 font-size: 80%;
}
#footer a:link {
 color: #666;
 text-decoration: none;
}
#footer a:visited {
 color: #666;
 text-decoration: none;
}
#footer a:hover {
 color: #666;
 text-decoration: underline;
}
#footer a:active {
 color: #666;
 text-decoration: underline;
}