/* HEADER
----------------------------------*/

@font-face {
 font-family: Caecilia;
 src: url("./fonts/Caecilia.eot"); /* EOT file for IE */
}
@font-face {
 font-family: Caecilia;
 src: url("./fonts/Caecilia.ttf"); /* TTF file for CSS3 browsers */
}


@font-face {
 font-family: Sabon;
 font-weight: bold;
 src: url("./fonts/SabonLTStd-Roman.otf") format("opentype");
}

@font-face {
 font-family: Sabon;
 font-style:italic;
 src: url("./fonts/SabonLTStd-Italic.otf") format("opentype");
}

@font-face {
 font-family: Sabon;
 font-weight: bold;
 font-style:italic;
 src: url("./fonts/SabonLTStd-BoldItalic.otf") format("opentype");
}

@font-face {
font-family: MinionPro;
src: url("./fonts/MinionPro-Regular.otf") format("opentype");
}

    #ipadLandscape,
    #ipadPortrait {
        display:none;
    }
body, select, input, textarea {
    font: 100% 'Sabon LT W01 Roman';
	background-color: #ebf9ff;
}    
body,
html {
    margin:0;
    padding:0;
}
body {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	margin-top: 29px;
	background-size: cover;    
}
a {
    color:#069edb;
    text-decoration:none;
}

h2,
h3 {
	
    font-weight:normal;
}
strong,
b {
    font-weight:normal;

}
.clear {
    clear:both;
}
#page-wrapper {
    margin:0 auto;
}



#Footer {
}
    #Footer p {
        margin:46px auto;
        width:640px;
        text-align:center;
        color: #6D6D6D;
        font-size: 85%;
    }

            
/* CONTENT
----------------------------------*/

.paddingDiv{
	margin-top:25px;
	margin-left:15px;
	margin-right:15px;
}
	

.capsule {
	font-family:"Sabon", "Book Antiqua", "Palatino", serif;
    position:relative;
    float:left;
    width:304px;
    height:310px;
    margin:0;    
	margin-left:8px;
	margin-right:8px;
    margin-bottom:14px;
    background-color:#FFF;
    -webkit-box-shadow:  1px 5px 5px 1px rgba(0, 0, 0, 0.4);
    box-shadow:  1px 5px 5px 1px rgba(0, 0, 0, 0.4);
}

.quotespan{

	display: inline-block;
	vertical-align: middle;
	line-height: normal; 
	margin-left:8px; 
	margin-right:8px;'	
	
}

	.capsule.quote{
		font-family:"Caecilia", sans-serif;
		color:#FFFFFF;
		line-height: 310px;
		  text-align: center;
	}
	
	.capsule .oneByOne{
		
	}
	

	.capsule.quote.Purple{
		background-color:rgb(150, 81, 148);
		font-size:130%;

	}
	
	.capsule.quote.Blue{
		background-color:rgb(6, 158, 219);
		font-size:130%;


	}
	
	.quoteholder{
		margin-left:8px;
		margin-right:8px;
	    margin-top:auto;
	    margin-bottom:auto;	
	}
	
    .capsule a.more {
        position:absolute;
        bottom:6px;
		color:#000000;
        right:8px;
        font-size:smaller;
        text-decoration:none;
		font-style:italic;
        font-family:'Sabon LT W01 Roman';
    }
    .capsule .imageWrapper {
        height:80%;
        overflow:hidden;
    }
        .capsule .imageWrapper img {
            width:304px;
        }

	.capsule .leftImageWrapper {
        width:140px;
		height:200px;
		position:absolute;
		overflow:hidden;
		display:inline-flex;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
    }

	.capsule .rightImageWrapper {
        width:140px;
		height:200px;
		position:absolute;
		overflow:hidden;
		display:inline-flex;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
    }

	
	.capsule .liparagraph{
			margin-top:18px;
			margin-right:10px;
			margin-bottom:10px;			
			width:780px;
			float:right;
	}

	.capsule .riparagraph{
			margin-top:25px;
			margin-left:19px;
			margin-bottom:10px;			
			min-height: 138px;			
			width:600px;
			float:left;
	}
	
	.capsule .wideparagraph{
			margin-top:10px;
			margin-right:10px;			
			margin-left:10px;
			margin-bottom:10px;			
			float:right;
	    }
	
	.capsule .tagparagraph{
			margin-top: 3px;
			margin-right:10px;			
			margin-left:10px;
			color:#4f4f4f;
	}


	.capsule .rightImageWrapper {
        width:306px;
		height:200px;
		top: 0px;
		right: 0px;	
		overflow:hidden;
		position:absolute;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
    }

	.capsule.noimage {
		background-color: #EEEEEF;
	}
	
	.noimageparagraph{
		margin-top:15px;
		margin-left:15px;
		margin-right:15px;
		font-size:large;
	}
	
	
    .capsule.oneByTwo {
        height:634px;
    }

    .capsule.threeByOne {
		height:auto;
		background-color: #FFFFFF;
		min-height:100px;
        width:945px;
		overflow:hidden;
    }
	
	.capsule.threeByOne.blank{
		min-height: 50px;
		background-color: #ebf9ff;
	    -webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
	    box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);	}
	
	.capsule.threeByOne.article {
		background-color: #FDFDFD;
	}
	
	
	.imagecaption {
		font-size:small;
		font-style:italic;
		color:#696969;
	}
	
	.yellowital {
		font-family: "Caecilia", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #FDB825;
		font-style:italic;
	}
	
	.blueital {
		font-family: "Caecilia", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #069EDB;
		font-style:italic;
	}
	
	.fulltitle {
		font-family: "Caecilia", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #FDB825;
		font-size: 150%;
		line-height:95%;
		width: 46%;
		margin-top:40px;
		margin-left:28px;
		margin-bottom:25px;
	}

	.rightcolumn {
		float:right;
		margin-right:28px;
		width: 45.9984%;
	}
	.rightcolumn img{
		width:100%;
		margin-left:auto;
		margin-right:auto;	
	}
	
	.leftcolumn {
		float:left;
		margin-left:28px;
		width: 45.9984%;
	}
	
	.leftcolumn img{
		width:100%;
		margin-left:auto;
		margin-right:auto;	
	}

	.imgbanner {
        width:95%;
		height:200px;
		margin: 0 auto;
		overflow:hidden;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 0%;
    }

	.mltitle {
		color:#9F5194;
		font-size:larger;
		font-family:"Caecilia", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
	.alsotext {
		font-size:smaller;
		font-style: italic;
		
	}

	.purplerightplusbox {
		background-color: rgb(150, 81, 148);
		color: #FFFFFF;
		font-size:larger;
		text-align:center;
		position: absolute;
		width: 25px;
		height: 25px;
		right:0px;
		top:0px;
	}

	
	.blueplusbox {
		background-color: #069EDB;
		color: #FFFFFF;
		font-size:larger;
		text-align:center;
		position: absolute;
		width: 25px;
		height: 25px;
		left:0px;
		top:0px;
	}
	
	.yellowplusbox {
		background-color: #FDB825;
		color: #FFFFFF;
		font-size:larger;
		text-align:center;
		position: absolute;
		width: 25px;
		height: 25px;
		left:0px;
		top:0px;
	}
	
	.upbox {
		
		color: #FFFFFF;
		font-size:larger;
		text-align:center;
		position: absolute;
		width: 25px;
		height: 25px;
		right:0px;
		bottom:0px;
	}
	
	.upbox a:link {color:#FFFFFF;}      /* unvisited link */
	.upbox a:visited {color:#FFFFFF;}  /* visited link */
	.upbox a:hover {color:#FFFFFF;}  /* mouse over link */
	.upbox a:active {color:#FFFFFF;} 
	
	.yellowlink a:link {color:#FDB825;}      /* unvisited link */
	.yellowlink a:visited {color:#FFB825;}  /* visited link */
	.yellowlink a:hover {color:#FDB825;}  /* mouse over link */
	.yellowlink a:active {color:#FDB825;}
	
	.upbox.Yellow{
		background-color: #FDB825;
	}
	
	.upbox.Blue{
		background-color:rgb(6, 158, 219);
	}
	
	.upbox.Purple{
		background-color:rgb(150, 81, 148);		
	}
	

	.tailbox {
		background-color: #069EDB;
		color: #FFFFFF;
		font-size:larger;
		text-align:center;
		position: absolute;
		width: 25px;
		height: 25px;
		left:0px;
		top:0px;
	}
	
	.nlheader{
		font-family: "Caecilia", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		width:100%;
		position:relative;
		margin-bottom: 20px;
	}
	
	.mainpagetitle{
		font-family: "Caecilia", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		margin-top:15px;
		font-size:220%;
		color:#069EDB;
	}

	.subtitle{
		font-family: "Caecilia", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		margin-top:15px;
		font-size:250%;
		color: #4f4f4f;
	}
	
	.mllogo {
		margin-top:5px;
		float:right;
		width: 180px;
	}
	
    .capsule.news.feed {
        background-color:#000;
    }
        .capsule.news.feed a.more {
            color:#fff;
        }
    .capsule.news.feed {
        padding:0 24px;
        width:256px;
        opacity:0.99;
    }
        .capsule.news.feed p {
            font-size:91%;
            color:#fff;
            padding:0;
            opacity:0.99;
        }
            .capsule.news.feed p.heading {
                padding-top:14px;
            }
            .capsule.news.feed p strong {
                font-weight:normal;
                font-family:'PMNCaeciliaW01-85Heavy';
            }
            .capsule.news.feed a {
                color:#fff;
            }
    .capsule.video .player {
        position:absolute;
        top:0;
        left:0;
        width:304px;
        height:280px;
    }
    .capsule.video .overlay {
        position:absolute;
        top:0;
        left:0;
        width:304px;
        height:253px;
        background-color:#6ec7ea;
        z-index:10;
    }
        .capsule.video .overlay p {
            color:#fff;
        }
    .capsule.sidebar {
        padding:0 24px 0;
        height:auto;
        width:256px;
        margin-right:14px;
    }
        .capsule.sidebar h2{
            margin:18px 0;
            margin-bottom:8px;
            padding:0;
            font-size:108%;
        }
        .capsule.sidebar p,
        .capsule.sidebar ul {
            padding:0;
            font-size:93% !important;
            line-height:116% !important;        
        }
    
/* MENU
----------------------------------*/


#Content {
    
}
#Capsules {
    overflow:visible !important;
	margin:0 auto;
	overflow-y: auto;
	width: 975px;
}


#ipadPortrait {
    width:768px;
    height:20px;
    background-color:red;
}

#ipadLandscape {
    width:1024px;
    height:20px;
    background-color:blue;
}