body {	font-family:"Lucida Sans Unicode", "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;  
	font-size:12px;	
}

.nav{cursor:pointer;}
.nav:hover{color:#000033;}

a {
text-decoration:none;
color:#000000;
}

a hover {
color:#666666}

h1{font-size:20px}

#bluebox {
	position:absolute; 
	top:160px; 
	left:50px; 
	width:379px; 
	height:189px; 
	padding:20px;
	padding-top:10px;
	color:#ffffff; 
	background-image:url(../images/bluebox.gif); 
	background-repeat:no-repeat;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80
}

#yellowbox{
	position:absolute; 
	top:350px; 
	left:50px; 
	width:379px; 
	height:250px; 
	padding:20px; 
	padding-top:10px;
	color:#000000;
	background-image:url(../images/yellowbox.gif); 
	background-repeat:no-repeat;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80
}

#longbox{
	position:absolute;
	top:160px;
	left:50px;
	width:600px;
	padding:20px;
	padding-top:10px;
	background-color:#FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80
}

#slideshow{
	position:absolute; 
	top:132px; 
	left:465px;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

#story{
margin-left:10%;
margin-right:10%;
width:80%;
height:;
background-color:#CCCCCC;
padding:0px;
font:"Courier New", Courier, monospace;
border:thin dashed #000000;
margin-bottom:10px;
}

#storyName{
width:auto;
background-color:#000033;
color:#FFFFFF;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:larger;
}

#storyBody{
width:95%;
padding:10px;
}

#storyPic{
float:left;
width:auto;
margin:10px;
padding:5px;
background-color:#FFFFFF;
}