.Headings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}

.Heading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.Cells {
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	text-align: left;
}
.MenuTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	margin-left: 10px;
	text-decoration: none;
	cursor: auto;
}
.Paragraph {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	letter-spacing: 2px;
	text-indent: 0px;
	word-spacing: normal;
	padding: 0px;
}
.CellBG {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right top;
}
.Paragraph2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 0px;
}


.Paragraph3 {
	font-family: Arial;
	font-size: 10pt;  /* Note that 10pt corresponds to the old size="2" or 10pt	13px	0.8em*/
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 0px;
}

.Paragraph4 {
	font-family: Arial;
	font-size: 8pt;  /* Note that 10pt corresponds to the old size="2" or 10pt	13px	0.8em*/
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 0px;
}

  @media screen and (min-width: 960px) {
    .Paragraph3 {
      font-size: 12pt } 
			}


.Title_Heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.Paragraph_SMtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.Paragraph_SMtxt2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 5px;
}
.ImageSpacing {
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 10px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-top-width: 20px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 10px;
}

.underheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

/* for img tag in quicklinks */
.TitleBar{
		  max-height:60px!important;
}
  @media screen and (min-width: 450px) {
    .TitleBar {
		  max-height:100px!important;
		 } 
		}
  @media screen and (min-width: 600px) {
    .TitleBar {
		  max-height:140px!important;
		 } 
		}

.TitleBar-img {
      max-width:60px!important; 
		  max-height:60px!important;
}
  @media screen and (min-width: 450px) {
    .TitleBar-img {
      max-width:100px!important; 
		  max-height:100px!important;

		 } 
		}
  @media screen and (min-width: 600px) {
    .TitleBar-img {
      max-width:140px!important; 
		  max-height:140px!important;
		 } 
		}



.Cellbottomline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.CellLeftBorder {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000000;
}

.faculty_style1 {
	font-size: 14px;
	font-weight: bold;
	font-family: Georgia;
}

.faculty_style2 {
	font-size: 11px;
	font-family: sans-serif;
}

.alumni_style1 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

.contact_text{
  color:#003399; 
  font-weight: bold; 
  font-family: Garamond; 
  font-size: 16pt; 
  margin-top: 0; 
  margin-bottom: 0;
}

.whitetext {
	color: #FFFFFF;
}

.springprogram_style2 {font-size: 18px}
.springprogram_style3 {font-size: 12px}
.springprogram_style4 {font-size: 14px}

.music_style3 {font-size: 12px}

.top10_style13 {color: #FF0000}

.tuition_style13 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.tuition_style15 {font-size: 14px}

.booklist_style{
font-family: Book Antiqua;
font-size: 12px;
margin-left: 7px;
}


.volume_style9 {color: #FFFFFF; font-weight: bold; font-size: 12px; }
.volume_style10 {font-size: 12px}
.volume_style11 {color: #FF0000}

.store_style14 {color: #FF0000}

.g-recaptcha{
	 display: inline-block;
   margin: 15px auto !important;
   width: auto !important;
   height: auto !important;
   text-align: -webkit-center;
   text-align: -moz-center;
   text-align: -o-center;
   text-align: -ms-center;
}

div.Section1
	{page:Section1;}

a.MenuTxt:link {
	color: #FFFFFF;
}
a.MenuTxt:active {
	color: #FFFFFF;
}
a.MenuTxt:visited {
	color: #FFFFFF;
}
/* 9/2/2014 - Bill H - changed hover from BBBFF7 to CC0000 - old val wasn't showing up on main page left sidebar */
a.MenuTxt:hover {
	color: #CC0000;
}
a:link {
	color: #333399;
}
a:active {
	color: #333399;
}
a:visited {
	color: #800080;
}
/* 9/2/2014 - Bill H - changed hover from BBBFF7 to CC0000 - old val wasn't showing up on main page left sidebar */
a:hover {
	color: #CC0000;
}

a.dropmenudiv:visited {
	color: #000000;
}

a.MainPage:hover {
	color: #9999FF;
}
	
a.MainPage:visited {
	color: #333399;
}

.BdrBlue{
  border-collapse:collapse;
	border-style: solid;
	border-color: #333399;
	border-width: 2px;
}

.BdrGrey{
  border-collapse:collapse;
	border-style: solid;
	border-color: #777777;
	border-width: 2px;
}

td.OutsideBdrBlue{
  border-collapse:collapse;
	border-style: solid;
	border-color: #333399;
	border-width: 2px;
}

table.OutsideBdr{
	border-style: solid;
	border-color: #000000;
	border-width: 2px;
}

td.OutsideBdr{
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 2px;
}

table.Checkout{
	border-style: outset;
  padding-bottom: 5px;
}

td.Checkout{
  padding-left:10px;
  padding-right:10px;
}

.bImgAcademics{
  background-image: url('../Images/Bible_Text.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right top;
} 

div.bImgAthletics {
  background: url('../Images/Sports.jpg') no-repeat transparent top right;
  margin: 0px;
  height: 100%;
  width: 100%;
}

div.bImgMenuGreyGradient {
  background: url('../MenuNew/chrometheme/menubkgd.gif') no-repeat transparent top right;
  margin: 0px;
  height: 100%;
  width: 100%;
}

table.StandardTable {
  border: 0px solid black;
	padding:0px;                     /* 'cellpadding' equivalent */ 
	border-collapse: collapse; /* 'cellspacing' equivalent */ 
	text-align:left;
	vertical-align:top;
}

.width90per { width: 90% }



th.StandardTable {
  background-color: #3333AA; 
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}

th.StandardTableSMtxt {
  background-color: #3333AA; 
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}


a.StandardTable:link, a.StandardTable:visited, a.StandardTable:active{
  color:#FFFFFF;
	text-decoration:none;
}
a.StandardTable:hover, a.StandardTable:focus{
  color:#DDDDDD;
}


tr.StandardTableBlue { background-color: #3333AA; } 
tr.StandardTableWhite { background-color: #ffffff; }
tr.StandardTableGrey { background-color: #cccccc; }
tr.StandardTableLightGrey { background-color: #eeeee8;}
tr.StandardTableDarkGrey { background-color: #777777; }

tr.StandardTable {
  background-color: #eeeeee; 
}

tr.StandardTableAlt {
  background-color: #f8f8f8; 
}

td.StandardTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	padding:2px 1px 2px 1px
}

  /* Make the text larger on a wider screen */
  @media screen and (min-width: 768px) {
    th.StandardTable {
      font-size: 10pt;
			padding:5px 1px 5px 1px } 
		td.StandardTable	{
      font-size: 10pt;
			padding:5px 1px 5px 1px } 
			}

  @media screen and (min-width: 960px) {
    th.StandardTable {
      font-size: 12pt;
			padding:5px 1px 5px 1px } 
		td.StandardTable	{
      font-size: 12pt;
			padding:5px 1px 5px 1px } 
			}

td.StandardTableSMtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	padding:2px 1px 2px 1px
}
			
			
td.StandardTableDarkGrey {
  background-color: #999999; 
}

td.topAlign {
	vertical-align:top;
} 

.width15per {width: 15%;} .width17per {width: 17%;} .width22per {width: 22%;} .width31per {width: 31%;} .width32per {width: 32%;} .width37per {width: 37%;}
 .width50per {width: 50%;} .width54per {width: 54%;} .width68per {width: 68%;}.width80per {width: 80%;} .width90per { width: 90%;} .width95per { width: 95%;} .width100per { width: 100%;}
 

.height18px {height: 18px;} .height19px {height: 19px;} .height21px {height: 21px;} .height27px {height: 27px;} .height30px {height: 30px;}
.height50px {height: 50px;} .height53px {height: 53px;} .height57px {height: 57px;} .height60px{height: 60px;} .height64px {height: 64px;} .height69px {height: 69px;}
.height109px {height: 109px;}  .height123px {height: 123px;} .height196px {height: 196px;}



.alignTop {
	vertical-align:top;
} 
.alignBottom {
	vertical-align:bottom;
} 
.alignMiddle {
	vertical-align:middle;
} 

.alignRight {
		text-align: right;
}

.alignLeft {
		text-align: left;
}

.alignCenter {
		text-align: center;
}


/* container for gray box with picture inside */
.quickLink-picContainer {
  margin-top:16px!important;
	margin-bottom:0px!important;
	margin-left:0px!important;
	margin-right:0px!important;
 	 display:inline-block; 
/* width:168px;*/ 
	width:80%; 
	height:126px; /* 4/3 ratio to width (which is 200px - 16px side margins) */
}

/* need this in span tag in order for picture to align vertically */
.quickLink-picSpan {  
	display: inline-block; 
	height: 100%; 
	vertical-align: middle; 
}

/* for img tag in quicklinks */
.quickLink-img {
    /*position:relative;*/
		/*max-width:130px;*/ /* anything over this it jumps down below the square */
		max-width:95%; /* anything over this it jumps down below the square */
		max-height:120px; 
		padding: 3px 0px 4px 0px; /* if the max height is 120 and the container is 126, split the padding */
		align: center; 
		vertical-align:middle;
}

/* container for Box under picture with Text box with picture inside */
.quickLink-txtContainer {
  padding-left:16px!important;
  padding-right:16px!important;
  padding-top:0px!important;
  padding-bottom:0px!important;
	min-height:120px!important; /* was 120px, but for Raise the Region needed 137 */
}


.quickLink-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	color:#003399;
  margin-top:10px!important;
  margin-bottom:0px!important;
	/* background-color:#AAAAAA; /* for testing */
	/*line-height: 8px;*/ /* removed this line-height so that if the subheading went onto 2 lines it was still readable */
}

.quickLink-desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color:#000000;
	text-align:left;
  line-height:12px;
  margin-top:5px!important;
  margin-bottom:0px!important;
	/* background-color:#CCCCCC; /* for testing */
}

.quickLink-descSM {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color:#000000;
	text-align:left;
  line-height:10px;
}

.quickLink-descXSM {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	color:#000000;
	text-align:left;
  line-height:8px;
}


.upEvent {
/*  border-radius: 8px; */ 
	border-left: 5px solid #a6a6a6;

    transition: border-left 0.15s ease-out;
    -moz-transition: border-left 0.15s ease-out;
    -webkit-transition: border-left 0.15s ease-out;
    -o-transition: border-left 0.15s ease-out;

}

.upEvent:hover {
	border-left: 10px solid #a6a6a6;
	background-color:#EEEEEE!important;

}


.upEvent:hover .upEventChildHoverChange { /* need this class for any container inside the upEvent container, so that when any part of upEvent is hovered over all child classes change background color */
  background-color: #EEEEEE!important;
	
}


.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}


.hp_left {
    width: 70%;
    float: left;
}
.hp_right {
    width: 30%;
    float: right;
}

 @media only screen and (max-width : 768px) {
   .hp_left, .hp_right {
        width: 100%;
     }
}

.div-center{
  margin-left:auto;margin-right:auto; /* thank you http://howtocenterincss.com */
}

/* *************************************************************************** */
/* *************************************************************************** */
/* ************                  NAVIGATION                 ****************** */
/* *************************************************************************** */


#primary-nav {
  z-index: 1;
	position: relative;
  display: none; 
  /* Primary Navigation List */ }
  @media screen and (min-width: 960px) {
    #primary-nav {
      display: block; } }

  #primary-nav > ul {
    position: relative;
    display: flex;
    list-style: none;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
    /* Primary Navigation List Items */ }
    #primary-nav > ul > li {
      margin: 0 0 0 35px;
      color: #FFFFFF;
      text-transform: uppercase;
      font-size: .94rem;
      font-weight: bold;
      padding: 25px 0;
      /* Secondary Navigation List */ }
      #primary-nav > ul > li:hover > ul {
        display: block; }
			#primary-nav > ul > li:last-of-type a { /* jdr added */
			  padding-right:50px; } /* jdr added */
      /*#primary-nav > ul > li:last-of-type a {
        border-radius: 50px;
        padding: 15px 25px;
        border: 2px solid #0000AA;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        color: #FFFFFF;
        background-color: #0000AA; }
        #primary-nav > ul > li:last-of-type a:hover {
          border: 2px solid #0000AA;
          background-color: transparent;
          color: #0000AA; }*/
      #primary-nav > ul > li a {
        color: #424855;
        text-decoration: none;
        text-transform: none;
        background-color: transparent;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        #primary-nav > ul > li a:hover {
          /*border: 2px solid #0000AA;  jdr added */
          color: #0000AA; }
        #primary-nav > ul > li a.cta {
          background-color: rgba(178, 46, 44, 0.65);
          border-radius: 50px;
          padding: 15px 25px;
          border: 0;
          letter-spacing: 0;
          max-width: 300px; }
          #primary-nav > ul > li a.cta:hover {
            background-color: #0000AA; }
      #primary-nav > ul > li > ul {
        position: absolute;
        display: none;
        list-style: none;
        padding: 0;
        margin: 10px 0 0 0;
        border: 0;
        background-color: #0000AA;
        min-width: 230px;
        width: auto;
        /* Secondary Navigation List Item */ }
        #primary-nav > ul > li > ul > li {
          position: relative;
          display: block;
          padding: 0;
          border-bottom: 1px solid rgba(255, 255, 255, 0.3);
          min-height: 45px;
          /* Tertiary Navigation List */ }
          #primary-nav > ul > li > ul > li:hover {
            background-color: rgba(255, 255, 255, 0.8); }
            #primary-nav > ul > li > ul > li:hover > a {
              color: #0000AA; }
            #primary-nav > ul > li > ul > li:hover > ul {
              display: block; }
          #primary-nav > ul > li > ul > li a {
            position: absolute;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0 15px;
            color: #FFFFFF; }
          #primary-nav > ul > li > ul > li > ul {
            position: absolute;
            top: 0;
            left: 100%;
            display: none;
            list-style: none;
            padding: 0;
            border: 0;
            background-color: #0000AA;
            min-width: 200px;
            /* Tertiary Navigation List Item */ }
            #primary-nav > ul > li > ul > li > ul > li {
              position: relative;
              display: block;
              min-height: 45px;
              padding: 0;
              border-bottom: 1px solid rgba(255, 255, 255, 0.3);
              padding: 10px 20px;
              /* Fourth Level Navigation List Item */ }
              #primary-nav > ul > li > ul > li > ul > li:hover {
                background-color: rgba(255, 255, 255, 0.8); }
                #primary-nav > ul > li > ul > li > ul > li:hover a {
                  position: absolute;
                  display: flex;
                  width: 100%;
                  height: 100%;
                  padding: 0 15px;
                  align-items: center;
                  justify-content: flex-start;
                  top: 0;
                  left: 0;
                  color: #0000AA; }
                #primary-nav > ul > li > ul > li > ul > li:hover > ul {
                  display: none; }
              #primary-nav > ul > li > ul > li > ul > li > ul {
                position: absolute;
                top: 0;
                right: 100%;
                display: none; }
                #primary-nav > ul > li > ul > li > ul > li > ul > li {
                  /* Fifth Level Navigation List Items */ }
                  #primary-nav > ul > li > ul > li > ul > li > ul > li > ul {
                    position: absolute;
                    right: 100%;
                    display: none; }

/* NEW bar for mobile-nav */

#mobile-nav {
    position: fixed;
    display: block; /* jdr: was flex */
    width: 100%;
    height: 40px;
    background-color: #424855;
    margin: 0 auto;
    text-align: left;
    top: 0;
    left: 0;
    z-index: 10;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px; 
	width: 100%; }
  @media screen and (min-width: 960px) {
    #mobile-nav {
      display: none; } }
    #mobile-nav .mobile-toggle {
      display: block;
      color: #FFFFFF;
      font-size: 1.5rem; }
      @media screen and (min-width: 960px) {
        #mobile-nav .mobile-toggle {
          display: none; } }
      #mobile-nav .mobile-toggle img {
        position: relative;
        display: block;
        max-width: 24px;
        height: 16px; }
												
										
#mobile-nav-wrapper {
  position: fixed;
  display: block;
  z-index: 1;
  top: 40px; /* jdr was 40 */
  left: 0px;
  width: 260px; /* original was 260 */
  background-color: #424855;
  height: 100vh;
  padding: 60px 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media screen and (min-width: 960px) {
    #mobile-nav-wrapper {
      display: none; } }
  #mobile-nav-wrapper .close-mobile-nav {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #FFFFFF;
    font-size: 20px; }
  #mobile-nav-wrapper ul.primary-navigation-list {
    list-style: none;
    position: relative;
    display: block;
    padding: 0;
    margin: 0; }
    #mobile-nav-wrapper ul.primary-navigation-list > li {
      position: relative;
      display: block;
      width: 100%;
      padding: 0;
      margin: 0 0 30px 0; }
      #mobile-nav-wrapper ul.primary-navigation-list > li > a, #mobile-nav-wrapper ul.primary-navigation-list > li span {
        color: #FFFFFF;
        text-transform: uppercase;
        line-height: 100%;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 1px;
        font-size: .9375rem; }
      #mobile-nav-wrapper ul.primary-navigation-list > li > ul {
        display: none;
        list-style: none;
        padding: 0;
        margin: 10px 0 0 0;
        border: 0; }
        #mobile-nav-wrapper ul.primary-navigation-list > li > ul.active {
          display: block; }
        #mobile-nav-wrapper ul.primary-navigation-list > li > ul > li {
          position: relative;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          padding: 12px 0; }
          #mobile-nav-wrapper ul.primary-navigation-list > li > ul > li:last-of-type {
            border-bottom: 0; }
          #mobile-nav-wrapper ul.primary-navigation-list > li > ul > li > a {
            font-size: .85rem;
            text-transform: uppercase;
            color: #FFFFFF; }
            #mobile-nav-wrapper ul.primary-navigation-list > li > ul > li > a.nav-dropdown {
              top: 10px; }
          #mobile-nav-wrapper ul.primary-navigation-list > li > ul > li ul {
            display: none;
            list-style: none;
            padding: 0;
            margin: 5px 0 0 0;
            border: 0; }
            #mobile-nav-wrapper ul.primary-navigation-list > li > ul > li ul.active {
              display: block; }
            #mobile-nav-wrapper ul.primary-navigation-list > li > ul > li ul > li {
              position: relative;
              display: block;
              border-bottom: 1px solid rgba(255, 255, 255, 0.1);
              padding: 12px 10px; }
              #mobile-nav-wrapper ul.primary-navigation-list > li > ul > li ul > li:last-of-type {
                border-bottom: 0; }
              #mobile-nav-wrapper ul.primary-navigation-list > li > ul > li ul > li a {
                font-size: .85rem;
                text-transform: uppercase;
                color: #FFFFFF; }
                #mobile-nav-wrapper ul.primary-navigation-list > li > ul > li ul > li a.nav-dropdown {
                  top: 3px; }
  #mobile-nav-wrapper ul.mobile-social {
    position: relative;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0;
    justify-content: flex-start;
    align-items: center; }
    #mobile-nav-wrapper ul.mobile-social li {
      position: relative;
      display: block;
      margin: 0 20px 0 0; }
      #mobile-nav-wrapper ul.mobile-social li a {
        font-size: 1.25rem;
        color: rgba(255, 255, 255, 0.6); }
        #mobile-nav-wrapper ul.mobile-social li a:hover {
          color: white; }

a.nav-dropdown {
  position: absolute;
  top: 0;
  right: 0;
  color: #FFFFFF !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform: rotate(0deg); }
  a.nav-dropdown.expanded i {
    transform: rotate(180deg); }
  a.nav-dropdown i {
    font-size: 25px; }
				
body.locked #page-wrapper {
  position: fixed !important;
  height: 100vh !important;
  overflow: hidden;
  top: 0;
  left: 260px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  body.locked #page-wrapper header {
    left: 260px; }

body.locked #mobile-nav-wrapper {
  position: absolute !important;
  min-height: 100vh !important;
  height: auto !important; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box; }
	
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Lato", sans-serif; }
				

#page-wrapper {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 auto;
  border: 0;
  background-color: #FFFFFF;
  z-index: 10;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.blank40px {
    position: relative;
    display: block;
      height: 40px;
}
  @media screen and (min-width: 960px) {
    .blank40px {
    position: relative;
    display: block;
      height: 0px; } } 


/* JDR - This is just mimicing a w3-container so that we can have an ID specific for the container that contains the main page content */ 

#page-content {
  padding:0.01em 16px }
#page-content:before, #page-content:after {content:"";display:table;clear:both}

/* JDR - default all images to have no border 
img { border: 0; } */

	
/*  #myHeader {

    position: relative;
    display: block;
    top: 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; 
    }

  @media screen and (min-width: 960px) {
    #myHeader {
    position: relative;
    display: block;
      top: 0px; } } */
			
 /* #page-wrapper .mobile-nav {
    position: fixed;
    display: flex;
    width: 100%;
    height: 40px;
    background-color: #424855;
    margin: 0 auto;
    text-align: right;
    top: 0;
    left: 0;
    z-index: 10;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px; }

    #page-wrapper .mobile-nav .mobile-toggle {
      display: block;
      color: #FFFFFF;
      font-size: 1.5rem; }
      @media screen and (min-width: 960px) {
        #page-wrapper .mobile-nav .mobile-toggle {
          display: none; } }
      #page-wrapper .mobile-nav .mobile-toggle img {
        position: relative;
        display: block;
        max-width: 24px;
        height: 16px; } */