/* file: bz.css
   Sections are: layout, typography, color, other
   First, normalize styles per yahoo_reset_stylesheet.css:
  ------------------------------------------------------------------------- */
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
  abbr,acronym {border:0;}
  address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
  caption,th {text-align:left;}
  h1,h2,h3,h4,h5,h6,pre,code {font-size: 14px; font-weight:normal;}
  q:before,q:after {content:'';}
  ol, ul {list-style: none;}
  table {border-collapse:collapse; border-spacing:0;}
  :link,:visited {text-decoration: none;}
  a img, :link img, :visited img {border: none;}
  em {font-style: italic;}
  strong {font-weight: bold;}

/* =layout
  ------------------------------------------------------------------------- */
  html {text-align: center;}
  body {width: 100%;}

  #container {margin: 0 auto; position: relative; text-align: left; width: 790px;}
  #branding {height: 100px; height: 82px; outline: 0; overflow: hidden; text-indent: -20000px;}
  #content {margin: 0 auto; position: relative; width: 730px;}
  #content-main {float: left; position: relative; width: 475px; margin: 5px 0 0 0;}
  #content-main ul {margin: -50px 0 20px 0; position: relative;}
  #content-main img {margin: 0 0 0 -20px; position: relative;}
  #content-main ul h2 {margin: 20px 0 0 0; padding: 7px 0 10px 0; background-color: #fff;}
  #content-main ul h3 {margin: 10px 0 0 0; padding: 10px;}
  #content-main ul p  {margin: 0; padding: 5px 10px 10px 10px;}
  #content-main ul p + p  {padding-top: 0;}
  #content-main ul ul {margin: 10px 0 0 0;}
  #content-main ul ul li {margin: 0 0 0 30px;}
  #content-main img {margin: 0 0 0 -20px; position: relative;}

  #from-web {float: left; margin: 10px 0 0 30px;} /* in content-main */
  #from-us {float: left; margin: 0 0 0 30px;} /* in content-main */

  #content-sub {float: right; position: relative; width: 230px;}
  #content-sub img {position: relative;}
  #content-sub h2 {margin: 30px 0 0 10px;}
  #content-sub dl {margin: 24px 0 0 35px; width: 230px; width: 180px;}
  #content-sub dt {border-top: solid #2B5674 1px; float: left; font-weight: bold; padding: 0 0 7px 0; width: 65px;}
  #content-sub dd {border-top: solid #2B5674 1px; margin: 0 0 0 70px; padding: 0 0 7px 0;}

  #nav-container {border-color: #2B5674; border-style: solid; border-width: 1px 0 1px 0; margin: 0 auto; width: 730px;}
  #nav {border-color: #2B5674; border-style: solid; border-width: 1px 0 1px 0; margin: 1px 0 1px 0; padding: 2px 0 2px 0; width: 730px;}
  #nav ul li{color: #000; display: inline; padding: 0 0 0 40px;}

/* samples (sa.html.erb) layout
  ------------------------------------------------------------------------- */
  #samples    {height: 100%; margin: -15px 0 0 0;} /* height needed or ie toggles background on/off at first paragraph*/
  #samples h2 {margin: 30px 0 0 0; padding: 5px 0 5px 0;}
  #samples p  {clear: both; margin: 0 0 0 40px; padding: 0;}
  #samples ul {margin: 10px 0 0 40px; padding: 10px 0 10px 0;}
  #samples ul li {float: left; width: 16%;}
  #samples h3 {margin: 20px 0 0 0; padding: 10px 10px 10px 40px;}
  #samples ul li h4 {color: #99171D; font-size: 10px; font-style: normal; font-weight: bold; line-height: 14px; margin: -2px 0 0 0;}
  #samples-intro {padding: 0;}
  #samples-intro h2 {margin: 30px 0 10px 0;}
  #samples-intro h3 {padding: 10px 10px 10px 40px;}
  #samples-intro p {margin: 0 20px 0 30px; padding: 5px 15px 0 15px;}
  #samples-designs {background-color: #F5E7E8;}
  #samples-masters {clear: both; text-align: left;}
  #samples-masters-ul-wrapper {height: 160px; overflow: auto; padding: 10px 0 0 0; width: 100%;} /* set width to 100% to fix ie overflow on right */
  #samples-masters-ul-wrapper ul {margin: 0 0 0 40px; padding: 0;}
  #samples-masters-ul-wrapper ul li {width: 100%;}
  #samples-masters h3 {margin: 0; padding: 10px 10px 10px 40px;}
  #samples-multi-column {margin-bottom: 50px;}
  #samples-multi-column ul li p {margin: 0; padding: 0 0 10px 0;}
  #samples-multi-column h3 {padding: 10px 10px 10px 40px;}

  #site-info {clear: both; height: 90px; margin: 0 auto; padding: 30px 0 0 0; width: 730px;}
  #site-info img {float: left; margin: -75px 0 0 100px;}

  #vision {margin: 0 auto; padding: 2px 0 0 0; position: relative; width: 730px; z-index: 99;} /* z-index keeps this on top of #samples in IE7 with negative top margin; z-index requires positioning */

/* contact layout (contact.html.erb): The first two fields (name and email) are each on one line
  ------------------------------------------------------------------------- */
  #contact {margin: 0 auto; padding: 10px 10px 35px 10px; width: 415px;}
  #contact dl {margin: 0 auto; padding: 10px 10px 20px 10px;}

  div#contact dd.inline {margin-left: 45px; margin: 0; padding-top: 10px; padding: 10px 0 0 0;}
  div#contact dd.textarea {float: left; margin: 0; padding: 0;}
  div#contact dt.inline {clear: both; float: left; padding: 10px 0 0 0; text-align: left;}
  div#contact dt.textarealabel {clear: both; margin: 10px 0 0 0; padding: 10px 0 0 0;}
  #contact form p {margin: -15px 0 0 12px; padding: 0 0 5px 0; text-align: left;}

  #mail-directly {margin: 0 0 100px 150px; width: 435px;}
  #mail-directly p {text-align: center; padding: 0; margin: 0;}
  .mail-directly-top p {font-weight: bold; padding: 0; margin: 2px 0 0 0; text-align: left;}

/* bz/thoughts (thoughts.html.erb and thought.html.erb) layout
  ------------------------------------------------------------------------- */
  #thought-banner-main {margin: 0; width: 520px;}
  #thought-banner-main img{margin: -10px 0 0 0; position: relative;}
  #thought-banner-sub {margin: -112px 0 0 0; position: relative; width: 230px;}
  #thought-banner-sub img{margin: 0 0 0 545px; position: relative;}

  #thoughts-list {color: #000; margin: 0 0 20px 0; padding: 0; width: 100%;}
  #thoughts-list h3 {margin: 0; padding: 10px;}
  #thoughts-list-ul-wrapper { height: 100px; margin: 0; overflow: auto; padding: 0;}
  #thoughts-list-ul-wrapper ul { margin: 0 0 0 5px; padding: 5px 0 5px 5px;}

  .thought-date {color: #fff; font-weight: bold; padding: 0 12px 0 12px; text-align: center;}
  .thought-teaser {font-size: 14px; font-weight: normal; font-style: normal;}
  .thought-title {color: #000; font-size: 20px; line-height: 16px; padding: 0 0 0 10px;}
  .thought-body { margin: 0; }

/* bz/study hall (sh.html.erb) layout
  ------------------------------------------------------------------------- */
  #study-hall-banner-main{margin: 0; position: relative; width: 441px;}
  #study-hall-banner-main img{margin: -10px 0 0 0; position: relative;}
  #study-hall-banner-sub {margin: -90px 0 0 0; position: relative; width: 230px;}
  #study-hall-banner-sub img{margin: 0 0 0 545px; position: relative;}

  #links-to-topics { font-family: Verdana, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; line-height: 15px;  margin: 10px 0 0 50px; }
  #links-to-topics ul li a:link, #links-to-topics ul li a:visited { color: #2B5674; text-decoration: none; vertical-align: 15%; }
  #links-to-topics ul li a:hover, #links-to-topics ul li a:active { color: #99171D; font-size: 12px; font-weight: bold; text-decoration: none; vertical-align: 15%; }
  #links-to-topics ul li img {padding: 0 4px 0 0;}

  .study-hall-title {color: #000; font-size: 20px; line-height: 16px; padding: 0 0 0 10px;}
  .posts-ul ul { list-style-type: disc; padding: 35px 0 0 15px; }
  .posts-ol ol { list-style-type: decimal; padding: 0 0 0 15px; }

/* =typography
  ------------------------------------------------------------------------- */
  #content-main ul {font-size: 14px; line-height: 20px;}
  body {font-family: Verdana, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal;}
  h1 {font-size: 18px; line-height: 20px; margin: 0;}
  h2 {font-size: 20px; line-height: 25px; color: #99171D;}
  h2,h3,h4,h5,h6 {font-style: italic; font-weight: bold;}
  h3 {font-size: 16px; line-height: 18px; margin: 18px 0 18px 0;}
  h4 {font-size: 14px; line-height: 21px; margin: 21px 0 21px 0;}
  h5 {font-size: 10px; line-height: 25px; margin: 25px 0 25px 0;}
  h6 {font-size: 8px; line-height: 32px; margin: 32px 0 32px 0;}
  p {font-size: 14px; line-height: 18px; margin: 14px 0 20px 0;}

  #nav {font-weight: bold; text-align: left;}
  #nav ul li a {text-decoration: none;}

  #site-info p {font-size: 12px; line-height: 14px; margin: 0; padding: 0; text-align: right;}

  .bold-italic {font-weight: bold; font-style: italic;}
  .bold {font-weight: bold;}
  .italic {font-style: italic;}

  #vision{text-align: right;}
  #vision h3 {color: #99171D; font-size: 12px; font-style: normal; font-weight: bold; line-height: 12px; margin: 0; padding: 0;}

  #content-main h2 {color: #2B5674;}
  #content-sub h2 {color: #000; font-size: 14px; font-style: normal; font-weight: normal; line-height: 18px;}
  #content-sub a:link {color: #00f; text-decoration: underline;}
  #content-sub a:visited {color: #999;}
  #content-sub a:hover {color: #00f;}
  #content-sub a:active  {color: #00f;}
  #content-sub dl {color: #2B5674; font-size: 10px; font-weight: normal; line-height: 12px;}

/* samples (sa.html.erb) typography
  ------------------------------------------------------------------------- */
  #samples h2 {font-weight: bold;}
  #samples p  {font-size: 10px; font-style: normal; font-weight: normal; line-height: 14px;}
  #samples h3 {font-size: 16px; line-height: 18px;}
  #samples ul li h4 {font-size: 10px; font-style: normal; font-weight: bold; line-height: 14px;}
  #samples-intro p {font-size: 14px; font-style: normal; font-weight: normal; line-height: 18px;}
  #samples-masters h2 span {font-size: 10px; font-style: normal; font-weight: normal; line-height: 10px;}
  #samples-masters-ul-wrapper ul {font-size: 14px; font-style: normal; font-weight: normal; line-height: 18px;}
  #samples-masters-ul-wrapper ul li a {text-decoration: none;}
  #samples-multi-column ul li p {font-size: 14px; line-height: 16px;}

/* contact (contact.html.erb) typography
  ------------------------------------------------------------------------- */
  #contact-background h2 {color: #2B5674; font-style: normal; margin: 40px 0 0 0;}
  #contact dd {font-size: 13px; line-height: 18px;}

/* bz/thoughts (thoughts.html.erb) typography
  ------------------------------------------------------------------------- */
  #links-to-experts {font-family: Verdana, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin: 10px 0 0 50px;}
  #links-to-experts ul li a:link, #links-to-experts ul li a:visited { color: #2B5674; text-decoration: none; line-height: 18px; vertical-align: 20%; }
  #links-to-experts ul li a:hover, #links-to-experts ul li a:active { color: #99171D; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 18px; vertical-align: 20%; }

  #thoughts-list h3 {font-size: 16px; line-height: 18px;}
  #thoughts-list-ul-wrapper ul {font-size: 14px; font-style: normal; font-weight: normal; line-height: 18px;}
  #thoughts-list-ul-wrapper ul li a {text-decoration: none;}
  #thoughts-list-ul-wrapper ul li a:link,  #thoughts-list ul li a:visited {color: #000;}
  #thoughts-list-ul-wrapper ul li a:hover {background-color: #99171D; color: #fff; font-weight: bold;}
  #thoughts-list-ul-wrapper ul li a:active {color: #000;}

  .thought-title a:link, .thought-title a:visited  {color: #2B5674; text-decoration: none;}
  .thought-title a:hover, .thought-title a:active {background-color: #99171D; color: #fff; padding: 1px 5px 1px 5px; text-decoration: none;}
  .thought-body a:link, .thought-body a:visited {color: #99171D; text-decoration: none;}
  .thought-body a:hover, .thought-title a:active {background-color: #2B5674; color: #fff; padding: 1px 5px 2px 5px; text-decoration: none;}

/* thought and lesson typography (for posts to: thought.html.erb and sh.html.erb)
  ------------------------------------------------------------------------- */
  .posts-typography table { font-family: Verdana, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; width: 475px; }


/* =color
  ------------------------------------------------------------------------- */
  body {background: #fff url("/images/bz/bg_grad.gif") repeat-x;}
  #container {background-color: #fff; border-color: #eee; border-style: solid; border-width: 0 3px 0 3px;}
  #content {background-color: #fff;}
  #content-main {background-color: #fff;}
  #content-sub {background-color: #fff;}
  #branding {background: #fff url("/images/bz/branding.gif") no-repeat;}
  #nav ul li a:link,  #nav ul li a:visited {color: #2B5674;}
  #nav ul li a:hover {color: #fff; background-color: #99171D;}
  #nav ul li a:active {color: #99171D;}

/* samples (sa.html.erb) color
  ------------------------------------------------------------------------- */
  #samples {background-color: #fff; color: #333;}
  #samples h2 {background-color: #fff; color: #2B5674;}
  #samples h3 {color: #333;}
  #samples ul li h4 {color: #99171D;}
  #samples-intro {background-color: #E9EEF1;}
  #samples-intro h3 {background-color: #D6DFE4;}
  #samples-intro p {color: #333;}
  #samples-designs {background-color: #F5E7E8;}
  #samples-designs ul li {background-color: #F5E7E8;}
  #samples-designs h3 {background-color: #ECD2D3;}
  #samples-masters {background-color: #EFEEE8; color: #000;}
  #samples-masters-ul-wrapper {background-color: #EFEEE8;}
  #samples-masters h2 span {color: #333;}
  #samples-masters h3 {background-color: #E0DFD3;}
  #samples-masters-ul-wrapper ul li a:link,  #samples-masters-ul-wrapper ul li a:visited {color: #2B5674;}
  #samples-masters-ul-wrapper ul li a:hover {color: #fff; background-color: #99171D;}
  #samples-masters-ul-wrapper ul li a:active {color: #99171D;}
  #samples-multi-column {background-color: #FAF3EA;}
  #samples-multi-column h3 {background-color: #F6E9D8;}

/* contact (contact.html.erb) color
  ------------------------------------------------------------------------- */
  #contact-background {background-color: #fff;}
  #contact {background-color: #D6DFE4;}

  #mail-directly {background-color: #fff;}

/* global color
  ------------------------------------------------------------------------- */
  .background-605C1A-10 {background-color: #EFEEE8;}
  .background-605C1A-45 {background-color: #E0DFD3;}
  .background-2B5674-10 {background-color: #E9EEF1;}
  .background-2B5674-45 {background-color: #D6DFE4;}
  .background-D08E35-10 {background-color: #FAF3EA;}
  .background-D08E35-45 {background-color: #F6E9D8;}
  .background-99171D-10 {background-color: #F5E7E8;}
  .background-99171D-45 {background-color: #ECD2D3;}

/* contact (contact.html.erb) form errors
  ------------------------------------------------------------------------- */
  .fieldWithErrors {padding: 2px;}
  #errorExplanation {background-color: #c00; color: #fff; font-size: 12px; font-style: normal; font-weight: normal; margin: 0 auto; padding: 0; width: 415px; width: 435px; position: relative; margin: -10px 0 0 -10px;}
  #errorExplanation h2 {color: #fff; margin: 0; padding: 10px 10px 25px 10px;}
  #errorExplanation p {margin: 0; padding: 0; font-style: italic; font-weight: bold;}
  #errorExplanation ul {margin: 0; padding: 0 0 20px 0;}
  #errorExplanation ul li {list-style: square; margin: 0 0 0 25px;}

/* bz/thoughts (thoughts.html.erb) color
  ------------------------------------------------------------------------- */
  #thoughts-list {background: #E9EEF1;}
  #thoughts-list h3 {background-color: #D6DFE4; color: #333;}

/* end */