/* carousel */
#carouselWrapper { position: relative; border-bottom: 6px solid #ffc423; }
#wrapper.carousel {
	background-color: #fff;
	position:relative;
	width: 100%;
	height: 354px;
	overflow: hidden;
	left: 0;
	border-bottom: 6px solid #ffc423; }
	
#carousel img {
	display: block;
	float: left; }
	
#prev, #next {
	/*background-color: rgba(255, 255, 255, 0.5);*/
	display: block;
	height: 354px;
	width: 50%;
	top: 0;
	position: absolute; }

#prev:hover, #next:hover {
	/*background-color: rgba(255, 255, 255, 0.75);*/ }

#prev {
	left: -480px;
	background: url(../Images/arrow-previous.png) no-repeat 95% 50%; }

#next {
	right: -480px;
	background: url(../Images/arrow-next.png) no-repeat 5% 50%; }

/* Trini - slide-in caption */

figure {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	padding:0; }	
	
figure:before {
	content: "";
	position: absolute;
	display:none; }
	
figure:hover:before { opacity:0; }
figure:hover figcaption { opacity: 1; }

.cap-left:before {  bottom: 0; right: -960px; }
.cap-left figcaption { bottom: 0; right: -960px; }
.cap-left:hover figcaption { right: 0; }

figcaption {
	position: relative;
	width:960px;
	height: 25px; 
	top: 329px; 
	right: 0;
	padding: 0;
	margin:0;
	color: #002d56;
	text-align:right;
	font-size: 80%;

	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition:    all 0.6s ease;
	-o-transition:      all 0.6s ease; }
	
.ms-WPBody #carouselWrapper figcaption a:link, .ms-WPBody #carouselWrapper figcaption a:visited { position:absolute; right:0; bottom:0; color: #002d56; margin-top:5px; padding: 2px 15px 3px 15px; text-shadow: 0 0 5px #fff; font: 12.8px/17.9167px 'FrutigerLTW01-55Roman','Open Sans',Helvetica,Arial,sans-serif; background: url(../Images/bg_caption.png)/*; opacity:0.7; filter:alpha(opacity=70)*/; 
	-webkit-border-top-left-radius : 12px;
	-moz-border-radius-topleft : 12px;
	border-top-left-radius : 12px; }
.ms-WPBody #carouselWrapper figcaption a:hover { color: #000; text-decoration: none; } /* 054f93 */

/* Promo area (becomes Micro moments quilt on new design) */
.promo  {  width:775px; margin:0 auto; padding:25px 0 0 0; font: 18.4px/25.7667px 'FrutigerLTW01-55Roman','Open Sans', Helvetica, Arial, sans-serif; background: #ccc; }
.promo img { margin-bottom: 15px; }
.promo h2  { padding:0; margin:0; font: 24px/30px 'FrutigerLTW01-55Roman','Open Sans', Helvetica, Arial, sans-serif; text-align:center; color:#404040; }
.promo ul { padding:0; margin:15px 0 0 0; list-style-type:none; }
.promo ul li { width:235px; float:left; padding: 0 0 25px 0; text-align:center; }
li.promo1, li.promo2 { margin-right:25px;}
.promo ul li a, .promo ul li a:link, .promo ul li a:visited, .promo ul li a:hover { color:#404040; text-decoration: none; }

/* Bottom web part zones */

#bottomZone { border: 1px solid #d2d2d2; border-width: 1px 0; background: #e7e7e7; min-height: 400px; }
#bottomZone .container { }
#bottomZone .container .webPartZoneContainer { margin: 0; padding: 45px 0; list-style-type: none; }
#bottomZone .container .webPartZoneContainer > li { float:left; }
#bottomZone .container .webPartZoneContainer > li:nth-child(1) { width: 280px; float: left; }
#bottomZone .container .webPartZoneContainer > li:nth-child(2) { width: 340px; }
#bottomZone .container .webPartZoneContainer > li:nth-child(3) { width: 340px; }

.webPartZoneContainer h3 { border-bottom: 1px solid #fff; }
.webPartZoneContainer .ms-WPHeader { background-color: transparent; }
.webPartZoneContainer .ms-WPHeader td { border-width: #fff; }

/* Top visited */
#topVisited { background: #ffc423; width: 960px; margin: 0 auto; position: relative; }
#topVisited h3 { background: url(../Images/bgTopVisited.png) no-repeat 0 0; padding: 0 0 0 95px; margin: 0; color: #fff; height: 68px; font: 35px/67px 'Clarendon BT W01 Light',Georgia,Times,serif; /*width: 355px;*/ }
#topVisited h3:hover { cursor: pointer; }
#topVisited h3.expanded { background-position: 0 -68px; }
#topVisited .links { display: none; padding: 36px 0 36px 156px; }
#topVisited .links ul { float: left; width: 288px; margin: 0; padding: 0; list-style-type: none; font: 16px/32px 'FrutigerLTW01-55Roman','Open Sans',Helvetica,Arial,sans-serif; color: #000; }
#topVisited .links a:link, #topVisited .links a:visited { color: #000; }
#topVisited .links a:hover { color: #fff; }

/* Social */
#social { 
	position: absolute; 
	top:0; right:0; 
	width: 480px; 
	height:68px; 
	background: #666; 
	font-size: 16px;
	padding:0; 
	margin:0; }
	
#social span { 
	width:175px; 
	padding:25px 0 0 0; 
	float:left; 
	text-align:right; 
	color:#fff; }
	
#social ul { 
	width:275px; 
	float:right; 
	padding:22px 0 0 0; 
	margin:0; }	
#social ul  li { 
	display:inline; 
	padding: 0; 
	margin: 0 10px; }
	
/* Calendar */
.cbqwp { margin: 0; padding: 0; list-style-type: none; }
.webPartZoneContainer > li:nth-child(2) .cbqwp { background-color: #f3f3f3; }
.webPartZoneContainer > li:nth-child(2) .ms-wpContentDivSpace { margin: 0; }

.calItem { 
	font: 13.6px/19.0333px 'Clarendon BT W01 Light', Georgia, Times, serif;
	height: 64px; 
	padding:10px 0 0 10px; 
	margin:0; 
	border-bottom: 1px solid #fff; 
	overflow: hidden; }
	
.calItem:last-child { border:none; }

.calItem a, .calItem a:link, .calItem a:visited { color:#000; }
.calItem a:hover { text-decoration: none; }

.calItem span.date   { 
	width:18%; 
	float: left; 
	font-size: 125%;  /*font-size: 115%; */ 
	text-transform:uppercase; 
	line-height:1.1; 
	font-family: 'Frutiger LT W01 65 Bold','Open Sans', Helvetica, Arial, sans-serif;
	color:#002d56;
	text-align:center; }
	
.calItem span strong   { clear:left; font-size: 220%; } /*200%*/
.calItem p        { width:82%; float: right; margin:0; padding:0; }
.calItem p .time { display:block; font-family:'Clarendon W03 Rom', Georgia, Times, serif; color: #404040; text-transform: lowercase; }

.webPartZoneContainer .ms-PartSpacingVertical { margin: 0; }

/* News */

.webPartZoneContainer > li:nth-child(3) ul { margin: 0 0 0 20px; padding: 0; list-style-type: none; }
.webPartZoneContainer > li:nth-child(3) li { padding: 10px 0 0; border-bottom: 1px solid #fff; min-height: 64px; }
.webPartZoneContainer > li:nth-child(3) li > a:link, .webPartZoneContainer > li:nth-child(3) li > a:visited { color: #000; font: 12.8px/17.9167px 'Clarendon BT W01 Light',Georgia,Times,serif; }
.webPartZoneContainer > li:nth-child(3) li > a:hover { color: #000; text-decoration: none; }

/* Ad Rotator */

.adRotator img { border: 1px solid #d2d2d2 !important; padding: 6px; margin-top: 15px; }

.webPartZoneContainer h3, .webPartZoneContainer h3 a:link, .webPartZoneContainer h3 a:visited { color: #404040; font: 18.4px/23px 'FrutigerLTW01-55Roman','Open Sans',Helvetica,Arial,sans-serif; padding: 0 0 10px 8px; margin: 0; text-transform: uppercase; }
.webPartZoneContainer > li:first-child h3, .webPartZoneContainer > li:first-child  h3 a:link, .webPartZoneContainer > li:first-child h3 a:visited { padding: 0 0 10px 0; }
.webPartZoneContainer h3 a:hover { text-decoration: none; }

/* ===================================
Micro moments quilt on SCC home page
======================================*/

/* image quilt */
.MM-text { text-align:center; color:#002d56; }
p.MM-p1 { font-size: 1.3em; font-style: italic; }
p.MM-p2 { font-size: 1.75em; }
p.MM-p3 { font-size: 1.15em; margin-bottom: 2em;}

ul.MM-imgLinks { width: 966px; padding:0; margin: 0 auto; }
ul.MM-imgLinks li { display:inline; margin:3px !important; padding:0; list-style-type:none; overflow:auto; }
ul.MM-imgLinks img { width: 235px; height: auto; margin:0; }
ul.MM-imgLinks a { margin:0; padding:0; }

#hmvideo { max-width: 960px; padding:0; margin: 24px auto 8px auto; overflow:auto;  }

@media screen and (max-width: 965px) {
ul.MM-imgLinks { width: 100%; margin:0 auto; }
ul.MM-imgLinks img { width: 24%; height: auto; }

#hmvideo { width: 98%; margin: 30px auto; }

}

@media screen and (max-width: 600px) {
ul.MM-imgLinks { width: 65%; margin:0 auto; }
ul.MM-imgLinks li { display: block; }
ul.MM-imgLinks img { width: 100%; height: auto; }

p.MM-p1, p.MM-p2, p.MM-p3 { padding: 0 5%; font-size:100%;}

}