body { font-size: 12px; color: #000; font-family: Arial, Helvetica, sans-serif; }
img { border: none; }
ol, ul, p, h1, h2, h3, h4, h5, form, div, a, hr, body { padding: 0px; margin: 0px;  }
a { text-decoration: none; color: #45484b; font-weight: bold; border-bottom: 1px dotted #45484b; }
a:hover { color: #696758; }
a:visited { color: #45484b; }
a.right{ display: block; float: right; }
h3 { font-size: 16px; height: 20px; color: #45484b; }
h4 { padding-left: 5px; color: #fff; font-size: 16px; height: 20px; font-weight: bold; background: #45484b; }
h5 { font-size: 14px; weight: bold; color: #45484b; }
p { text-indent: 1em; }
ul { list-style: inside; }


div#wrapper{ width: 800px; height: 575px; border: 1px solid #000; margin: 25px auto 0px auto; }

div#header{ background: url('header.gif'); height: 20px; }

div#top { width: 800px; clear: both; height: 100px; margin: 0px auto; }
div#top a { border-bottom: none; }
div#topLeft{ float: left; width: 300px; }
img.logo { margin-top: 16px; }
div#topCenter{ float: left; width: 199px; margin-left: 1px; }
div#topRight{ float: left; width: 279px; margin-left: 1px; padding: 30px 10px; }

div#nav { width: 800px; clear: both; height: 26px; margin: 0px auto; background: url('header.gif'); }

div#nav a { display: block; width: 290px; height: 26px; font-size: 20px; color: #fff; padding-left: 10px; text-align: center; font-weight: bold; }

div#nav a:hover { background: #696758; }
div#navLeft{ float: left; width: 300px; background: url('link300.gif'); height: 26px; }
div#navCenter{ float: left; width: 199px; margin-left: 1px; }
div#navRight{ float: left; width: 299px; background: url('link300.gif'); height: 26px; margin-left: 1px; }

div#photos { width: 800px; clear: both; height: 200px; margin: 0px auto; }
div#photosLeft{ float: left; width: 300px; }
div#photosCenter{ float: left; width: 199px; margin-left: 1px; }
div#photosRight{ float: left; width: 299px; margin-left: 1px; }

div#notes { width: 800px; clear: both; height: 200px; margin: 0px auto; }
div#notesLeft{ float: left; width: 280px; margin-top: 10px; padding: 0px 10px; }
div#notesCenter{ float: left; width: 199px; margin-left: 1px; }
div.green10{ height: 9px; background: url('green10.gif'); margin-bottom: 1px; }
   ul.nav {list-style: outside; background: url('li.gif'); }
   ul.nav li{ background: url('li.gif'); margin-bottom: 1px; height: 22px; list-style: none; }
   ul.nav li a{ display: block; height: 20px; margin: 2px auto; color: #fffff; width: 174px; background: url('li.gif'); padding-left: 15px; padding-right: 10px; color: #fff; font-size: 15px; }
   ul.nav li a:hover { background: #45484b; }
   ul.nav li a.on { background: #fff; color: #45484b; font-weight: bold; }
div#notesRight{ float: left; width: 279px; margin-left: 1px; margin-top: 10px; padding: 0px 10px; }

div#content { width: 800px; clear: both; height: 425px; margin: 0px auto; }
div.content { float: left; width: 274px; padding: 0px 0px 0px 25px; clear: none; }
div.content2 { float: left; width: 549px; padding: 0px 0px 0px 25px; clear: none; }
div#leftNav { width: 199px; float: left; }

div#footer { width: 802px; clear: both; height: 16px; margin: 0px auto; text-align: center; }
div#footerRight{ float: right; }