<style>
body{

	font-family: Verdana,Arial,sans-serif;

	color: #333;

	line-height: 1.166;

	margin: 0 auto;

	padding: 0;

	background-color:#eff;

}



#wrapper {

	margin: 0 auto;

	width: 960px;

	background-color:#ccffff;

}

a:link, a:visited, a:hover {

	color: #084d4d;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



h1, h2, h3, h4, h5, h6 {

	font-family: Verdana,Arial,sans-serif;

	margin: 0;

	padding: 0;

}



h2{

	font-family: Verdana,Arial,sans-serif;

	font-size: 114%;

	color: #006699;

}



h3{

	font-size: 100%;

	color: #334d55;

	font-family: Verdana,Arial,sans-serif;
  
	text-decoration: underline;
}


ul{

  list-style: none;
	
	
}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}


#masthead{

	margin: 0 auto;

	padding: 10px 0 0 0;

	width: 960px;

	background-color:#ccffff;

}

#main-nav{

 position:relative;
 
 float:right;
 
 z-index:1;
 
 margin:5px 10px 0 0;
 
}

#logo{

  float:left;
	
	position:relative; 
	
	bottom:20px;
	
	left:10px; 

}

#acro-logo{
  
	float:left;
	
	margin-left:450px;
	
	margin-top:10px;
	
}


#page-title{

  position:absolute; top:95; left:520;
	
	text-align:center;
}

	
#seperator{
	
	clear:both;
	
	border-bottom: 2px solid #084d4d;

}
	

#navBar{

	float:left;

	margin: 0px 10px 10px 10px;

	padding: 0;

	background-color: #ccffcc;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	width: 20%;

	font-size:0.7em;
	
	text-align:center;

}

/*********** #navBar link styles ***********/



#navBar ul a:link, #navBar ul a:visited {display: block;}

#navBar ul {list-style: none; margin: 0; padding: 0;}



/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navBar li {border-bottom: 1px solid #ccffcc;}



/* fix for browsers that don't need the hack */

html>body #navBar li {border-bottom: none;}



/*********** #sectionLinks styles ***********/



#sectionLinks{

	position: relative;

	margin: 0;

	padding: 0;

	border-bottom: 1px solid #ccc;

	font-size: 11px;

}



#sectionLinks h3{

	padding: 10px 0 2px 10px;
	
	margin-top:5px;
}



#sectionLinks a:link{

	padding: 4px 0 2px 10px;

	border-top: 2px solid #ccc;

  voice-family: "\"}\""; 

  voice-family:inherit;

	width: auto;

	color:#fff;

}



#sectionLinks a:visited{

	border-top: 2px solid #ccc;

	padding: 4px 0 2px 10px;

	color:#fff;

}



#sectionLinks a:hover{

	border-top: 2px solid #ccc;

	background-color: #084d4d;

	padding: 4px 0 2px 10px;

	color:#ccffcc;

	text-decoration:none;

}

#content{

  width: 960px;

	margin-top:10px;
	
	background-color:#ccffff;

}

#workshop{
					padding:10px;
					margin:5px 0px 5px 0px;
					background-color:#eeffee;
					border-right:2px solid #ccddee;
					border-bottom:2px solid #ccddee;
					}
					
#workshopj{
					padding:10px;
					margin:5px 0px 5px 0px;
					background-color:#bbddff;
					border-right:2px solid #aaa;
					border-bottom:2px solid #aaa;
					}

#story a:link, #story a:visited{
  font-weight:bold;
	}

#story{
  width:77%;
	float:left;	
	font-size:90%;
}


#story1{
	
	margin-top:20px;
	
}


#story1-img{

  float:right;
	
	margin-left:10px;
	
}

#story-img{

  float:left;
	
	margin-left:10px;
	margin-right:10px;
}

#story1end{

  clear:both;
	
	margin-top:0px;
		
}


#story2{

  margin-top:20px;
	
}


#story2-img{

  float:right;
	
	margin-left:10px;
	
}

#story2end{

  clear:both;
	
	margin-top:0px;
		
}



#story3{
	
	margin-top:20px;
	
}


#story3-img{
  	
	float: right;
	
	margin-left:10px
	
}


#story3end{

  clear:both;
	
	margin-top:0px;
		
}

#story4{
	
	margin-top:20px;
	
}


#story4-img{
  	
	float: right;
	
	margin-left:10px
	
}


#story4end{

  clear:both;
	
	margin-top:0px;
		
}

#story5{
	
	margin-top:20px;
	
}


#story5-img{
  	
	float: right;
	
	margin-left:10px
	
}


#story5end{

  clear:both;
	
	margin-top:0px;
		
}

#footer{

	position:relative;
	
	font-size:0.7em;
  
	clear:both;
	
	width: 960px;
  
	background-color:#ccffff;

}

#footer-txt{

  position:relative; top:35px; left:255;
	
	width:450px;
	
	text-align:center;
	
	padding: 3px 0px 5px 0px;
	
	background-color:#ccffcc;
	
	border-right:1px solid #ccc;
	
	border-bottom:1px solid #ccc;	
}

#footer-txt a:link;{

	font:0.7em;
}

#footer-img{

  background-color:#ccffff;
	
	position:absolute; top:5px;
	
}
	
</style>
