/***********************************************************************************************
 							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-left: 18px } 
.overview .center-content { padding-left: 18px }
html { font: normal 100%/normal 'Univers-Basic-Regular', Arial, sans-serif }

/* =Global Header
-------------------------------------------------- */
.header .util-bar .center-content, .header .mid-section .center-content, .header .tabs .center-content { padding: 0 18px; } 
.header .util-bar { background-color: #E5E5E5; }
.header .util-bar .center-content { height: 2em; /* 32px */ padding: 0; max-width: 60.375em; /* 966px */ }
.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-color: transparent; border: none; height: 2.909090em; /* 32px */ margin: 0; padding: 0 2.909090em 0 1.636363em; /* 36px 18px */ position: relative; text-transform: uppercase; font-size: .6875em; /* 11px */ line-height: 2.909090em; }
.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: #333; background-color: transparent; border: none; height: 2.909090em; /* 32px */ margin: 0; padding: 0 2.909090em 0 1.636363em; /* 36px 18px */ position: relative; text-transform: uppercase; line-height: 2.909090em; } 
.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: #96151D; display: block; height: 3.1255em; /* 63px */ padding: 0 1.125em; /* 18px */  }  
.header .tabs ul { margin-left: 4px; } 
.header .tabs li { float: left;}
.header .tabs li a { border-right: 1px solid #7D1119; color: #FFF; display: block; font-size: .875em; /* 14px */ height: 3.571428em; /* 50px */ line-height: 3.571428em; /* 50px */ padding: 0 1.285714em; /* 18px */ white-space: nowrap; }
.header .tabs li.sub-hover a  { background-color: #FFF; background-position: right -250px; background-repeat: no-repeat; color: #FFF; vertical-align: middle; }
.header .tabs li.selected, .header .tabs li.hover { background-color: #7D1119; background-position: right -250px; background-repeat: no-repeat; color: #FFF; vertical-align: middle; } 
.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: #000;  line-height: 1.846153; /* 24px/13px */ min-height: 24px; padding: 0 6px; }  
.header .tabs li li a:hover { text-decoration: underline }

/* =Context Bar (Breadcrumbs)
-------------------------------------------------- */
.context-bar { margin-bottom: 33px; margin-top:-3px; }  
.context-bar .links a { background-image: url(images/breadcrumb-pipe.svg); background-repeat: no-repeat; background-position: right; font-size: 0.9em; padding-right: 16px; margin-right: 12px; text-decoration: none; white-space: nowrap; display: inline-block; } 
.context-bar .links a:hover { text-decoration: underline; color: #96151D; }

/* 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; } 
.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: 66.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%; }  
h4.label { font-size: .975em; font-weight: bold; color: black;}
h4.label-side-bar { font-size: .925em; font-weight:bold; color:black; }
.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 */ width: 91%; }
.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: 12.623871%; /* 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: 23.273291%; /*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:48%;}
.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; } 

/* Starting kids off right */
.four-column .column {    
	background-color: rgb(229, 239, 240);
    display: inline-block;
    vertical-align: top;
    width: 19%;
    height: 327px;} 
    
.four-column .col-4 {    
	background-color: rgb(229, 236, 243);
    display: inline-block;
    vertical-align: top;
    width: 40%;
    height: 327px;} 
    
/* =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; }

/* =Accessibility changes for h tags
-------------------------------------------------- */ 
.heading1 { font-size: 225%; /* 36px/16px */ line-height: 1.083333; /* 39px/36px */ margin-bottom: 36px; padding: 0 1.863354%; /* 18px/966px */ } 
.heading2 { color: #96151D; font-size: 168.75%; /* 27px/16px */ line-height: 1.185185; /* 32px/27px */ margin-bottom: 21px; } 
.heading3 { font-size: 131.25%; /* 21px/16px */ line-height: 1.333333; /* 28px/21px */ margin-bottom: 5px; } 
.heading4 { color: #666; font-size: 112.5%; /* 18px/16px */ line-height: 1.555555; /* 28px/18px */ margin-bottom: 2px; } 

/* =Accessibility changes for focus
-------------------------------------------------- */ 
 div.box-nav h3 a:focus {
 	outline: 1px dashed #000;
 }
 
/* =Tabset
-------------------------------------------------- */
.tabset { border-bottom: 2px solid #96151D; display: table; width: 100%; margin-bottom: 1.6875em; /* 27px */ }
.tabset ul{padding-left:0;}
.tabset li { background-color: #EAE5DA; border-right: 2px solid #FFF; display: table-cell; vertical-align: top; padding: .75em; } 
.tabset li:focus { outline: 1px dashed #000; } 
.tabset li:focus, .tabset li:hover, .tabset li:active { color: #96151D; cursor: pointer; text-decoration: underline; }
.tabset li.selected, .tabset li.selected:focus, .tabset li.selected:hover, .tabset li.selected:active { background-color: #96151D; color: #FFF; cursor: default; text-decoration: none;  }