/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}
.navContainer .row {
  overflow:visible;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
  max-width: 100%;
}

img {
  height: auto;
}

/* Smaller screens */

@media only screen and (max-width: 1023px) {

	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}
	
	}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}
       .masthead {
         background:none;
         background:#0b3a66;
         color:black;
        height:auto; }
       .logo {
         background:#0b3a66;
         padding-top:15px; }
       .topMenu {
          background:#2e6699;
          color:black;
          padding:1em 0;
          height:auto;
          border-bottom:0; }
        .navTop, .peopleTopicSearch, #cse-search-box, .secondMenu, .addthis_toolbox, .addthis_floating_style { display:none; }
        #deviceNav { display:block; height:22px; visibility:visible; }
        .cartIcon { float:left; background:#0B3A66; margin-right:2em;}
        #mainFeatures.flexslider ul.slides { padding-top:20px; height:460px; }
        #mainFeatures.flexslider ul.slides .flexTitle {display:block; padding-top:.7em; }
        #mainFeatures.flexslider ul.slides .flex-control-nav {
           left: -0.8em;
           position: relative;
           top: 12em; }
        .liveWebcastLink { margin-bottom:1.5em;}
        .subFeature {
           float: none;
           margin-bottom:1em;
           margin-right: 0;
           width: auto; }
     #mainVideo { width:auto;float:none; }
     .videoWrapperRight, .videoRight  { display:none; }
     .bodyContainer { padding-top:0; }
 
.footerQuote {
    margin-left: 8em;
    margin-top: -2em;
    min-height: 2.1em;
}
.socialFollow {
 position:relative;
 top:0;
 left:0;
}
.socialFollow a {
    margin-left: .2em;
}
.footerAddress { text-align:left; width:auto; }
.copyright {float:none;}

/* Thought Leader Styles */
.tlf-questionbox, .tlf-summarybox {
  display:block;
  width:auto;
}
}

@media only screen and (max-device-width : 480px) {
/* modal styling
---------------------------------------- */
#popUpContainer {
 width:290px;
 scroll:auto;
}
.donateContent {
 top:160px;
 font-size:11px;
}
.optOut { bottom:55px;}

  #simplemodal-container a.modalCloseImg {
    background: url(/layout_images/x.gif) no-repeat; /* adjust url as required */
    width:29px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -15px;
    right: -18px;
    cursor: pointer;
  }
  .simplemodal-overlay {
    background: black;
  }
  .simplemodal-container {
    width:290px;
    height:270px;
  }
 :focus {
    -moz-outline-style: none;
  }

  a {
    outline: none;
  }

/* end modal styling */

}
