﻿.glidecontentwrapper{


position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
/*@@@border: 1px solid #F3F0F0;*/

width: 600px; /*width of featured content slider*/
height: 280px;
z-index: 1;


}
/*
	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.*/
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
/*@@@padding: 5px;/*
/*background: white;*/
/*width: 515px; width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
/*@@@height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;*/
	background: #FFFFFF;
/*  border: 1px solid #F3F0F0;*/
    margin: 0;
/*@@@    overflow: hidden;*/
   /* padding: 13px;*/
    width: 600px;
/*@@@    font-family:Arial, Helvetica, sans-serif !important;*/
}
/*
 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. */

width: 100%; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
/*background-color: navy;*/
padding: 5px 2px;
/*@@@background: none repeat scroll 0 0 #E4E3DF;*/
height:25px;


}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */

/*@@@  background: url("bg_teaser_controls_a.png") repeat-x scroll left top #CECBC6;*/
/*@@@    border: 1px solid #C2BEB7;*/
/*@@@    color: #7F745D !important;*/
/*@@@    font-weight: bold;*/
	background: #999999;
    line-height: 1;
    margin: 0 0 0 5px;
    padding: 5px 8px 0px;
    text-decoration: none !important;
/*@@@    font-family:Arial, Helvetica, sans-serif;*/
    font-size:9px;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #0063ae;
/*color: black;*/
color: #7F745D;

}


.glidecontenttoggler a:hover{
color: #FFFFFF !important;
/*background-color: #B2C67D;*/
/*background:#70950A none no-repeat scroll left top;*/
background:#5c5c5c none no-repeat scroll left top;
font-weight:bold;
text-decoration:none;
}

.contentimage{
/*@@@	margin:0px!important;*/
/*@@@	border: 1px solid #D2CFCA;*/
}

.contenttext{
	


float:left;width:300px;/*@@@padding-left:15px;*/
}


.contenttext h2{
 	color: #7F745D;
    font-size: 18px;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif !important;
    margin:0px;
	
}
.contenttext a{
/*@@@	font-size:11px;color:#D06716 !important;line-height:1.4;font-family:Arial,Helvetica,sans-serif !important;
	text-decoration:none !important;*/
}


.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: #1A48A4;
color: white;
}*/

.flexslider .ms-WPBorder{
	border-style: none!important;
}
.home .rotator h4{
	padding: 0;
}
.ms-WPBody td.NewsSliderTd {
	font-size: 13px !important;
	font-family: Arial, Verdana, sans-serif !important;
}
.ie7 .ms-WPBody H4.NewsSliderH4 {
	font-size: 20px !important;
	font-family: 'MetaPlusBook-Roman', Arial, Verdana, sans-serif !important;
	margin-top: 8px !important;
}
.ie7 .ms-WPBody H3.NewsSliderH3, H3.ms-standardheader.NewsSliderH3 {
	font-size: 23px !important;
}

/* fix for the news slider at 480px */
@media only screen and (max-width: 480px) {

	.glidecontentwrapper{
		overflow: visible;
		display: block;
		height: 630px;
		width: 420px; /*width of featured content slider*/
	}

	.glidecontent{
	position: static !important; /*leave as is*/
	overflow: visible; /*leave as is*/
	width: 420px;
	display: block;
	visibility:visible;
	height: 600px;
	display:inline-block;
	float:left;
	}
	
	.contenttext{
		float:none;
		margin-top:	10px;
		margin-bottom:	10px;
		padding: 5px;
	}

	.glidecontenttoggler{
		display: none !important;
	}
}

}
