@charset "utf-8";
/* Styles for middletontimber.com */

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #482400;}

img {border:none}

blockquote {font-style: italic; margin-bottom: 3px;}
span.credit {margin-left: 50px; font-weight: bold; margin-bottom: 20px;}

#container { width: 800px; height: 680px; margin: 5px auto 0 auto; background-color: #fff; padding-top: 1px; }
#container.tall {height: 880px;}

#header { height: 27px; width: 760px; text-align: center; margin: 0 40px 0 40px;}
#header ul { list-style: none;}
#header ul li { float: left; }
#header ul li a { color: #555; margin-left: 20px;}

#content { width: 760px; height: 600px; margin: 5px 20px; }
#content.tall {height: 800px;}

#contentQ1 {padding: 0 0 0 0; width: 380px; height: 300px; float: left; }
#contentQ2 {padding: 0 0 0 0; width: 380px; height: 300px; float: left; }
#contentQ3 {padding: 0 0 0 0; width: 380px; height: 300px; float: left; }
#contentQ4 {padding: 0 0 0 0; width: 380px; height: 300px; float: left; }
#content2Quad {padding: 0 0 0 0; width: 760px; height: 300px; float: left; }

div.plan { clear: both; }
div.scroll{ overflow:auto; }
div.plan img {border: 2px solid #777; float: left; margin-right: 10px;}
div.plan h3 {font-size: 14px; margin: 0;}
div.spacer {height: 10px; width: 5px; clear: both;}

h2 {font-family: "Times New Roman", Times, serif; font-size: 40px; }
h2.sub { color:#666666; margin-left: 20px; font-style:italic;}
h2.dark {color: #8b3e29; margin: 0 10px -15px 0; }
h2.light {color: #c2c2c2; margin-top: 0px; margin-left: 40px;}
span.small { font-size: 16px; vertical-align: top;}

h4.question{ font-style: italic; font-weight: bold; font-size: 14px; margin-bottom: 0;}

p {margin: 8px;}

#footer { width: 760px; text-align: center; font-style: italic; font-size: 9px; margin: 0px auto; clear: both;}