/* The brown: #af553d
   A peachy colour: #FC7C58
   Tan/beige: #B0903E
   Yellow: #FCCE58
   Dark grey: #4F4F4F
   Light grey: #B0B0B0
   */
   
   
body {margin: 0; padding: 0; font-size: 76%}
a {text-decoration: none; border-bottom: 1px solid}
a:link {color: #af553d}
a:visited {color: #B0903E}
a:hover {background-color: #B0B0B0}
a:active {border-bottom-color:#FCCE58}

p, li, dt, dd, blockquote {font-size: 1.0em; font-family: Arial, Geneva, Helvetica, sans-serif}
h1, h2, h3, h4, h5, h6 {font-family: Georgia, Tahoma, serif}
h1 {font-size: 1.5em}
h2 {font-size: 1.4em}
h3 {font-size: 1.3em}
h4 {font-size: 1.2em}
h5 {font-size: 1.1em}
h6 {font-size: 1.0em}
img {border: none}
div#container {width: 100%; margin: 0px auto;}
 
div#flag {background: url(/images/jose-bedford-bg.png) no-repeat 50% -30px; height: 347px;
          border-bottom: 40px solid #af553d; overflow: visible}
div#top {width: 960px; margin: 0 auto}
div#flag h1 { width: 890px; height: 400px;
              text-indent: -5000px; 
              margin: 0;
              background: url(/images/Title-text.png) no-repeat 20px 320px ;
              }

div#flag p {float: left; width: 350px; 
            font-size: 1.7em; line-height: 1.8em; font-family: Georgia, Tahoma; 
            font-weight: 900; padding: 0 0 0 30px; color: #000}
div#flag p a {font-size: 0.6em; font-style: italic; text-align: right}

div#main {margin: 20px auto; padding: 0px 20px; width: 920px; overflow: hidden;}
 
div#left {width: 40%; float: left}

div#right {width: 40%; float: left;  border-right: 4px solid #4F4F4F}

div#content {width: 75%; float: left;  border-right: 4px solid #4F4F4F; padding-right: 20px}
div#content p {font-size: 1.1em; line-height: 1.5em}
div#content h2{margin-top: -20px}
div#content img {margin-right: 20px; margin-bottom: 25px; }
div#menu {width: 19%; float: right;}
div#menu ul, div#menu li{}
div#menu ul {font-size: 1.3em; margin: 10px 0 0 20px; padding: 0; list-style-type: none}
div#menu li{margin: 5px 0}
div#bottom {width: 960px; margin: 0 auto}
div#footer {clear: both; border-top: 8px solid #af553d; padding: 10px 20px}
div#footer ul {margin: 0 0 0 30px; padding: 0; border-right: 1px solid #000; display: inline }
div#footer li {display: inline; padding: 0 10px 0 10px; border-left: 1px solid #000 }

div.window { margin: 10px 10px 20px 10px; overflow: hidden;}
div.window img {float: left; padding: 5px 20px 0 0; }
div.window dl {font-size: 1.2em; width: 210px}
div.window dt {font-weight: 600}
div.window dd {display: inline; margin: 0; padding: 0 0 0 15px; background: url(/images/bullet.jpg) no-repeat 0 2px}
div.window h3 {text-indent: -5000px; margin: 0}
div.window div.chapter {float: left}
div.window h3#stressed {background: url(/images/stressed-header.jpg) no-repeat;  width: 139px; height: 45px}
div.window h3#exploited {background: url(/images/exploited-header.jpg) no-repeat;  width: 145px; height: 45px}
div.window h3#exhausted {background: url(/images/exhausted-header.jpg) no-repeat;  width: 166px; height: 45px}
div.window h3#abandoned {background: url(/images/abandoned-header.jpg) no-repeat;  width: 188px; height: 45px}

div.chapter dl {margin-top: 0px}
.current {font-weight: 900;}
a.here { border-bottom: 0; color: #000}

div#photoblock {width: 180px; float: right}
div#photoblock h3 {display: none}
div#photoblock img {padding: 0 0 20px 20px}
div#photoblock a {border-bottom: none}
div#chapter-nav {}
div#chapter-nav img {}

div#chapter-nav dl {list-style-type: none}
div#chapter-nav dt, div#chapter-nav dd {display: inline}
div#chapter-nav dt {}
div#chapter-nav dt img {margin-bottom: -10px}
div#chapter-nav dd {margin: -0px  20px 0px 5px;}
ul li h3 {display: inline}

div#mediaphotos {width: 180px; float: right; padding-left: 20px}
div#mediaphotos img {margin:0; padding: 0 !important}
div#mediaphotos p {font-size: 0.9em; margin: 0 0 20px 0}

div#imageContainer a, a#bottomNavClose, a.th, div#mediaphotos a {border-bottom: none}
div#photoblurb {width: 500px; padding: 10px; overflow: hidden; float: left}
div#photoblurb p {line-height: 2em; font-weight: 700}