body
{
width:100%;
height:100%;
}

div.container
{
width:750px;
margin:auto;
margin-bottom:30px;
background:transparent none;
}


div.corner img
{
position:absolute; top:10px; left:36px;
background:transparent;
width:150px;
border:8px solid black;
padding:0;
}


div.navigation
{
position:absolute; top:200px;left:20px;
background:yellow url(jfwimg/greenwave.gif) repeat top left;
width:150px;
border:16px dotted black;
padding:10px;
overflow:hidden;
}

div.content
{
position:absolute; top:10px; left:238px; 
width:500px;
background:yellow url(jfwimg/yellowwave.gif) repeat bottom right scroll;
border:8px solid black;
padding:10px;
}




img#logo
{
display:block;
text-align:center;
border:2px solid black;
margin:auto;
}

img#headshot
{
float:right;
border:2px solid black;
margin:auto;
}

div.intro
{
width:480px;
height:153px;
text-align:center;
padding:0 0 20px 0;
margin:auto;
}

table
{
width:480px;
margin:auto;
margin-bottom:5px;
}


td#booktitle
{
font-family:"comic sans ms", "arial", "helvetica", sans-serif;
width:270px;
text-align:right;
vertical-align:bottom;
}



.bottomalign
{position:relative;
bottom:0px;
font-family:"comic sans ms", "arial", "helvetica", sans-serif;
font-size:2em;
}


.bold
{
font-weight:bold;
}

.emph
{
font-style:italic;
}


.navigation a
{
display:block;
}


h1,h2,h3,h4,a
{
font-family:"comic sans ms", "arial", "helvetica", sans-serif;
}

h1
{
font-size:32pt;
width:480px;
text-align:center;
border-width:8px 0;
border-style:dashed;
padding:0;
margin:auto;
margin-top:10px;
margin-bottom:20px;
}

h2
{
font-size:20pt;
text-align:left;
padding:0;
margin:15px 0 0 0;
}

h3, #booktitle
{
font-size:16pt;
text-align:left;
padding:0;
margin:15px 0 0 0;
}

h4
{
font-size:14 pt;
font-weight:normal;
text-align:left;
margin:15px 0 0 0;
}



a
{
font-size:15pt;
margin:3px 0 0 0;
}


p, p.normal a
{
font-family:"arial", "helvetica", sans-serif;
font-weight:normal;
font-size:11pt;
line-height:150%;
text-indent:24px;
margin:5px 0 0 0;
clear:both;
}


.spacer
{
font-size:24pt;
width:480px;
text-align:center;
margin:auto;
margin-top:20px;
margin-bottom:20px;
}

.details
{
text-align:left;
text-indent:0;
width:480px;
margin:0 0 30px 0;
font-size:8pt;
line-height:125%;
}


.bottomlink
{
text-align:center;
text-indent:0;
width:480px;
margin:30px 0 0 0;
}


p.closer
{
text-align:center;
text-indent:0;
font-weight:500;
width:400px;
font-size:10pt;
line-height:125%;
margin:30px;
}

p.answer, h2.answer
{
text-indent:0;
text-align:center;
}



ol, ul
{
font-family:"arial", "helvetica", sans-serif;
font-weight:500;
font-size:100%;
line-height:125%;
}


ol li, ul li
{
list-style:disc;
}
ol ol li
{
list-style:circle;
}

ol ol ol li
{
list-style:square;
}

li li
{
font-size:100%;
}


.bottomlink img
{
vertical-align:bottom;
}

#fw
{
margin:30px 86px 0 0;
}


a:link
{
color:rgb(25,25,240);
}

a:visited
{
color:navy;
}

a:focus,a:hover
{
color:rgb(255,1,1);
}

a:active
{
color:(192,0,0);
}




.navigation a:hover.current
{
color:navy;
cursor:default;
}



p.closer a, p.bottomlink a
{
font-size:12pt;
line-height:150%;
}


p.details a
{
font-size:8pt;
line-height:125%;
}

ul a
{
font-size:14pt;
line-height:150%;
}


p.bottomlink a:hover.current
{
color:navy;
cursor:default;
}