*{ margin:0; padding:0}

html, body {height:99.9%}

body 
{ 
margin:0;
padding:0;  
background-image: url(/j4k/pics/bg3.jpg);
background-color: #889FC9;
background-repeat: repeat-x;
color: #000;
font-size: 76%;
font-family: 'Arial', sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal; 
}
  
#wrapper { width:980px; min-height: 99.9%; height: auto !important; height: 99.9%; background-image: url(/j4k/pics/header.gif); background-repeat: no-repeat; margin: 0 auto -53px auto}
#nudge { height: 53px; clear: both; background-color:transparent; margin: 0 auto} 
#footer { width:980px; height: 53px; clear: both; background-color:#FFF; position: relative; margin: 0 auto} 

#slideshow { position:relative; height:590px;}
#slideshow img { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow img.active {z-index:10; opacity:1.0;}
#slideshow img.last-active { z-index:9;} 

.pagetitle {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 1.6em;
font-weight: bold;
font-style:italic;
color: #1249D5;
}    

.subtitle {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
font-style:italic;
color: #1249D5;
}    
    
    
table {background-color: white;font-size: 1.0em }   

table.back {margin: 0 auto;background-color: transparent;}  
table.hidden {background-color:transparent;} 
table.center { margin: 0 auto; }

table.notes {
width:940px;
background-image: url(/j4k/gallery/warrensde/story/notepad.jpg);
background-position:top;
background-repeat: no-repeat;
margin:2px 20px 0 20px;
}

table.map {
width:920px;
background-image: url(/j4k/gallery/krystal/earhart/map.jpg);
background-position: right bottom;
background-repeat: no-repeat;
margin:2px 20px 0 20px;
}

table.paper {
width:920px;
background-image: url(/j4k/gallery/krystal/trash/oldpaper.jpg);
background-position: top;
background-repeat: no-repeat;
margin:2px 20px 0 20px;
}

.center { text-align:center; }

tr,td {text-align:left; }

td.logo 
{
background-image: url(/j4k/pics/j4klogo.gif);
background-repeat: no-repeat;
background-position:right bottom;
margin-bottom:0px;
} 

p {margin: 0 0 6px 0;}
p.indent {text-indent:8pt;margin: 6px 0 0 0;}

p.nomargin {margin:0;padding:0}
p.description {margin:6px 0 10px 0}

.imgcaption {color:#808080;font-size:9px;}
.caption {font-size:11px;margin:4px 0}

.MagnifImage {
background-color:#fff;
padding:0;
margin:0;
}

/*******Style for nav menu and links*******/


#box1, #box2, #box3, #box4, #box5, #box6, #box7
{ 
width: 75px;
height: 20px;
margin: 30px 0 1px 0;
padding:2px;
font-size:10px;
font-weight:bold;
color:#FFF;
background-color:#9A8666;
float: left;
border-width:3px 0 0 0;
border-style: solid;
}

#box1a, #box2a, #box3a, #box4a, #box5a, #box6a, #box7a
{
width: 75px;
height: 20px;
margin: 30px 0 1px 0;
padding:2px;
font-size:10px;
font-weight:bold;
color:#FFF;
background-color:#866536;
float: left;
border-width:3px 0 0 0;
border-style: solid;
}

#box1, #box1a {border-color:red;}
#box2, #box2a {border-color:#FF9900;}
#box3, #box3a {border-color:#FFF001;}
#box4, #box4a {border-color:#00CC33;}
#box5, #box5a {border-color:#3399FF;}
#box6, #box6a {border-color:#0000CC;}
#box7, #box7a {border-color:#9933FF;}


#box1 a, #box2 a, #box3 a, #box4 a, #box5 a, #box6 a, #box7 a
{display: block;height:100%;color:#FFF;text-decoration:none;}
	
div#box1:hover {display:block;background-color:#866536;height: 30px;margin: 20px 0 1px 0;}
div#box2:hover {display:block;background-color:#866536;height: 30px;margin: 20px 0 1px 0;}
div#box3:hover {display:block;background-color:#866536;height: 30px;margin: 20px 0 1px 0;}
div#box4:hover {display:block;background-color:#866536;height: 30px;margin: 20px 0 1px 0;}
div#box5:hover {display:block;background-color:#866536;height: 30px;margin: 20px 0 1px 0;}
div#box6:hover {display:block;background-color:#866536;height: 30px;margin: 20px 0 1px 0;}
div#box7:hover {display:block;background-color:#866536;height: 30px;margin: 20px 0 1px 0;}		

	
/*******Style for standard text links*******/


a:link {color:#000;text-decoration:underline;}
a:visited {color:#999;text-decoration:underline;}
a:hover {color:#FF0000;text-decoration:none;} 
a:active {color:#000;} 	
	
a.bluelink:link {color:#1249D5;text-decoration:none;}
a.bluelink:visited {color:#1249D5;text-decoration:none;}
a.bluelink:hover {color:#1249D5;text-decoration:underline;} 
a.bluelink:active {color:#1249D5;} 	
	
img {border:0px none;}

img.comic {margin:2px;border:1px solid #000;}
img.comic2 {margin:2px;}
img.border {border:1px solid #888;}
img.gogo {margin-bottom:2px}

.quickFlip {float:left;width:277px;height:502px;}

div.athumb {float:left;width:100px;height:100px;margin:1px;border:0;}

div.akey {float:left;width:100px;height:175px;margin:1px;border:0;}
div.abigkey {float:left;width:100px;height:196px;margin:1px;border:0;}


div#f1, div#f2, div#f3, div#f4 {float:left;height:30px; margin:10px 0 2px 0}
div#f1 {width:130px;text-align:left;}
div#f2 {width:700px;font-size:10px;text-align:center;}
div#f3 {width:74px; text-align:left;vertical-align: middle;}
div#f4 {width:56px; text-align:right;}

#fpad {height:10px} 

div.spacer {height:30px;}
div.spacer2 {height:20px;}
div.spacer4 {height:40px;}
div.topspacer {height:60px;}

.typewriter {font-family:Courier;line-height:1.1em;font-size:1.2em}

.bigpaper { float:left;width:920px;overflow:auto} 

.highlight  {color: #1249D5; font-size:1.6em; font-weight: bold; margin:5px 0}

.quote {border:3px;border-style: dotted;border-top-color: #EDDCA3;border-bottom-color: #EDDCA3; border-left-color:#FFF;border-right-color:#FFF}

.topdotted {border:3px;border-style: dotted;border-top-color: #EDDCA3;border-bottom-color:#FFF ; border-left-color:#FFF;border-right-color:#FFF}

#dotted {border:3px dotted #EDDCA3;}

#lefth {margin:30px 0 10px 12px;float:left;}
#righth {margin:30px 12px 10px 0;float:right;}  

#lefta {float:left;padding:5px 0 0 12px}
#righta {float:right;padding:5px 12px 0 0}

td#round { background-image: url(/j4k/pics/blue_top.gif);height:20px }

.parent {position:absolute;left:440px;top:50px;width:460px;height:320px;text-Align:center;}
.parent INPUT {position:relative;left:-230px;top:10px;font-Size:12px;background-Color:#FFCC66;}
.book {position:relative;left:0px;top:0px;width:460px;height:320px;background-Color:#FFFFCC;border:solid black 1px;}
.Title { position:relative; top:10px; text-align:center;}    
    
hr {height:1px;border:0;color:#889FC9;background-color:#889FC9}

  