/* CSS Document */
/***********************************************************/
/***************   EVENTS    ****************/
/***********************************************************/

.event {
	clear:both;
	min-height: 45px;
	max-height: 65px;
	overflow:hidden;
	font-family:  Helvetica, Arial, sans-serif;
}
.event p {
	padding: 2px 0 0 0;
	line-height: 110%;
	margin: 0;
}
.eventDate {
	width: 30px;
	height: 30px;
	border:1px solid #D8CFBC;
	background-color: #D8D8CD; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEDE1', endColorstr='#D8D8CD'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#EEEDE1), to(#D8D8CD)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #EEEDE1,  #D8D8CD); /* for firefox 3.6+ */ 

	padding: 2px;
	color: #827D73;
	text-align:center;
	text-transform: uppercase;
	line-height: 110%;
	font-size: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	margin: 0 8px 5px 0;
}
.eventDate .date {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 18px;
	margin: 0;
	padding: 0;
}


/******************************** HOME PAGE ZONES S,M,U STYLING ****************************/

#homeZoneS h3, #homeZoneS h3 a, #homeZoneM h3, #homeZoneM h3 a, #homeZoneU h3, #homeZoneU h3 a, #topNewsScrollerWrapper h3, #topNewsScrollerWrapper h3 a
{
color: #333333;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: -1px;
border-bottom: 1px dotted #999;
/*
color: #666;
background: #B4C6E0;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#B4C6E0');
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to (#B4C6E0)); 
background: -moz-linear-gradient(top,  #FFF,  #B4C6E0); 
font-size: 15px;
font-weight: bold;	
margin-top: 0;
padding: 12px 8px 4px 8px;
text-align:left;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
letter-spacing: .2px;
text-shadow: 0 1px 1px #fff;*/
}


.homeMoreInfoTiny {
	text-align:right;
	font-size: 9px; 
	margin: 2px 0 10px 0; 
	padding: 0;
}
.homeMoreInfoTiny a {
color: #999;
}

#homeZoneS img{

	background:url(~/media/images/structure/Shadow230.jpg) no-repeat scroll left bottom transparent;
	padding: 0 0 13px;
	}


/******************************** HOME PAGE NEWS & STORY SCROLLERS ****************************/

#homeTopWrapper {
	width: 980px;
margin-top: -15px;
margin-left: -15px;
}


#topNewsScrollerWrapper {
	background-image: url(/~/media/images/structure/topNewsScrollerWrapperBG.ashx);
	background-repeat:repeat-x;
	background-position: top left;
background-color: white;

WIDTH: 309px; 
FLOAT: left; 
padding: 15px; 
height: 349px; 
border: 8px solid #999; 
overflow: hidden;
}

#topNewsScrollerWrapper .thumbnail {
    float: left;
    height: 70px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 100px;
}

#topNewsScrollerWrapper .newsScrollerFeature h4 {
font-size: 14px;
}

/* root element for scrollable */
/* .storyScrollerVertical should not exist in final version */
.storyScrollerVertical {  
	/* required settings */
	position:relative;
	overflow:hidden; 	
	/* vertical scrollers have typically larger height than width */	
	 height: 560px;	 
	width: 390px;
/*	border-top:1px solid #ddd;	
*/}

#homeZoneM .thumbnail {
    float: left;
    height: 99px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 132px;
}

#homeZoneM .newsScrollerVertical {
	width:400px;
height: 720px;
}

#homeZoneM .newsScrollerFeature {
    border-bottom: 1px solid #DDDDDD;
    font-size: 11px;
    height: 110px;
    line-height: 150%;
    margin: 10px 0;
    padding: 0;
}

.newsScrollerVertical {  
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 275px;	 
	width: 310px;
/*	border-top:1px solid #ddd;	
*/}


/* root element for scrollable items */
.storyScrollerItems, .newsScrollerItems {	
	position:absolute;
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.storyScrollerItem {
	border-bottom:1px solid #ddd;
	margin:10px 0;
	padding:0;
	font-size:11px;
	line-height: 150%;
	height:110px;
}

.newsScrollerItem {
/*	border-bottom:1px solid #ddd;
*/	margin:5px 0;
	padding:0;
	font-size:11px;
	line-height: 120%;
/*	height:15px;
*/}

.newsScrollerItem p {
	margin:0;
}
 .newsScrollerFeature {
	margin:5px 0;
	padding:0;
	font-size:11px;
	line-height: 120%;
	height: 80px;
clear: both;
}

/* elements inside single item */
.storyScrollerItem img {
	float:left;
	margin-right:10px;
	margin-bottom: 10px;
	height:99px;
	width:132px;
}

/*
.newsScrollerItem img,  .newsScrollerFeature img {
	float:left;
	margin-right:10px;
	margin-bottom: 10px;
	height:70px;
	width:100px;
}
*/

.newsScrollerItem .media_icon, .newsScrollerFeature .media_icon {
width:12px;
height:8px;
padding-left:1px;
margin-bottom: 0;
float:none;
vertical-align:top;
}

.storyScrollerItem h4, .newsScrollerItem h4,  .newsScrollerFeature h4 {
	margin:1px 0 5px 0;
	font-size:16px;
	font-weight:normal;
}

/* the action buttons above/below the scrollable */
.scrollerButtons {
	margin-top: 10px;
	text-align: center;
}
.scrollerButtons a {
	-moz-border-radius: 5px 5px 5px 5px;
	background-color: #59A3F9; /* for non-css3 browsers */
        background: -webkit-gradient(linear, left top, left bottom, from(#59A3F9), to(#37518aO));
	background: -moz-linear-gradient(top,  #59A3F9,  #37518a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#59A3F9', endColorstr='#37518a');
	color: #FFF;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	margin: 0 10px;
	padding: 8px 12px 8px 16px;
	text-transform: uppercase;
}
.scrollerButtons a:hover {
	text-decoration:none;
	background-color: #437BBE; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#437BBE), to(#25365E));
	background: -moz-linear-gradient(top,  #437BBE,  #25365E);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#437BBE', endColorstr='#25365E');
}

.scrollerButtons a:active {
	text-decoration:none;
	background-color: #25365E; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#25365E), to(#437BBE));
	background: -moz-linear-gradient(top,  #25365E,  #437BBE);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#25365E', endColorstr='#437BBE');
}


.disabled {
	visibility:hidden;		
}


/************************************* AUDIENCE NAVIGATION *************************************/

#zone8NavAudiencesWrapper {
background-color: #B10000;
	margin: 0px 0px 35px 0px;
	padding: 4px 15px;
clear:both;
}
#zone8NavAudiences {
	height: 29px;
	margin: 0px auto;
	padding: 0;
	position: relative;
	list-style:none;
	width: 950px;
}
#zone8NavAudiences ul {
	list-style:none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#zone8NavAudiences li {
	margin-left:-1px;
	float:left;
	text-align:center;
	position:relative;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .2px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);

}
#zone8NavAudiences li.last {
	background: none;
}
#zone8NavAudiences li:hover {
	color: #FC6;
	background:#880000;
	border-bottom:0;
	padding:4px 0 1px 0;
	margin-top: -4px;
	z-index:300;
}
#zone8NavAudiences li a {
	color:#FFF;
	padding: 5px 22px 9px 15px;
	outline:0;
	text-decoration:none;
	display:block;
}
#zone8NavAudiences li a:hover {
	color: #FC6;
}

/******************************** AUDIENCE FANCYBOX STYLES ****************************/


#audienceColumn1, #audienceColumn2, #audienceColumn3, #audienceColumn4 {
	float: left;
	width: 195px;
}
#audienceColumn1, #audienceColumn2, #audienceColumn3 {
	margin-right: 10px;
}

.audienceBoxWrapper {
	width: 175px;
	padding: 10px;
	margin: 0 0 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #E3E1D5;
}

#audienceColumn1 .highlight, #audienceColumn2 .highlight, #audienceColumn3 .highlight, #audienceColumn4 .highlight {
	background-color: #EBEFF2;

}

.audienceBoxWrapper p {
 margin: 2px 0;
 padding-left: 10px;
 text-indent: -10px;
}	
.audienceBigButton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 10px 10px 10px;
width: 155px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: bold 14px Helvetica,  Arial, sans-serif;
	padding: 7px 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.audienceBigButton:hover {
	text-decoration: none;
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
color: #FC6;
}
.audienceBigButton:active {
	position: relative;
	top: 1px;
	color: #fc6;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}


/******************************** CUSTOM STYLES FOR HOMEPAGE SLIDESHOW ****************************/


.nivo-controlNav {
/* HIDES DISPLAY OF DOT NAVIGATION */
/* display: none;*/
 bottom: -15px;
left: 260px;
    position: absolute;
}
#slider {
/* REMOVES DROPSHADOW, SETS SPECIFIC WIDTH, ADJUSTS MARGINS */
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
/*margin-left: -15px;
margin-top: -15px;*/
margin-bottom: 20px;
width: 625px;
float:left;
}
#slidercontainer {
background-color: #777;
height: 410px;
width: 980px;
margin-left: -15px;
margin-top: -15px;
}

#ZoneSMU {
background-color: white;
margin-top: 25px;
}