body { 
  font: 62.5% Arial, Verdana, sans-serif; 
} 
h1 { 
  font-size: 2.5em; 
  margin-bottom: 0; 
} 
h2 { 
  font-size: 1.3em; 
  margin-bottom: .5em; 
} 
h3 { 
  font-size: 1.1em; 
  margin-bottom: 0; 
} 
.poem { 
  margin: 0 2em; 
} 
.highlight {
  font-style: italic;
  border: 1px solid #888;
  padding: 0.5em;
  margin: 0.5em 0;
  background-color: #ffc;
}
.a {
  color:Navy;
  }
.b {
 color:Red;
 }
  
 code {
   font-size: 1.2em;
 }
 
 a {
   color: #06581f;
 }
 /* ----------------------------
 =Aslett Clearing Method for floats 
 -------------------------------*/  
 .clear-after:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }
 .clear-after {display: inline-block;}
 /* backslash hack hides from IE Mac \*/
 	* html .clear-after {height: 1%;}
 	.clear-after {display: block;}
 /* end backslash hack */
 
 
 /***************************************
    =chapter styles
 ************************************** */
 
 li {
   padding: 0 3px;
 }
 .horizontal {
   float: left;
   list-style: none;
   margin: 10px;
 }
 .sub-level {
   background: #ccc;
 }
 a {
   color: #00c;
 }
 a.mailto {
   background: url(images/email.png) no-repeat 100% 2px;
   padding-right: 18px;
 }
 a.pdflink {
   background: url(images/pdf.png) no-repeat 100% 0;
   padding-right: 18px;
 }
 a.henrylink {
   background-color: #fff;
   padding: 2px;
   border: 1px solid #000;
 }
 a.external {
   background: #fff url(images/external.png) no-repeat 100% 2px;
   padding-right: 16px;
 }
 
 table {
   border-collapse: collapse;
 }
 th, td {
   text-align: left;
   padding: 2px 4px;
 }
 .table-heading {
   background-color:#000;
   color: #ccc;
   
 }
 
 .alt {
   background-color: #ccc;
 }
 
 .highlight {
   font-weight: bold;
   font-style: italic;
 }
 
 .italic {
   font-style: italic;
 }
 .bold {
   font-weight: bold;
}
#scroller {
position: relative;
height: 110px;
width: 1001px;
overflow: hidden;
}
#images {
  width: 9999999999px;
}
#images a img {
 border:0;
 position:relative;
}
#direction{
width: 1001px;
margin:auto;
}
.leftarrow{margin-top:10px}
.rightarrow{margin-left:200px;margin-top:10px}



#container {
	width:580px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:600px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:450px; /*739px;*/
	height:208px; /*341px;*/
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:530px; /*570px;*/
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:530px; /*570px;*/
	height:245px; /*270px;*/
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:60px;
	left:-29px;
	width:14px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:500px; /*585px;*/
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Footer
*/

#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}

/*
	Anchors
*/

a:link,a:visited {
	color:#599100;
	text-decoration:none;
}

a:hover,a:active {
	color:#599100;
	text-decoration:underline;
}