@media screen and (orientation: portrait) {





html {font-size: 24pt;}  /* CHANGE BASE FONT SIZE */



#wrapper {
    width: auto;  /* CHANGE WIDTH TO AUTO */
	margin: 0px;  /* ELIMINATE MARGINS */
	border: 0px;  /* ELIMINATE BORDER */
    padding-bottom: 200px;  /* INCREASE BOTTOM PADDING FOR 'TO TOP' BUTTON */
	}



.grid-container {
    display: grid;
    grid-gap: 0px;  /* ELIMINATE GRID GAP */
    grid-template-columns: 1fr;  /* ADJUST GRID */
    grid-template-areas:    'logo'
                            'header'
                            'leftNavigation'
                            'content'
                            'bottomNavigation'
                            'footer';
}



.logo {
    grid-area: logo;
    text-align: center;  /* CENTER LOGO */
}

    .logo img {  /* ADD THIS DECLARATION TO INCREASE LOGO SIZE */
        width: 620px;
        height: auto;
    }



.header {
	grid-area: header;
    text-align: center;  /* CENTER TEXT */
	}



.leftNavigation {
    grid-area: leftNavigation;
    border-right: 0px;  /* ELIMINATE BORDER */
	margin-right: 0px;  /* ELIMINATE MARGIN */
    margin-bottom: 25px;  /*  ADD BOTTOM MARGIN */
	width: 100%;  /* CHANGE WIDTH TO 100% */
	}

    .leftNavigation img {
        display: none;  /* DO NOT DISPLAY IN PORTRAIT MODE */
    }

    .leftNavigation a {
	    font-size: 2em;  /* CHANGE FONT SIZE */
	    border: 1pt solid #003399;  /* ADD BORDER COLOR FOR MOBILE */
    }

    .navExternal {  /* ELIMINATE BORDER, PADDING, MARGIN */
        margin-top: 0px;
        padding-top: 0px;
        border-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: 0px;
    }

    .linkSubText {
        display: inline;  /* MOVE TO INLINE */
    }



.content {
	grid-area: content;
}

    img.starHeadline {
        width: 38px;
        height: auto;
    }



    img.externalLink {  /* ADD THIS DECLARATION TO UPSIZE EXTERNAL LINK */
        width: 32px;
        height: auto;
    }



.bottomNavigation {
	grid-area: bottomNavigation;
    border-top: 1px solid #999999;  /* ADD BORDER AS HORIZONTAL RULE */
    padding-top: 10px;  /* ADD PADDING */
    }

    .bottomNavigation a {
    	font-size: 1.5em;  /* INCREASE FONT SIZE */
    	}

    a.toTop {
        display: none;  /* DO NOT DISPLAY IN PORTRAIT */
    	}



.footer {
    grid-area: footer;
    font-size: .33em;  /* DECREASE FONT SIZE */
    text-align: center;  /* CENTER TEXT */
}



img.toTop {  /* MAKE BUTTON APPEAR */
display: initial;
}

img.picRule {
    display: none;  /* DO NOT DISPLAY */
    }



ul {
	list-style-image: url('../images/icons/listItem200.png');  /* SWITCH TO LARGER IMAGE */
}

ul.boardOfDirectors {
	list-style-image: url('../images/icons/yellowStar200.png');  /* SWITCH TO LARGER IMAGE */
}

ul.boardOfDirectors li {
	    width: 90%;  /* INCREASE WIDTH */
	    margin-bottom: 30px;  /* DOUBLE BOTTOM MARGIN */
    }



}