/* IF CHANGING WIDTH, CHANGE GLIDECONTENTWRAPPER, GLIDECONTENT AND GLIDECONTENTTOGGLE */

.glidecontentwrapper {
	position: relative; /* Do not change this value */
	width: 550px;
	height: 150px; /* Set height to be able to contain height of largest content shown*/
	border: dotted 1px #081C31;
	overflow: hidden;
	top: 15px;}

.glidecontent { /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background: white;
	/*padding: 10px;*/
	margin-left: 10px;
	margin-top: 5px;
	visibility: hidden;
	width: 530px;}

.glidecontenttoggler { /*style for DIV used to contain toggler links. */
	margin-top: 25px;
	margin-left: 250px;
	text-align: right; 
	background: #FFFFFF; /*always declare an explicit background color for fade effect to properly render in IE*/
	}

.glidecontenttoggler a { 
	display: -moz-inline-box;
	display: inline-block;
	color: #081C31;
	padding: 1px 3px;
	margin-right: 3px;
	font-weight: bold;
	text-decoration: none;}

.glidecontenttoggler a.selected { /*style for selected page's toggler link. ".selected" class auto generated! */
	color: #081C31;
	font-weight: bold;}

.glidecontenttoggler a:hover {
	color: #8C7D4E;
	font-weight: bold;}

.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 {
	color: #8C7D4E;
	font-weight: bold;}