@import url('foundationsGeneral.css');
@import url('foundationsPageLayout.css');
@import url('foundationsVisual.css');
@import url('backgroundImages.css');
@import url('textAppearance.css');
@import url('linkAppearance.css');
@import url('listAppearance.css');
@import url('images.css');
@import url('speechOutput.css') aural;

@media print { 
    nav,
    div.cell header,
    figure,
    figcaption,
    aside,
    footer,
    noscript,
    .pageBody .cell:nth-child(1) header,
    .pageBody .cell:nth-child(1),
    .pageBody .cell:nth-child(3) header,
    .pageBody .cell:nth-child(3)
    {
	display: none;
    }
}


@media (max-width: 800px) {
#pageBody .cell {
  display: table-row;
}
#pageBody article {
    padding: 0 5%;
}
header h1 {
    font-size: 2em;
}
div.header hgroup {
margin-right: 0;
}
div.header hgroup h2 {
line-height: normal;
}
ul.menu li.topTier {
line-height: 200%;
}
#pageFooter div.cell:nth-child(1),
#pageFooter div.cell:nth-child(3){ 
    min-width:100px;
 }


}

@media (max-width: 800px) {

.flexbox .pageBody {
    box-orient: vertical;
    -webkit-box-orient: vertical;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-orient: vertical;         /* OLD - Firefox 19- (buggy but mostly works) */
    -ms-box-orient: vertical;          /* TWEENER - IE 10 */
    -webkit-flex-direction: column;         /* NEW - Chrome */
    flex-direction: column;                 /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flexbox .pageBody div.cell:nth-child(1) { 
    width: 100%;
    min-width:0;
    max-width:none;

    ordinal-group: 3; 
    -webkit-box-ordinal-group: 3;   /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 3;      /* OLD - Firefox 19- */
    -ms-flex-order: 3;              /* TWEENER - IE 10 */
    -webkit-order: 3;               /* NEW - Chrome */
    order: 3;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flexbox .pageBody div.cell:nth-child(2) { 
    width: 95%;

    ordinal-group: 1; 
    -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
    -ms-flex-order: 1;              /* TWEENER - IE 10 */
    -webkit-order: 1;               /* NEW - Chrome */
    order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flexbox .pageBody div.cell:nth-child(3) { 
    width: 100%;
    min-width:0;
    max-width:none;

    ordinal-group: 2; 
    -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
    -ms-flex-order: 2;              /* TWEENER - IE 10 */
    -webkit-order: 2;               /* NEW - Chrome */
    order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
}