/* Test Case CSS */

/* General Page Styles
======================================= */
body {font:normal 13px Arial,Verdana,sans-serif;}
h1, p, ul, ol, li {margin:0; padding:0;}
h1 {font:normal 28px Arial,Verdana,sans-serif; line-height:58px; text-decoration:underline; margin:1.5em 0 10px 0;}
p {margin:0 0 12px; line-height:19px;}
code {color:#074A6F;}
ul {margin:1em 0 1em 1.5em;}
ul ul {margin:0.3em 0 0.3em 1.75em;}
ol {margin-left:30px; padding:3px 3px 0 3px; border:1px solid #eee;}
ul li {line-height:19px;}
ol li {margin:0 0 3px 0;}
ol li code {display:block; width:488px; background:#DFF4FF;}
p.note {margin:1em 0 1em; background:#FFFBCF; border:solid #EFEAB3; border-width:1px 0; text-align:center;}
p.note a:link, p.note a:visited {text-decoration:none; color:#EF4A4A;}
p.note a:hover {color:#6F0D0D;}

#container {width:526px; margin:0 auto;}
div.section {padding-bottom:1.5em; border-bottom:1px solid #ddd;}


/* Case 1 (original)
======================================= */
#case1 h2 {
  padding: 0;
  margin: 0 0 6px 0;
  width: 198px;
  height: 31px;
  overflow: hidden;
}

#case1 h2 span {
  position: absolute;
  background: url("h2_what.gif") no-repeat;
  width: 198px;
  height: 31px;
}

#case1 p.tagline {
  margin: 0 0 1.5em 0;
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.4em;
  color: #63604A;
  width: 526px;
  height: 56px;
  overflow: hidden;
}

#case1 p.tagline span {
  position: absolute;
  background: url("h4_what.gif") no-repeat;
  width: 526px;
  height: 56px;
}

/* Case 2 (fixed)
========================================= */
#case2 h2 {
  padding:0;
  margin:0 0 6px 0;
  width:198px;
  height:31px;
  overflow:hidden;
  background:transparent url("h2_what.gif") top left no-repeat;
}

#case2 h2 a {
  display:block;
  width:198px;
  height:31px;
  background:transparent;
  overflow:hidden;
  text-indent:-9000px;
}

#case2 p.tagline {
  margin:0 0 1.5em 0;
  width:526px;
  height:56px;
  background:transparent url("h4_what.gif") top left no-repeat;
  text-indent:-9000px;
}