<!--
#slidewrapper {
	/*All font sizes are set relative to this font size.*/
	font-size: 14px; 
	/*The width and height are controlled by the containing div.  Change it in style.css.*/
	width:100%;
	height:100%;
}

.glidecontentwrapper {
	position: relative; 
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.glidecontent { 
	position: absolute; 
	width:100%;
}

.glide img { 
	/*sets the width of the image to the surrounding div, */
	/*and maintains aspect ratio when height isn't set*/
	width: 100%;
	border: none;
}

.glidetext { 
	position: absolute;
	right: 0;
	top: 0;
	margin: 20px;
	width: 40%;
        height: 80%;
	font-family: helvetica, arial;
	overflow: hidden;
	background: #3b3b3b;
	border: 2px solid blue;
}

.glidetext h2 {
	margin: 10px 5px;
	width: 100%;
	font-size: 1.2em;
	color: #FFF;
}

.glidetext h2 a {
	text-decoration: none;
	color: #fff;
}

.glidetext h2 a:hover {
	color: #993399;
}

.glidetext p{ 
	margin: 10px;
	color:#fff;
	font-size: .8em;
}

.cssbuttonstoggler{ 
	text-align:center;
	font-size: .7em;
}

.cssbuttonstoggler a {
	text-decoration: none;
}

.cssbuttonstoggler a span {
	border: none; 
	cursor: pointer; 
	margin: 3px;
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
	padding: 1px 10px 1px 10px;
	background: #FFF; 
	color: #3b3b3b;
}

.cssbuttonstoggler .prev{
	margin-right: 60px;
}

.cssbuttonstoggler .next{
	margin-left: 60px;
}

.cssbuttonstoggler a.selected span, 
.cssbuttonstoggler a:hover span{ 
	/*style for selected and hover page's toggler link. ".selected" class auto generated! */
	color: #FFF; 
	background-color: #993399;
}
-->