/*-------------------------------------------
Default styles
---------------------------------------------

Default formatting, relevant to all pages.

Contains these sections:
 - Regular elements
 - General layout blocks
 - Header & branding
 - Footer
 - Search
 - Overall menu
 - Main content
 - Sub-content
 - Images
 - Misc

Specific hacks for Internet Explorer 6 are marked with "IE6 HACK". See
README.txt for details.

Author: Ben Sturmfels, Boojum, December 2008

------------------------------------------*/

body {
  font-family: arial, helvetica, sans-serif; /* See README.txt */
  font-size: 81%;
  border-left: 1px solid #555;  
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
  margin: 0 auto;
  color: #333;
  background: #706C6C;
  position: relative; /* IE6 fix */
}


/* Regular elements --------------------*/
li { margin-bottom: 0.5em; }

h1 {
  color: white;
  background: #41689f url(../images/bg-menu-title-a.gif) left top repeat-x;
  padding: 0.2em 0.4em;
}

h2 {
  clear: both;
  color: #2f69b3;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0.5em;
}

h3 { 
  color: #2f69b3;
}

cite {
  display: inline;
  text-align: left;
}

td, th {
  border: none;
  padding: 0;
}

th { background: #eee; }

table.lines th, table.lines td {
  border: 1px solid #ddd;
  padding: 0.5em;                                 
}

a:link { color: #2967B2; }


/* General layout blocks --------------------*/
#content-wrapper {
  clear: both;
  overflow: auto;
  background: white;

  _height: 1%; /* IE6 HACK: make this block contain floating children */
}

#main-content {
  min-height: 400px;
}

#main-content .inner {
  background: white;
  padding: 0 10px 1.5em;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #eee;

  _height: 1%; /* IE6 HACK: make this block contain floating children */
}

#main-content .inner h1#page-title {
  margin-left: -11px;
  margin-right: -11px;

  _position: relative; _left: -1px; /* IE6 HACK */
  _margin-right: -12px; /* IE6 HACK */
}

#sub-content-a {
  min-height: 400px;
  padding: 0 0 1.5em;
}

#sub-content-a .inner {
  background: white;
}

#sub-content-b {
  min-height: 400px;
  padding: 0 0 1.5em;
}

#sub-content-b .inner {
  background: white;
  border-left: 1px solid #eee;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}


/* Header & branding --------------------*/
#header {
  overflow: auto; /* stop bottom margin of content being passed on */
  background: white url(../images/bg-header.jpg) left top no-repeat;
  position: relative;
  height: 99px;
  padding-bottom: 3px;
  text-align: left;
}

h1#site-title {
  padding: 0;
  margin: 0;
}

h1#site-title {
  position: absolute;
  left: 8px; top: 23px; /* 15px, 31px - img borders 7px, 8px */
}

#site-title img { display: inline; }
#site-title img { display: inline; }


/* Footer --------------------*/
#footer {
  color: #333;
  background: #ddd;
  clear: both;
  border-top: 1px solid #ccc;
}

#footer .inner { 
  padding: 1em 1.5em;
  overflow: auto;

  _height: 1%; /* IE6 HACK */
}

#footer p {
  text-align: right;
  margin: 0;
}

#footer-menu { 
  margin-top: 0.5em;
}

#footer-menu ul { 
  margin-left: -1em;
}

#footer-menu li a {
  border: none;
  margin: 0.2em 0;
  padding: 0 1em;
  border-left: 1px solid #bbb;
  text-decoration: underline;

  _border: none; /* IE6 HACK */
  _border-right: 1px solid #bbb; /* IE6 HACK */
}

#footer-menu li:first-child a { border: none; }

#page-info ul {
  margin: 0;
}

#page-info li {
  list-style: none;
  margin: 0;
}


/* Search --------------------*/
#search-form {
  position: absolute;
  left: 600px; top: 50px;
}

#search-form legend,
#search-form label { display: none; }

#search-form #search-input {
  width: 13em;

  _margin-right: 0.5em; /* IE6 HACK: extra space between input and button */
}


/* Overall menu --------------------*/
#overall-menu {
  position: absolute;
  left: 400px; top: 60px;
  margin-left: -0.5em;
}

#overall-menu li a {
  color: white;
  text-decoration: underline;
  padding: 0 0.5em;
  border: none;
  margin: 0;
}


/* Main content --------------------*/
#breadcrumbs { 
  font-size: 0.9em;
  color: #888;
  /* overlap the #main-content .inner border */
  background: white;
  padding: 0.7em 1.2em 1em;
  margin: 0 -1.2em;

  position: relative; /* extra help for IE6 */
  left: -1px;
}

#breadcrumbs a { color: #666; }

h1#page-title {
  margin-top: 0;
}

#main-content blockquote {
  font-size: 1.1em;
  overflow: auto;
  background: #eee;
  font-style: italic;
  width: 50%;
  float: right;
  padding: 1em 1em 0;
  margin: 0 0 0.5em 1em;
}

#main-content blockquote p {
}

#main-content #summary p {
  font-size: 1.1em;
  font-style: italic;
}


/* Sub-content --------------------*/
#this-section-menu {
  border-left: 1px solid #eee;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.7em;
}

#sub-content-a h3,
#sub-content-b h3 {
  background: #41689f url(images/bg-menu-title-a.gif) left top repeat-x;
  color: white;
  font-size: 1.1em;
  line-height: 1.2;
  font-weight: normal;
  padding: 0.3em 0.91em; /* 0.91 = 1/1.1 */
  margin: 0 -1px 0.64em -1px;
}

#sub-content-a ul.v-menu,
#sub-content-b ul.v-menu {
  margin: -0.6em 0 0.3em 1em; /* 0.6 = 0.7 - 0.1 (0.1em space at top) */
}

#sub-content-a ul.v-menu li, 
#sub-content-b ul.v-menu li { margin: 0; }

#sub-content-a ul.v-menu li a,
#sub-content-b ul.v-menu li a {
  border: none;
  border-top: 1px dotted #ddd;
  padding: 0.5em 0;
  margin: 0;
}

#sub-content-a ul.v-menu li.current a,
#sub-content-b ul.v-menu li.current a {
  text-decoration: underline;
}

#sub-content-a ul.v-menu li:first-child a,
#sub-content-b ul.v-menu li:first-child a { border: none; }

#sub-content-a ul.v-menu ul.v-menu li a { border-top: 1px dotted #ddd; }

#sub-content-a ul.v-menu li ul,
#sub-content-b ul.v-menu li ul {
  margin-top: 0;
  margin-left: 1em;
}

/* features in left column */
#sub-content-a .feature, #sub-content-b .feature {
  border-left: 1px solid #eee;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0 10px;
}

#sub-content-a .feature .intro {
  padding: 0 10px 0.2em;
  margin: 0 -10px 1em;
  background: #dedfe0;
}

#sub-content-a .feature h3, #sub-content-b .feature h3 {
  margin: 0 -11px 0.7em;
}

#sub-content-a .feature img, #sub-content-b .feature img {
  float: none;
  margin-bottom: 1em;
}


/* Images --------------------*/
#main-content img, /* image on its own treated as a .figleft */
#main-content img.figleft, img[align=left] {
  float: left;
  margin: 0.3em 1em 0.5em 0;

  _display: inline; /* IE6 HACK: avoid IE6 doubled margin float bug */
}

#main-content img.figright, img[align=right] {
  float: right;
  margin: 0.3em 0 0.5em 1em;

  _display: inline;  /* IE6 HACK: avoid IE6 doubled margin float bug */
}

/* IE6 fix: seems to be ignoring styles because they contain argument
selectors. Easy solution is just to repeat it without this selector. */
#main-content img, /* image on its own treated as a .figleft */
#main-content img.figleft {
  float: left;
  margin: 0.3em 1em 0.5em 0;

  _display: inline; /* IE6 HACK: avoid IE6 doubled margin float bug */
}

#main-content img.figright {
  float: right;
  margin: 0.3em 0 0.5em 1em;

  _display: inline;  /* IE6 HACK: avoid IE6 doubled margin float bug */
}


/* Misc ----------------------*/
#skip, #overall-menu-heading, #audience-menu-heading,
#this-section-menu-heading, #quick-links-heading, #page-info-heading, 
#you-are-here {
  display: none;
}

.link-top a {
  display: block;
  text-align: right;
}

.half-block {
  width: 46.75%;
  float: left;
  padding: 0 2%;
}

.half-block.a {
  border-right: 1px dotted #bbb;
  padding-left: 0;
}

.half-block.b {
  width: 46.75%;
}