/* basics */

body { margin:0; padding:0 0 25px 0; background:#f6f6f6 url(/i/body_bg.jpg) top left repeat-x; color:#333; }
body, td, th, textarea, select, h2, h3, h4, h5, h6 { font: 12px/1.25em arial, sans-serif; margin: 0; }

p { margin:.25em 0 1em; }

a { text-decoration:none; }
a:link, a:visited { color:#667f97; /*cccc9f;*/ font-weight:bold; text-decoration:none; }
/*a:visited { color:#627eb2; }*/
a:hover { text-decoration: underline; }
a:focus { outline:none; }

a, a img { border:0; }

ul, ol { padding-left:0; margin-top: .25em; margin-bottom: 1em; margin-left:18px; _margin-left:22px; }
  ul li { list-style:square; padding-top: 2px; }
  ul ul li { list-style:disc; }
  ul ul ul li { list-style:circle; }

h2 { margin:0; padding:20px 25px 0 25px; font-size: 1.25em; font-weight:bold; text-transform: uppercase; color:#cccc9f; }
h3, h4, h5 { padding:.5em 0 .5em; color:#000; }
  p+h3, p+h4, p+h5, ul+h3, ul+h4, ul+h5 { padding-top: 6px; }
h3 { font-size:1.4em; font-weight: bold; }
  h3 a:link, h3 a:visited { color: #000; }
h4 { font-size:1.1em; font-weight: bold; color: #222; }

.indent { padding-left: 1em; }
a.readmore:link, a.readmore:visited { padding-left: 9px; font-size: .9em; color: #000; }
  a.readmore:hover { color: #c00; }

.photo_small, .photo_large { margin: 0 0 20px 20px; float: right; border: 4px solid #cccc9f; }
  .photo_small { height: 125px; width: 125px; border-width: 2px; }
  .photo_large { height: 200px; width: 150px; }

/* layout */

.page { width:800px; margin:0 auto; position:relative; }
  .header { height:100px; width:350px; float:left; margin-left: 10px; }
    h1, h1 a { display:block; height:100px; width:350px; }
  .navigation { display: block; width: 375px; float: right; padding-top: 80px; }
    .navigation ul { list-style: none; }
      .navigation li { display: block; padding: 0 25px; float: left; text-align: center }
      .navigation li a { color: #fff; }
        .navigation li a:hover { color:#fff; text-decoration:underline; }
      .navigation li.on a { color:#cccc9f; font-weight:bold; }
        .navigation li.on a:hover { text-decoration:none; }
  .banner { position:absolute; height:200px; width:800px; top:130px; left:0; background: url(/i/banner_bg.jpg) top center no-repeat; }
  .content { float:left; width:480px; margin-top:260px; background:url(/i/content_bg.jpg) top center repeat-y; }
    .content .section_header { width:480px; height: 50px; background:url(/i/content_bg_top.jpg) top center no-repeat; }
    .content .padding { padding:15px 25px; background:url(/i/content_bg_bottom.jpg) bottom center no-repeat; }
  .side { float:right; width:280px; margin-top:260px; }
  .page_clear { clear: both; height: 20px; }
  .footer { padding:0 25px; font-size:.8em; }