/***********************************************************************************************
 							Large devices
************************************************************************************************/

/* =Body
-------------------------------------------------- */
#media-query { width: 3px; }
.hide-on-large, .show-on-small, .show-on-medium { display: none !important; }
.ie7 .clearfix { min-height: 1px; }
.lt-ie9 .center-content { min-width: 966px; }
.main .center-content { padding: 18px; } 

/* =Global Header
-------------------------------------------------- */
.header .util-bar .center-content, .header .mid-section .center-content, .header .tabs .center-content { padding: 0 18px; } 
.header .util-bar { min-height: 21px; }
.header .util-bar .center-content { background-color: #96151D; /* center-content bg for lt IE9 */ } 
.header .nav-menu .menu-button, .header .nav-menu a.vg-logo { display: none; } 
.header .util-options { line-height: 2.1; /* 21px/10px */ } 
.header .mid-section, .header .mid-section .center-content, .header a.vg-logo, .header .tabs li a, .header .vg-sites li span { background-image: url(../img_files/sprites/desktop_header.png); /* center-content bg for lt IE9 */ } 
/* Segment flyout */
.header .segment { display: none; } 
.header .vg-sites li { float: left; } 
.header .vg-sites li span { background-position: right -500px; background-repeat: no-repeat; display: block; color: #FFF; cursor: pointer; font-size: 62.5%; /* 10px/16px */ line-height: 2.1; /* 21px/10px */ padding: 0 30px 0 13px; text-transform: uppercase; text-decoration: none; }
.header .vg-sites li .site-list { background-color: #FFF; border-color: #D4CFC3; border-style: solid; border-width: 0 1px 1px; display: none; padding: 8px 0; position: absolute; z-index: 2000; /* keep flyouts above everything else */ } 
.ie7 .header .vg-sites li .site-list { width: 225px; } 
.header .vg-sites li ul { border-bottom: 1px solid #D4CFC3; padding-bottom: 5px; margin: 0 6px 5px; } 
.header .vg-sites li ul.last-group { border: none; padding: 0; margin: 0 6px; } 
.header .vg-sites li.hover .site-list, .header .vg-sites li.sub-hover .site-list { display: block;  } 
.header .vg-sites li li { float: none; } 
.header .vg-sites li li a { color: #333; display: block; line-height: 1.846153; /* 24px/13px */ min-height: 24px; padding: 0 6px; font-size: 81.25%; /* 13px/16px */ text-decoration: none; }
.header .vg-sites li li a:hover { background-color: #96151D; color: #FFF; }
.header .util-options { float: right; }  
.header .util-options a { color: #FFF; margin-left: 21px; text-decoration: none; } 
.header .util-options a:hover { text-decoration: underline; }
.header .mid-section, .header .mid-section .center-content { background-color: #FFF; background-position: 0 bottom; background-repeat: repeat-x; /* center-content bg for lt IE9 */ } 
.header .mid-section .center-content { height: 75px; position: relative; }
.header .mid-section a.vg-logo { background-position: 0 -625px; background-repeat: no-repeat; bottom: 12px; display: block; font-size: 0; text-indent: -100000px; height: 40px; margin-left: 11px; position: absolute; width: 140px; }
/* Tabs section (Left/Right padding/margin kept as pixel values) */ 
.header .tabs, .header .tabs .center-content { background-color: #D4CFC3; min-height: 27px; /* center-content bg for lt IE9 */ } 
.header .tabs ul { margin-left: 4px; } 
.header .tabs li { float: left; margin-right: 3px; }
.header .tabs li a { background-position: right 0; background-repeat: no-repeat; border-width: 0 1px; border-color: #D4CFC3; border-style: solid; color: #333; display: block; font-size: 81.25%; /* 13px/16px */ line-height: 2.076923; /* 27px/13px */ text-decoration: none; padding: 0 28px 0 12px; }
.header .tabs li.hover a, .header .tabs li.sub-hover a, .header .tabs li.selected a { background-color: #FFF; background-position: right -250px; background-repeat: no-repeat; color: #96151D; } 
.header .tabs li.no-submenu a { background-image: none; padding: 0 12px;  }  
.header .tabs li ul { background-color: #FFF; border-color: #D4CFC3; border-style: solid; border-width: 0 1px 1px; display: none; margin-left: 0; position: absolute; z-index: 1000; /* keep flyouts above everything else */ } 
.header .tabs li.hover ul, .header .tabs li.sub-hover ul { display: block; padding: 8px 0; width: 225px;  } 
.header .tabs li li { float: none; margin-right: 0; padding: 0 6px; } 
.header .tabs li.hover li a, .header .tabs li.sub-hover li a  { background-image: none; border: none; color: #333;  line-height: 1.846153; /* 24px/13px */ min-height: 24px; padding: 0 6px; }  
.header .tabs li li a:hover { background-color: #96151D; color: #FFF; }

/* =Context Bar (Breadcrumbs)
-------------------------------------------------- */
.context-bar { background-color: #948775; margin-bottom: 18px; min-height: 36px; padding: 0 1.863354%; /* 18px/966px */ }  
.context-bar .links a { background-image: url(../img_files/sprites/mobile.png); background-repeat: no-repeat; background-position: right -1700px; color: #FFF; font-size: 87.5%; /* 14px/16px */ line-height: 2.571428; /* 36px/14px */padding-right: 16px; margin-right: 12px; text-decoration: none; white-space: nowrap; display: inline-block; } 
.context-bar .links a:hover { text-decoration: underline; }

/* Banners
-------------------------------------------------- */
.ie7 .banner-container { float: left; width: 100%; }
.lt-ie9 .banner-slideshow { width: 15%; } 

/* =Layer 
------------------------------------------------- */
.ie7 #layer { left: 50%; margin-left: -350px; }
.lt-ie9 #layer { width: 700px; } 

/* =Ticker
-------------------------------------------------- */ 
.ie7 a.ticker-container { cursor: pointer; float: left; width: 100%; }  

/* =Modular Tabs
-------------------------------------------------- */ 
.tab-container { position: relative; } 
.tab-box.option-1 .tab-container { padding-left: 6px; } 
.tab-item { border-style: solid; float: left; font-size: 87.5%; /* 14px/16px */ margin-bottom: 0; min-height: 1px; padding: 0 12px; } 
.tab-box.option-1 .tab-item { background: #FFF; border-color: #FFF;  border-width: 1px 1px 0; color: #8D4900;  height: 25px; line-height: 1.785714; /* 25px/14px */ position: relative; top: 1px; }
.tab-box.option-2 .tab-item { background: #EAE5DA; border-color: transparent #FFF #96151D transparent; border-width: 0 2px 0 0; height: 36px; line-height: 2.571428; /* 36px/14px */ } 
.tab-box.option-1 .tab-item:hover, .tab-box.option-2 .tab-item:hover { color: #96151D; text-decoration: underline; }
.tab-box.option-1 .tab-container.selected .tab-item { border-color: #999 #999 #FFF #999; border-width: 1px; color: #333; z-index: 2; }
/* Highlight tabs based on location in site */
.third-level.red .tab-box.option-1 .tab-container.selected .tab-item { color: #96151D; }
.third-level.orange .tab-box.option-1 .tab-container.selected .tab-item { color: #E68038; }
.third-level.blue .tab-box.option-1 .tab-container.selected .tab-item { color: #456A7D; }
.third-level.green .tab-box.option-1 .tab-container.selected .tab-item { color: #789D4E; } 
.tab-box.option-2 .tab-container.selected .tab-item { background: #96151D; color: #FFF; z-index: 2; }
.tab-container.selected .tab-item:hover { cursor: default; text-decoration: none; }
.tab-box.option-1 .tab-container.selected .tab-item:hover { color: #333; }
.tab-box.option-2 .tab-container.selected .tab-item:hover { color: #FFF; }
/* Tab Contents */
.tab-container .tab-content { height: 0; overflow: hidden; left: 0; position: absolute; width: 100%; }
.tab-box.option-1 .tab-container .tab-content { top: 27px; }
.tab-box.option-2 .tab-container .tab-content { top: 36px; }
.tab-container.selected .tab-content { height: auto; overflow: visible; } 
.tab-container .tab-inner-content { padding: 24px 0 0; } 
.tab-box.option-1 .tab-container .tab-inner-content  { border-top: 1px solid #999; } 
.tab-box.option-2 .tab-container .tab-inner-content  { border-top: 2px solid #96151D; }

/* =Overview Page Layout
-------------------------------------------------- */ 
/* Overview Type 1 */  
.overview.type-1 .box-nav { margin-right: .414078%; /* 4px/966px */ width: 24.689440%; /* 238.5px/966px */ }
.overview.type-1 .box-nav h3 a { padding-left: 7.547169%; /* 18px/238.5px */ }
.overview.type-1 .box-content { padding: 18px 7.547169% 9px; /* 18px/238.5px */ } 
/* Overview Type 2 */ 
.ie7 .overview.type-2 .box-nav { border: 1px solid #DAE1E5; width: 48.861283%; /* 472px/966px */ } 
 
/* =Level 3 Page Layout
-------------------------------------------------- */
/* Page With Right Nav Layout */
.page-content .page-content-padding { width: 97.256097%; /* 638px/656px - 18px padding on right side */ }
.page-content .page-content-padding .content-padding { padding: 0 0 0 2.821316%; /* 18px/638px */ } 
.right-nav .related-items.medium-picture .img-container, .right-nav .related-items.large-picture .img-container { float: none; margin-right: 0; }
.right-nav .related-items.medium-picture .description, .right-nav .related-items.large-picture .description { margin: 0; }
.third-level.type-1 .right-nav, .third-level.type-2 .right-nav, .third-level.type-3 .right-nav { width: 32.091097%; /* 310px/966px */ } 
.third-level.type-1 .right-nav .right-nav-padding, .third-level.type-2 .right-nav .right-nav-padding, .third-level.type-3 .right-nav .right-nav-padding { width: 92.258064%; /* 286px/310px  - 12px padding on each side */ margin: 0 auto; } 
/* Level 3 Type 1 */
.third-level.type-1 .page-content-container { display: table; width: 100%; }
.ie7 .third-level.type-1 .page-content-container { display: block; } 
.third-level.type-1 .page-content { display: table-cell; width: 67.908902%; /* 656px/966px */ vertical-align: top; }
.ie7 .third-level.type-1 .page-content { display: block; float: left; vertical-align: baseline; } 
.third-level.type-1 .right-nav { display: table-cell; vertical-align: top; }
.ie7 .third-level.type-1 .right-nav { display: block; float: left; vertical-align: baseline; }
.third-level.type-1 .right-nav .right-nav-padding { padding: 18px 0; }
/* Level 3 Type 2 and Type 3 */
.third-level.type-2 .page-content, .third-level.type-3 .page-content, .third-level.type-2 .right-nav, .third-level.type-3 .right-nav { float: left; }
.third-level.type-2 .right-nav .right-nav-padding, .third-level.type-3 .right-nav .right-nav-padding { padding: 0 0 18px 0;  /* 14px/310px */ }
/* Level 3 Type 2 */
.third-level.type-2 .page-content { border-right: 1px dashed #CCC; width: 67.805383%; /* 655px/966px */  }
/* Level 3 Type 3 */
.third-level.type-3 .page-content { width: 67.908902%; /* 656px/966px */  }
/* Vanguard facts page */ 
.vg-facts-table { width: 67.419354%; /* 627px/930px */ }
.vg-facts-table .label { float: left; width: 33%; margin-right: 2%; }  
.vg-facts-table .value { float: left; width: 65%; }
.ie7 .vg-facts-table .value { width: auto; }   
.vg-facts-locations { width: 28.709677%; /* 267px/930px */ } 
/* Vanguard history page */
.history .box-nav { width: 19.875776%; /* 192px/966px */ }
/* Video Block */   
.video-block .video-content { background-color: #EBE6D1; border-width: 0 1px 1px; border-color: #E5E2DE; border-style: solid; padding: 18px 5.944055%; /* 17px/286px */ }
.related-items.large-picture .img-container.video-link { margin-bottom: 0; } 
/* My classroom economy callout */ 
.ie7 .mce-call-out .orange, .ie7 .mce-call-out .blue, .ie7 .mce-call-out .green { width: 74px; }
/* Hear from our crew - interim solution */
.third-level.type-3 .thumbnail-layout .page-content { width: 70.393374%; /* 680px/966px */  }
.thumbnail-layout .page-content .page-content-padding { width: 94.705882%; /* 644px/680px */ }
.third-level.type-3 .thumbnail-layout .right-nav { width: 29.606625%; /* 286px/966px */ } 
.third-level.type-3 .thumbnail-layout .right-nav .right-nav-padding { width: 100%; /* 286px/286px */ }
.ie7 .third-level.type-3 .thumbnail-layout .content-padding { margin-bottom: 36px; }  
/* Video thumbnails */ 
.vid-thumbnail {  padding: 9px 1.437699%; /* 9px/626px */ margin: 0 2.875399% 36px 0; /* 18px/626px */ width: 19.968051%; /* 125px/626px */  } 
.vid-thumbnail.last-child-four { margin-right: 0; } 

/* Toggle Containers */
.container.toggle-container.overview .box-nav{ background: none; outline: none; margin-bottom: 28px;}
.ie7 .container.toggle-container.overview .box-nav{ border: none; }
.container.toggle-container.overview .box-nav h3 { padding-left: 0px; padding-top:0px; padding-bottom: 18px; padding-top: 18px; background-color: #F3F1EC  }
.container.toggle-container.overview .box-content { padding: 0px; }
.container.toggle-container.overview .box-nav .box-image { margin-bottom: 0px; }

.toggle-more.projx-toggle, .toggle-less.projx-toggle {width: 100%; background-color: #96151D; color: white; text-align: center;}
.toggle-more.projx-toggle:hover, .toggle-less.projx-toggle:hover {color: white; text-align: center;}
.fixed-show-less {position: fixed; bottom: 0;}

/* = Content Block Template Blog Box Container
-------------------------------------------------- */ 
.blog-box{margin-right: 1.24%;}

.blog-box:first-child:nth-last-child(1) { width: 100%; }    
.blog-box:first-child:nth-last-child(2),
.blog-box:first-child:nth-last-child(2) ~ div { width: 49.38%; }    
.blog-box:first-child:nth-last-child(3),
.blog-box:first-child:nth-last-child(3) ~ div { width: 32.5%; }    
.blog-box:first-child:nth-last-child(4),
.blog-box:first-child:nth-last-child(4) ~ div { width: 24.07%; }
.blog-box:nth-last-child(1) {margin-right: 0%;}

.life-in-pics.img-right { max-width: 50%; }  

/* =Super Footer
-------------------------------------------------- */
.super-footer, .super-footer .center-content { background-color: #D4CFC3; /* center-content bg for lt IE9 */ } 
.super-footer .center-content { font-size: 81.25%; /* 13px/16px */ line-height: 1.5; /* 19.5px/13px */ padding: 24px 18px 45px; }
.super-footer li.nav-menu, .super-footer li.nav-menu-other { float: left; margin-right: 1.863354%; /* 18px/966px */ width: 15.113871%; /* 146px/966px */ } 
.super-footer li.nav-menu-other { margin-right: 0; } 
.super-footer li.nav-menu > span, .super-footer li.nav-menu-other span { color: #333; display: block; margin-bottom: 18px; text-transform: uppercase; text-decoration: none; cursor: default; }
.super-footer li li { margin-bottom: 10px; }  
.super-footer a { color: #555; text-decoration: underline;} 
.super-footer a:hover { color: #96151D; text-decoration: underline; }
.super-footer li.nav-menu-social li a { padding: 0 0 2px 22px; }
.super-footer li.nav-menu-social li a.contact { background-image: none; padding: 0; }  
.super-footer a.google { background-position: -32px 0; } 
.super-footer a.linked-in { background-position: -32px -100px; } 
.super-footer a.facebook { background-position: -32px -200px; }
.super-footer a.twitter { background-position: -32px -300px; } 
.super-footer a.youtube { background-position: -32px -400px; } 
.super-footer a.mobile { background-position: -32px -500px; } 
.super-footer a.rss { background-position: -32px -600px; } 
.super-footer a.blog { background-position: -32px -700px; }  

/* =Global Footer
-------------------------------------------------- */
.global-footer, .global-footer .center-content { background-color: #666; /* center-content bg for lt IE9 */ }
.global-footer .center-content { padding: 18px 18px 36px; } 

/***********************************************************************************************
 							Medium and large devices
					(Duplicated within responsive.css file for IE)
			This section can be deleted once support for IE8 and below is dropped							
************************************************************************************************/
/* Body
-------------------------------------------------- */
.img-left { clear: left; float: left; padding: 0 18px 9px 0; max-width: 35%; } 
.img-right { clear: left; float: right; padding: 0 0 9px 18px; max-width: 35%; } 
/*
.life-in-pics.img-right { max-width: 50%; }
*/

/* Banners
-------------------------------------------------- */
.banner-container .video-link { left: 3.726708%; /* 36px/966px */ position: absolute; width: 96.273291%; /* 930px/966px*/ }

/* =Layer 
------------------------------------------------- */
.layer-content { margin-top: 12px; margin-bottom: 12px; padding-bottom: 18px; }

/* =Overview Page Layout
-------------------------------------------------- */ 
.ie7 .overview .box-container { float: left; width: 100%; }
.overview .box-nav { float: left; } 
.overview.type-1 .box-nav.last-child-four, .overview.type-2 .box-nav.last-child-four { margin-right: 0; }
/* Overview Type 1 */ 
.overview.type-1 .box-nav { background: #f9f8f6; /* Old browsers */
background: -moz-linear-gradient(top, #F9F8F6 0%, #F9F8F6 35%, #EDEDE5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F8F6), color-stop(35%,#F9F8F6), color-stop(100%,#EDEDE5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F9F8F6 0%,#F9F8F6 35%,#EDEDE5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F9F8F6 0%,#F9F8F6 35%,#EDEDE5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #F9F8F6 0%,#F9F8F6 35%,#EDEDE5 100%); /* IE10+ */
background: linear-gradient(to bottom, #F9F8F6 0%,#F9F8F6 35%,#EDEDE5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f8f6', endColorstr='#edede5',GradientType=0 ); /* IE6-9 */  }
/* Overview Type 2 */ 
.overview.type-2 .box-nav { margin-right: 1.863354%; /* 18px/966px */ width: 49.068322%; /* 474px/966px */ }
.overview.type-2 .box-nav.last-child-two { margin-right: 0; } 
.overview.type-2 .box-nav h3 { padding: 18px 3.75% 0 3.75%; /* 18px/480px */ } 
.overview.type-2 .box-content { padding: 18px 3.75% 9px; /* 18px/480px */ }  

/* =Level 3 Page Layout
-------------------------------------------------- */
/* Full Page Layout */
.full-page-one-half { float: left; margin-right: 3.870967%; /* 36px/930px */ width: 48.064516% /* 447px/930px */ }
.column-border .full-page-one-half { border-right: 1px dashed #CCC; float: left; padding-right: 1.935483%; /* 18px/930px */ margin-right: 1.935483%; /* 18px/930px */ width: 47.956989% /* 446px/930px */ }
/* Picture and content layout */
.related-items .img-container { float: left; margin-right: 18px; }
.related-items.values .img-container { width: 125px; }
.related-items.values .description { margin: 0 0 0 143px; }
.related-items.profile-picture .img-container { width: 250px; }
.related-items.profile-picture .description { margin: 0 0 0 268px; }
.related-items.profile-picture.flex .img-container { margin-right: 1.935483%; /* 18px/930px */ width:  26.881720%; /* 250px/930px */ }
.related-items.profile-picture.flex .description { margin: 0 0 0 28.817204%; /* 268px/930px */ }
.related-items.medium-picture .img-container { width: 220px; }
.related-items.medium-picture .description { margin: 0 0 0 238px; }
.related-items.medium-picture.flex .img-container { margin-right: 1.935483%; /* 18px/930px */ width:  23.655913%; /* 220px/930px */ }
.related-items.medium-picture.flex .description { margin: 0 0 0 25.591397%; /* 238px/930px */ }
.related-items.large-picture .img-container { width: 286px; }
.related-items.large-picture .description { margin: 0 0 0 304px; }
.related-items.large-picture.flex .img-container { margin-right: 1.935483%; /* 18px/930px */ width:  30.752688%; /* 286px/930px */ }
.related-items.large-picture.flex .description { margin: 0 0 0 32.688172%; /* 304px/930px */ }
/* Vanguard facts page */
.vg-facts-table { float: right; }
.vg-facts-table .row { border-bottom: 1px solid #CCC; padding-bottom: 18px; margin-bottom: 18px; }   
.vg-facts-locations { float: left; margin-right: 3.870967%; /* 36px/930px */ }  
/* Vanguard history page */
.history .box-nav { float: left; margin-right: 1.863354%; /* 18px/966px */ padding: 18px 1.863354%; /* 18px/966px */ }
.history .box-nav.last-child-four { margin-right: 0; } 
/* Our pledge */
.pledge-img { float: left; }  
.pledge-content { margin-left: 174px; } 

/* =Navbox
-------------------------------------------------- */ 
.nav-box-head { background-position: 99% -1800px; line-height: 2.857142; /* 60px/21px */ min-height: 60px; padding: 0 45px 0 1.863354%; /* 18px/966px */ } 
.nav-box.selected .nav-box-head { background-position: 99% -1900px; }