body {padding:10px 0 0 0 ; width:820px; margin:0 auto; font-family:Arial, Helvetica, sans-serif}
#col1{width:170px; float:left; align:left}
#col2{width:600px; float:right; border-left:2px solid #BC210E; font-family:"Comic Sans MS", Arial, Helvetica, sans-serif}
#banner{width:590px; height:162px; background:url(i/Val4.gif);margin-bottom:0; padding:0}
#banner h1{position:relative; left:-9999px; top:0; color:#BC210E; font-size:72px}
h2, h3{color: #BC210E; text-align:left}


#swap{width:170px; height:162px; vertical-align:middle}
#col1 ul{margin:0; padding:0 0 0 0; list-style-type:none}
#col1 ul li{list-style-type:none; padding:0.8em 0; margin-left:10px}
#col1 ul li a{text-decoration:none; font-weight:bold; color:#BC210E}
#col1 ul li a:visited{color:#BC210E}
#col1 ul li a:hover{color:#0c0 }

#bottomnav{clear:both; text-align:center}
#bottomnav ul{margin:0; padding:0 0 0 0; list-style-type:none; width:500px; line-height:1.5}
#bottomnav ul li{display: inline; text-align:center;}
#bottomnav a{ width:8em; padding:9px; color:#BC210E; font-weight:bold; font-size:0.8em; font-family:Arial, Helvetica, sans-serif }
#bottomnav a:hover{color:#0c0}
body#index #tindex a,
body#road #troad a,
body#toby #ttoby a,
body#bloody #tbloody a,
body#boudica #tboudica a,
body#wartime   #twart a,
body#nowayback #tnowa a,
body#dickens   #tdick a,
body#queens #tqueens a,
body#diggers #tdiggers a,
body#princess #tprincess a,
body#other #tother a,
body#contact #tcontact a,
body#hwgirl #thwgirl a,
body#cleo #tcleo a,
body#grumpy #tgrumpy a,

body#index #bindex a,
body#road #broad a,
body#toby #btoby a,
body#bloody #bbloody a,
body#boudica #bboudica a,
body#wartime   #bwart a,
body#nowayback #bnowa a,
body#dickens   #bdick a,
body#queens #bqueens a,
body#diggers #bdiggers a,
body#princess #bprincess a,
body#other #bother a,
body#contact #bcontact a,
body#hwgirl #bhwgirl a,
body#cleo #bcleo a,
body#grumpy #bgrumpy a
{color:#000; cursor:default; text-decoration:none;  }

#content{margin-left:5px; text-align:justify; margin-top:0; padding:0}
.amazonlink{text-decoration:underline; color:#BC210E; cursor:pointer;}
.bookleft{float:left; width:500px; clear:left; margin-bottom:2em}
.picright{float:right; margin-left:10px}
.firstonpage{margin-top:0.8em}
.overtable{margin-bottom:0}
.email{color:#BC210E; cursor:pointer; text-decoration:underline;}
.at{vertical-align:bottom}
.review{font-style:italic; margin:10px 10% 5px 10%}
.reviewer{font-weight:bold; margin:5px 10% 10px 20%; text-align:right}  
#wpfooter{clear:both; text-align:center; margin-top:3em; font-size:x-small}


@media screen and (min-width:900px){
	#main{border-left: 1px solid #BC210E; padding-left:5px}	
	#main{border-right:1px solid #BC210E; padding-right:10px}	
	
	#main{box-shadow:         3px 3px 5px 6px #ccc;}
}

@media print{
body{width:100%}
#col1{display:none;}
#col2{width:95%; float:none; border-left:2px solid #BC210E; font-family:"Comic Sans MS", Arial, Helvetica, sans-serif}
#banner h1{position:static; left:0; top:0; display:none}
#bottomnav {display:none}
}