/* note that some of the styles immediately below are for NS4.X only and
   are overridden by styles in the @media block further down */

body
{
 background-color:#FFF;
 border:0;
 margin:0;
 padding:0;
}

#mastheadtopleft
{
 font-size:200%;
}
#strap, #qbcstrap
{
 font-size:133%;
}

img {border:none;}

sidebar#li {display:inline; list-style-type:none;}
dd {margin-left:0; padding-left:0;padding-bottom:6px;}
dt {font-weight:bold;}

body, td, th, p, h1, h2, h3, h4, li {font-family: Verdana, Arial, Helvetica, sans-serif;}

h1
{
 font-size: 160%;
 font-weight:normal;
 color:#822;
 padding:0;
 margin-left:0;
 margin-right:0;
 margin-top:8px;
 margin-bottom:0;
 line-height:1;
}

h2
{
 font-size: 140%;
 font-weight:normal;
 color:#822;
 padding:0;
 margin-top:8px;
 margin-bottom:0;
 line-height:1;
}

h3
{
 font-size: 120%;
 font-weight:bold;
 color:#822;
 padding:0;
 margin-top:8px;
 margin-bottom:0;
 line-height:1;
}



p
{
 padding-top:2px;
 margin-top:6px;
 margin-bottom:8px;
 margin-left:0;
 margin-right:0;
 padding-right:0;
 padding-left:0;
}

table
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:0;
 padding-left:0;
 background-color:#FFC;
 border: solid #822 1px; 
}






@media all {

div.offscreen
{
 position: absolute; 
 margin-left: -100px; 
 margin-top: 0px; 
 font-size:0px;
 z-index: -2;
}

div#masthead
{
 color: #400;
 background:#99F;
 background-image:url(benefits.gif);
 border-bottom :solid #822 2px;
 margin:0;
 padding-left:5px;
 padding-right:5px;
}

div#mastright
{
 margin:0;
 width:auto;
 background-position:right;
 background:#FFAA00;
}

div#mastheadtopleft
{
 background:#99F;
 background-image:none;
 padding-top:2px;
 padding-bottom:2px;
 width:210px;
 font-size: 24px;
}

div#strap
{
 font-weight:bold;
 width: 210px;
 padding-top:2px;
 padding-bottom:2px;
 background:#99F;
 font-size: 16px;
}


div.container /* for floated elements */
{
 float:left;
 width :100%
}



div#qbcstrap
{
 font-weight:bold;
 width: 280px;
 padding-top:2px;
 padding-bottom:2px;
 background:#99F;
 font-size: 16px;
}

p.question
{
 padding-left:12px;
 padding-right:12px;
 font-weight:bold;
 font-family:Courier, Lucida, Arial, sans-serif;
}


h4#copy
{
 font-size: 120%;
}

h5#copy
{
 font-size:110%;
}
span.helptext
{
 color:green;
 font-weight:bold;
}

code
{
 font-family: Arial, Helvetica, sans-serif;
 font-weight:bold;
}



div#maintext
{
 font-size: 80%;
 position:relative;
 width:100%;
 background-color:#FFF;
}

div#footer
{
 color:#999;
 position:relative;
 margin:1em;
 bottom:0;
}


div#copy
{
 position:absolute;
 line-height:1.5;
 top:0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight:300;
 left:13em;
 right: 2em;
}

div#sidebar
{
 position:relative;
 background:#FFC;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#822;
 top:0;
 left:0;
 margin:0;
 width:11em;
 border-right  : solid #822 2px;
 border-bottom :solid #822 2px;
/* border:solid green 2px;*/
 padding:4px;
/* height:100%; */
}



img
{
 border: solid #000 1px;
 margin-top:10px;
}

div.quote
{
 position:relative;
 float:right;
 font-style:oblique;
 color:#40A;
 margin-left: 10px;
 margin-bottom:8px;
 margin-top:8px;
 background-color:#FFF;
 clear:left;
}

div.inset
{
 width :240px;
 position:relative;
 float:right;
 font-style:oblique;
 color:#40A;
 margin-left: 10px;
 margin-bottom:8px;
 margin-top:8px;
 background-color:#FFF;
 clear:left;
}

div.subpointer a
{
 padding-left:2em;
}

div#sidebar a
{
 padding: 2px 7px 2px 1em;
 margin: 0; 
 text-decoration:none; 
 text-align: left;
 display:block;
}

div#sidebar a#smalltext
{ 
 display:none;
 font-weight:bold;
}
div#sidebar a#smalltext
{ 
 display:none;
 font-weight:bold;
}

.em {margin-left:1em;}

div#sidebar li
{
 display:inline;
 /* this is necessary because IE's handling of lists is incredibly 
    broken -- if we have links in our lists, IE just ignores the closing
    </li> and treats anything afterwards, even a carriage return, as creating
    a new block  so <ul><li><a href="...">blah</a></li><li>
                     <a href="...">blah</li><li></ul>
                    works fine
                    but not <li><a href="...">blah</a></li>
                            <li><a href="...">blah</ah</li>*/
}
div#sidebar li#current
{
 display:block;
}

div#sidebar li#smalltext
{ 
 display:none;
 font-weight:bold;
}

div#sidebar li#largetext 
{
 display:none;
 font-weight:bold;
}

div#sidebar li#accessibletext
{
 font-weight:normal;
}
div#sidebar a#accessibletext
{
 font-weight:normal;
}

.pointer
{
 padding-left:0;
 margin-left:-0.2em;
}

.subpointer
{
 padding-left:1em;
}

.subpointer2
{
 padding-left:2em;
}

.submenupointer
{
 padding-left:0.7em;
}

span.raq
{
 margin-left:-1em;
}

div#sidebar a:hover 
{ 
 background:#AAF;
}

span.blob
{
 visibility:hidden;
}

a.dlink
{
 display:none;
 font-size:1px;
}

input.plain
{
 width:20em;
}

#sidebar li
{
 list-style-type:none;
 text-decoration:none;
 margin:0;
 padding:0;
/* height:1;*/
 line-height:1.2;
/* border: solid 1px green;*/
/* height:1em;*/
/* text-align:left;*/
 display:block;
}

#sidebar ul
{
 margin:0;
 padding:0;
 line-height:1;/*no effect*/
}

td.requiredfield
{
 text-align:left;
}

th 
{
 color:#822; 
 text-align:left; 
 padding-top:8px;
 padding-left:0;
 margin-left:0
}

td.dec 
{
 text-align:right;
}

td.inform 
{
 text-align:right;
 vertical-align:
 top;
 padding-top:6px;
}

div.qbcreport
{
 margin-top:8px;
 padding:0 4px 0 4px;
 background:#FFC;
 border:none;
}



.qbcreport table
{
 font-family: Arial, Helvetica, sans-serif;
 border:0;
 margin:0;
}


.hidden {position:absolute; margin:0; z-index:-2;}


blockquote
{
 font-style:oblique;
 color:#000;
}

}