/*

TODO:
  * make the footer more padded in IE7 (6?)
  * make the layout centered in IE5 - IE6

*/

body
{
  background-color: #aaa;
  margin: 0px 8px 8px 8px;
  font: 10pt Georgia, serif;
}

.center   { text-align: center; }
.notbold  { font-weight: normal; }
.u        { text-decoration: underline; }
.squishy  { letter-spacing: -1px; line-height: -1px; }
.clear    { clear: both; width: 0px; margin: 0px; padding: 0px; }


a         { color: #B64926; }
a:visited { color: #8E2800; }
a:hover   { color: #FF5F2C; }

img { border: 0px; }

h1 { font-size: 18pt; margin: 0px; padding: 0px; }
h2 { font-size: 16pt; margin: 0px; padding: 0px; }
h3 { font-size: 14pt; margin: 0px; padding: 0px; }
p { margin: 10px 0px 0px 2px; }

/******************************************************************************/

#bodycontainer
{
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #777;
  border-top-width: 0px;
  background: #979694; /* this will show through to be sidebar background color */
}

/******************************************************************************/

#header
{
  background: black;
  width: 100%;
  height: 120px;
  background-image: url(); /* XXX: make this substitutable? */
}

#headertext
{
  float: left;
  width: 600px;
  color: white;
}

#header h1 { font-size: 32pt; margin: 0; padding: 1px 0px 0px 2px; }
#header h2 { font-size: 18pt; margin: 0; padding: 0px 0px 0px 2px; }
#header h3 { font-size: 12pt; margin: 0; padding: 4px 0px 0px 2px; }

/******************************************************************************/

#navigation
{
  width: 850px;
  height: 31px;
  background: #E9E3CA;
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #666;
}

#navigation ul    { margin: 0px; padding: 0px; list-style: none; }
#navigation ul li { margin: 0px; padding: 0px; float: left; }
#navigation li a
{
  font-size: 12pt;
  display: block;
  margin: 0px;
  padding: 6px 12px 6px 12px;
  height: 20px;

  color: #332321;
  text-decoration: none;
  border-right: 1px solid #332321;
}
#navigation li a:hover
{
  color: #221311;
  background: #CFC7B1;
}

/******************************************************************************/

#content
{
  width: 648px;
  float: right;
  background: #DEDEDE;
  padding: 0px 10px 10px 10px;
  border-left: 1px solid #666;
}

#content h1, #content h2, #content h3 { padding-top: 7px; }
#content blockquote { background: #E9E3CA; border: 1px solid #CFC7B1; padding: 5px; }
#content li { margin: 8px 0px 4px 0px; }

.article-desc-box { width: 95%; background: #EDEDED; margin: 4px; padding: 3px 8px 8px 8px; border: 1px solid #cdcdcd; }
.article-desc-box h2 { font-size: 10pt; font-weight: bold; text-decoration: none; margin: 0px; padding: 0px; }

.img-box { margin: 10px auto 10px auto; text-align: center; padding: 10px; background: #E9E3CA; border: 1px solid #CFC7B1; }
.img-box p { margin: 0px; padding: 0px; }

.offer { margin: 10px; padding: 10px; border: 1px solid #809c67; background: #bae87d; width: 620px; }
.offer img { float: left; margin-top: 15px; border: 2px solid #809c67; }
.offer .offer-rhs { width: 425px; float: right; }
.offer h2 { font-size: 13pt; text-align: center; }
.offer a { color: #3f750c; }

/******************************************************************************/

#sidebar
{
  float: left;
  background: none;
  width: 170px;
  padding: 9px 0px 6px 9px;
  margin: 0px;
}

/******************************************************************************/

#footer
{
  background: #D5D4D4;
  width: 100%;
  text-align: center;
  margin: 0px;
  border-top: 1px solid #777;
  padding: 3px 0px 3px 0px;
}