.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 96%;
height: 650px; /* Set height to be able to contain height of largest content shown*/
margin: 5px ;padding: 5px;
overflow: hidden;
color :black;}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{  /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: #FFFFC6;
padding: 2%;margin: 2% ;
visibility: hidden;
width: 96%;
}.glidecontent a {color :#000080 ;/*background : url(http://www.eskdale.info/images/button1.png) no-repeat  50%;  text-decoration: none; margin :5px ; padding :10px; display: inline; width: auto;*/}
.glidecontent a:hover { color :#E19D0F ;/*background : url(http://www.eskdale.info/images/button2.png) no-repeat center; ;
  text-decoration: none; margin :5px ;padding :10px; display: inline; width: auto;*/}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler { /*style for DIV used to contain toggler links. */ float :left; padding-left: 0px; margin-left: 0px;text-align: left; list-style-type: none;  
width: 96%;height: 650px; padding: 5px;
margin: 5px; color :black;
background: #FFFFC6; /*always declare an explicit background color for fade effect to properly render in IE*/
  }

.glidecontenttoggler li { display :inline; }
.glidecontenttoggler a { display:block;float :left; text-align: center; color: white; text-decoration: none; list-style-type: none;font-size: .85em; font-family: "comic Sans MS", Ariel, helvetica;  background-color: #004000;  padding: 0.2em .5em;  border-bottom: 1px solid #FFFFC6;border-right :1px solid #FFFFC6;  width: 7em ;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #D5FFD5;
color: black;
}

.glidecontenttoggler a:hover{
background: #009100;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #009100;
color: #F9D60F;
}