html,body
{
 height:100%;
 margin:0;
 padding:0;
 font-family: "Trebuchet MS", sans-serif ;
 font-size:.9em;
 text-align:center;
 overflow:hidden;
}

#header
{
 height:17%;
 min-height:17%;
 padding:2px;
 margin :0 0 5px 0;
}

#banner {font-size: 2.0em; margin-top:30px;}

.headrightimage
{
 float:right;
 margin: 5px 10px 0 0;
}

.headleftimage
{
 position:absolute;
 left:4px;
 top:4px;
}

#title
{
 float:right;
 margin-top:30px;
 margin-right:5%;
 width:58%;
 text-align:center;
 font-size:2.8em;
}
* html #title
{
 font-size:2em;
} 

#subtitle {text-align:center}

h2
{
 margin-bottom: 1%;
 margin-top: 4px;
 font-size: 1.3em;
}

* html h2 {font-size: 1em;}

h5 {margin: .5em 0 0 0}


.ghost {visibility:hidden}


#wrapper
{
 position:relative;
 height:75%;
 min-height:75%;
 width:90%;
 text-align:left;
 margin:0 auto;
 overflow:auto;
}

img
{
 border:0
}





ul
{
 margin: .1em 0 .1em .5em;
 padding:0;
 text-indent:0;
 list-style-type:none;
}

ul.deco
{
 list-style-type:disc;
 padding:5px 5px 5px 15px;
 margin:0 0 0 1em;
}

ol
{
  margin:.5em 4px 4px 24px;
  padding:0;
  list-style-type:decimal;
}

li {margin:0}
 


#bullet
{
 list-style-type:disc;
 margin-left:20px;
}
p
{
 margin:1%;
}

h4
{
 text-align:center;
 text-indent:0;
 margin: .8em;
}	


th
{
 text-align:center;
}
.two-hands
{
 margin: 5px auto 5px auto;
 text-align:center;
}



/* table
{
 border: 1px solid #ccc;

}

*/

td
{

 font-size:1em;
}

tr.firstrow
{
font-weight:bold;
}
#lastrow
{
 border:0;
}

#bottomrow {display block; clear:both;}

#footer
{
 width:100%;
 margin:auto;
}



#back {position:absolute; left:4px;bottom:1px;}
#continue
{
 float: right;
 margin-right:120px;
 font-weight:bold;
}
#next {position:absolute; right:8px; bottom:1px;}

a.go:link
{
 display:block; width:240px;
 color:#000;
 background-image:url(../images/blueliner.gif);
 background-repeat:no-repeat;
 padding: .2em 0 0 30px;
 margin: 2px 0 0 0;
}

a.go:visited, a.quiz:active
{
 display:block;width:240px;
 color:#000;
 background-image:url(../images/blueliner.gif);
 background-repeat:no-repeat;
 padding: .2em 0 0 30px;
 margin: 2px 0 0 0;
}



a.go:hover
{
 display:block;width:240px;
 background-image:url(../images/yellowliner.gif);
 background-repeat:no-repeat;
 padding: .2em 0 0 30px;
 margin: 2px 0 0 0;

}