/*index.php*/


.metro-container {
    margin-top: 0px;
    margin-bottom: 20px;
}

/* large tile */
.flexslider { 
   float: left;
   width: 100%;
   margin: 10px 0;
}



.metro-container {
	float: left;
	width: 100%;
	background-repeat: repeat-x;
	background-position: left top;
}
.list-tile {
	display: none;
	background-image: url(/design/generic/styles/images/main_sub_bg.jpg);
}

/* smaller tile */	
.live-tile .tile-title,
.list-tile .tile-title,
.copy-tile .tile-title { 
  font-size: 25px;
  font-weight: bold;
  text-decoration: none;
  padding: 15px;
  height: 110px;
}
.live-tile .tile-sub,
.list-tile .tile-sub,
.copy-tile .tile-sub { 
  padding-left: 15px;
}

.live-tile.two-wide,
.list-tile.two-wide,
.copy-tile.two-wide,
.tile-strip .flip-list > li.two-wide {
  width: 100%;
}

.live-tile.two-tall,
.list-tile.two-tall,
.copy-tile.two-tall,
.tile-strip .flip-list > li.two-tall {
    margin-top: 10px;
	height: -webkit-calc(100% - 20px);
    height:    -moz-calc(100% - 20px);
    height:         calc(100% - 20px);
}

.flip-list.fourTiles > li {
    height: 50%;
    width: -webkit-calc(50% - 5px);
    width:    -moz-calc(50% - 5px);
    width:         calc(50% - 5px);
}
.flip-list.fourTiles > li.top-left {
  margin-bottom: 10px;
}
.flip-list.fourTiles > li.top-right {
  margin-bottom: 10px;
  margin-left: 10px;  
}
.flip-list.fourTiles > li.bottom-left {
}
.flip-list.fourTiles > li.bottom-right {
  margin-left: 10px;
}


/* = 568px	.pure-u-sm- */
@media screen and (min-width: 35.5em) {

}
/* = 768px	.pure-u-md- */
@media screen and (min-width: 48em){

}
/* = 1024px	.pure-u-lg- */
@media screen and (min-width: 64em) {
.list-tile { display: block; }
/* smaller tile */	
.live-tile .tile-title,
.list-tile .tile-title,
.copy-tile .tile-title { 
  font-size: 20px;
  padding: 12px;
  height: 80px  
}
.live-tile .tile-sub,
.list-tile .tile-sub,
.copy-tile .tile-sub { 
  padding-left: 12px;
}
}
/* = 1280px	.pure-u-xl- */
@media screen and (min-width: 80em) {

}
@media screen and (min-width: 100em) {

}