*{box-sizing: border-box;
margin: 0;}

body, p, div, ul, h1, h2, h3, h4, h5, h6 {
  font-family: verdana, arial, helvetica, sans-serif;
}
body {margin: 0}

[type=submit] {
  border: 1px solid #30547B;
  font-size: 14px;
  color: #fff;
  background: #006699;
  padding: 5px 10px;
  border-radius: 5px;
}
input[type=submit]:hover {
  background: #2c7dba;
}


p {
	font-size: 13px;
	text-align: left;
	margin: 2px;
	padding: 5px;
}
h2 {
	font-size: 16px;
	color: #003366;
	padding-top: 5px;
	text-align: center;
}
h3 {
	text-align: center;
	font-size: 15px;
	color: #003366;
	padding-top: 5px;
}

h4 {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #003366;
	margin:0 px;
}
h5 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	margin:0 px;
}

h6 {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #003366;
	margin:0 px;
}
#pagetitle {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #003366;
	background-color: #FEF8C6;
	padding: 10px 0 16px 0;
	margin: 0px;
	width: 100%;
	clear: both;
}
#pagetitle h1 {
	font-size: 20px;
}
#pagetitle h2 {
	font-size: 18px;
  padding:6px 0;
  margin: 0;
}
@media only screen and (min-width: 601px) {
  #pagetitle h2 {font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  #pagetitle h2 {font-size: 16px;
  }
}
}
#pagetitle h4 {
	font-size: 15px;
	font-weight: bold;
	color: #003366;
	padding: 3px 0px;
	margin: 0;
}

#wrapper {
  position: relative;
  width: 100%;
  max-width: 960px;
  background-color: #fff;
  margin: 0px auto -2px auto;
  text-align: left;
  padding: 0;
  border: 0;
}

#gencontent {
  max-width: 958px;
  width: 100%;
	background-color: #FEF8C6;
  padding:0px;
  margin:0px;
  clear: both;
}
#gencontent li .button12 {
  background-color:#d5edf2; /*lt-blu*1*/
  border: 1px solid #003366; 
  font: bold 12px Verdana; 
  color: #003366;
  text-align:center; 
  text-decoration: none; 
  display: inline-block; 
  transition-duration: 0.4s; 
  cursor: pointer; 
  border-radius: 4px; 
  padding:0 2px 0 2px;
}
#gencontent li .button1:hover {
  background-color:#003366; 
  color:#d5edf2;
}

#gencontent .leftside{  /* ---main page content--- */
  max-width: 705px;
  float: left;
  text-align: left;
  background-color:#FEF8C6;
  padding: 0px;
  margin: 0px;
}
@media screen and (max-width: 959px) {
  #gencontent .leftside {
    width: 100%;
    float: none;
  }  
}
#gencontent .leftside p{
  font-size: 14px;
  float: left;
  line-height: 140%;
  padding: 0px 20px 0px 20px;
}
#gencontent .leftside blockquote{
  font-size: 14px;
  line-height: 140%;
}
#gencontent .leftside .box{
  width: 460px;
  margin:30px auto 10px auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  border:1px solid #30547B;
  background-color: #ffffff;
}
#gencontent .leftside h1{
  text-align: center;
  line-height: 155%;
  font-size: 19px;
  font-weight: bold;
  color: #30547B;
  padding-left:20px;
  padding-right:20px;
}
#gencontent .leftside h2{
  text-align: center;
  line-height: 155%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #30547B;
}

@media screen and (max-width: 959px) {
  #gencontent .leftside h2{
    margin-top: 0;
  }
}

#gencontent .leftside h3{
  text-align: center;
  line-height: 155%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #30547B;
}

#gencontent .leftside h6{
  font-size: 12px;
  line-height: 100%;
  font-weight: bold;
  color: #30547B;
  padding: 0px 20px 0px 20px;
}
#gencontent .leftside ul{
  line-height: 155%;
  font-size: 13px;
  padding:0 20px 0 50px;
}
#gencontent .leftside li{
  padding-bottom:10px;
}
#gencontent .leftside .title{
  font-size: 14px;
  font-family: Verdana, sans-serif;
  line-height: 130%;
  background: transparent;
  color: #30547B;
}
#gencontent .leftside .body12{
  font-size: 12px;
}
#gencontent .leftside .polred{
  color: #993366;
}
#gencontent .leftside .copyright{
  font-size: 10px;
}
#gencontent .leftside .lesson-number{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #30547B;
}
#gencontent .leftside hr {
  background-color: #999999;
  color:#999999;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 70%;
  text-align: center;
  background-position: center;
}
#gencontent .leftside a:link, a:visited, a:active {
  text-decoration: underline;
  padding: 0;
}
#gencontent .leftside a:link, a:active {
  color: #153250;
  padding: 0;
}
#gencontent .leftside a:visited {
  color: #48789E;
  padding: 0;
}
#gencontent .leftside a:hover {
  text-decoration: underline;
  color: #153250;
  padding: 0;
}
#gencontent .leftside img.noborder{
  float:left;
  margin:0 20px 10px 0;
}
#gencontent .leftside img.center{
  margin:0 auto;
}
#gencontent .leftside img.rt_noborder{
  float:right;
  margin:0 0 10px 20px;
}
#gencontent .leftside img.leftborder{
  float: left;
  margin:3px 20px 10px 0;
  border: 1px solid #999999;
}
#gencontent .leftside img.rightborder{
  float: right;
  margin:3px 0px 10px 20px;
  border: 1px solid #999999;
}


#gencontent2 {
  max-width: 958px;
  width: 100%;
  background-color: #FEF8C6;
  padding:0px;
  margin:0px;
  clear: both;
}
#gencontent2 .left-col a:link, a:visited, a:active {
  text-decoration: underline;
}
#gencontent2 .left-col a:link, a:active {
  color: #153250;
}
#gencontent2 .left-col a:visited {
  color: #48789E;
}

#gencontent2 .grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto 240px;
  grid-template-areas:
    'title title title title title'
    'left left left left right'
    'footer footer footer footer footer';
  gap: 0px;
  background-color: white;
  padding: 0px;
  margin: 0;
} 
#gencontent2 .grid-container > div {
  padding: 0;
}
#gencontent2 .grid-container  a:link, a:active {
  color: #153250;
}

#farleft {
  background-color:#C7DAE9;
  border: 1px solid #999999;
}
#farleft h4 {
    text-align: left;
    padding: 0 15px 15px 20px;
}
#farleft a:link, a:visited, a:active {
  text-decoration: underline;
}
#farleft a:link, a:active {
  color: #153250;
}
#farleft a:visited {
  color: #48789E;
}

#body-center a:link, a:visited, a:active {
  text-decoration: underline;
}
#body-center a:link, a:active {
  color: #153250;
}
#body-center a:visited {
  color: #48789E;
}
#body-center {
  background-color: #FEF8C6;
  padding: 0 15px 0 15px;
}
#body-center p {
  padding-left: 10px;
}
#body-center img {
  float: left;
  margin-right: 10px;
  border: 1px solid grey;
}
#body-center h2 {
  text-align: center;
  font-size: 18px;
  padding-bottom: 5px;
}
#body-center .pagecount {
  font-size: 12px;
}
#body-center .quotereference {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
 }
#body-center .copyright {
  font-size: 10px;
   line-height: 130%;
}

/***************************/
/* **** GRID SETTINGS **** */
/***************************/

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
}

@media screen and (min-width: 600px) {
/* For tablets */
.col-s-1 {width: 6.25%;}
.col-s-2 {width: 12.50%;}
.col-s-3 {width: 18.75%;}
.col-s-4 {width: 25.00%;}  /*192px*/
.col-s-5 {width: 31.25%;}
.col-s-6 {width: 37.50%;}
.col-s-7 {width: 43.75%;}
.col-s-8 {width: 50.00%;}  /*384px*/
.col-s-9 {width: 56.25%;}
.col-s-10 {width: 62.50%;}
.col-s-11 {width: 68.75%;}
.col-s-12 {width: 75.00%;} /*576px*/
.col-s-13 {width: 81.25%;}
.col-s-14 {width: 87.50%;}
.col-s-15 {width: 93.72%;}
.col-s-16 {width: 100%;}
}

@media screen and (min-width: 768px) {
/* For desktop: */
.col-1 {width: 6.25%;}
.col-2 {width: 12.50%;}
.col-3 {width: 18.75%;}
.col-4 {width: 25.00%;}  /*192px*/
.col-5 {width: 31.25%;}
.col-6 {width: 37.50%;}
.col-7 {width: 43.75%;}
.col-8 {width: 50.00%;}  /*384px*/
.col-9 {width: 56.25%;}
.col-10 {width: 62.50%;}
.col-11 {width: 68.75%;}
.col-12 {width: 75.00%;} /*576px*/
.col-13 {width: 81.25%;}
.col-14 {width: 87.50%;}
.col-15 {width: 93.72%;}
.col-16 {width: 100%;}
}

@media screen and (min-width: 959px) {
  #wrapper {
    padding-top: 0px;
  }
}

.bodysub10 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #30547B;
  text-align: center;
  line-height: 70%;
  margin: 5px 0px 5px 0px;
}
.bodysub13 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #30547B;
  text-align: center;
  line-height: 70%;
  margin: 5px 0px 5px 0px;
}
.bodysub14 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #30547B;
  text-align: center;
  line-height: 70%;
  margin: 5px 0px 5px 0px;
}
.colhead12 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #30547B;
  text-align: center;
  line-height: 70%;
  margin: 5px 0px 5px 0px;
}
.button12 {
	background-color:#d5edf2; /*lt-blu*1*/
	border: 1px solid #003366; 
	font: bold 12px Verdana; 
	color: #003366;
	text-align:center; 
	text-decoration: none; 
	display: inline-block; 
	transition-duration: 0.4s; 
	cursor: pointer; 
	border-radius: 4px; 
	padding:0 2px 0 2px;
}
.button10 {
	background-color:#d5edf2; /*lt-blu*1*/
	border: 1px solid #003366; 
	font: bold 10px Verdana; 
	color: #003366;
	text-align:center; 
	text-decoration: none; 
	display: inline-block; 
	transition-duration: 0.4s; 
	cursor: pointer; 
	border-radius: 4px; 
	padding:0 2px 0 2px;
}
.button1:hover {
	background-color:#003366; 
	color:#d5edf2;
}
.button-top {
	background-color: #ffd8de; /*lt-pink*/
	border: 1px solid #772a53;
	font: bold 12px Verdana;
	color: #772a53; /*pol-red*/
	text-align: center;
	text-decoration: none;
	display: inline-block;
	transition-duration: 0.4s;
	cursor: pointer;
	border-radius: 4px; 
	padding:0 2px 0 2px;
}
.button2:hover {
	background-color:#772a53; 
	color:#ffd8de;
}


/******************************/
/**** Mobile Phone Styles ***/
/******************************/

@media only screen and (max-width: 365px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
    float: left;
  }
}

#genheader {
	width: 100%;
	height: auto;
	margin: 0 0 -2px 0;
}
#genheader img {
	width: 100%;
	height: auto;
	margin: 0px;
}

#whitetop {
	font-family: palatino;
	font-weight: bolder;
	color: #30547B;
	font-size: 14px;
	line-height: 130%:;
	text-align: left;
	background-color: #fff;
	padding: 0 4px 0 4px;
	margin: 0px;
}


#mobile-col{
  background-color:#B1DAE2;
  font-family: verdana;
  border: 1px solid #003366;
  margin: 0px;
}
#mobile-col a:visited {
	color: #48789E;
}
#mobile-col a {
	color: #003366;
}
#mobile-col p {
	font-size: 13px;
	text-align: left;
	margin: 2px;
	padding: 5px;
}
#mobile-col h1 {
	font-size: 18px;
	color: #003366;
	text-align: center;
	margin: 2px;
	padding: 2px;
}
#mobile-col h2 {
	font-size: 16px;
	color: #003366;
	text-align: center;
	margin: 6px;
	padding: 5px;
}
#mobile-col h4 {
	font-size: 14px;
	color: #003366;
	text-align: center;
	margin: 2px;
	padding: 2px;
}
#mobile-col h5 {
	font-size: 12px;
	text-align: center;
	margin: 2px;
	padding: 2px;   
}
#mobile-col h6 {
	font-size: 11px;
	text-align: center;
	margin: 2px;
	padding: 2px;
}
#mobile-col .colhead12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #30547B; /*med-dk-blu*/
  text-align: center;
  line-height: 70%;
  margin: 5px 0px 5px 0px;
}

#overview {  /* ---Overview content--- */
	width: 100%;
  max-width: 755px;
  margin-left: auto;
  margin-right: auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color:#FEF8C6;
  padding: 10px 0 0 0px;
  margin-top: -20px;
  clear:both;
}
#overview  h2{
  font-size: 16px;
  color: #30547B;
  line-height: 150%;
  text-align: center;
  padding: 0px 15px 10px 20px;
  margin: 0;
}

#overview .bodysub13 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #30547B;
  line-height: 140%;
}
#overview .bodysub14 {
  font-size: 14px;
  font-weight: bold;
  color: #30547B;
  line-height: 140%;
}
#overview a:link, a:visited, a:active {
	text-decoration: underline;
}
#overview a:link, a:active {
	color: #153250;
}
#overview a:hover {
	text-decoration: underline;
	color: #153250;
}
#overview a:visited {
	color: #48789E;
}
#overview .polred {
  color: #993366;
}
#overview .polblu{
  color: #153250;
}

#courses {  /* ---curriculum content--- */
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000;
  background-color:#FEF8C6;
  padding: 0px 4px 0 10px;
  margin-top: 0px;
}
#courses h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 100%;
  font-weight: bold;
  color: #003366;
  text-align: center;
}
#courses h2 {
	font-size: 16px;
	color: #003366;
	padding-top: 5px;
	text-align: center;
}
#courses h3 {
	font-size: 15px;
	color: #003366;
	padding-top: 5px;
	text-align: left;
	margin: 0px;
}
#courses img {
	float: left;
}
#courses a:link, a:hover, a:active {
	color: #153250;
}
#courses a:visited {
	color: #48789E;
}
#courses .bodysub12 {
	font-size: 12px;
  font-weight: bold;
  color: #30547B;
  line-height: 140%;
}
#courses ul{
  font-size:13px;
  line-height:130%;
  padding:0 20px 0 10px;
  margin-left:35px;
}
#courses li{
  padding-bottom:5px;
}
#courses .footer2{
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 4px;
	margin: 0px;
	padding: 0px;
	height: 4px;
}
#courses .footer{
	clear:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6px;
	margin: 0px;
	padding: 0px;
	height: 6px;
}

/*********************************/
/*--- far-right column styles ---*/
/*********************************/
#far-right {
  float: right;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: white;
  max-width: 251px;
  overflow:hidden;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 959px) {
  #far-right {
    float: none;
    width: 100%;
  }
}
#far-right p{ /*----adj. rt.col p content----*/
  font-size:12px;
  line-height: 140%;
  color:#000;
  text-align:left;
  background-color:transparent;
  padding:10px 10px 10px 0;
  margin:0;
}
@media screen and (max-width: 959px) {
  #far-right p {
/*    display: block;*/
    width: 100%;
    margin-bottom: 10px;
    clear: both;
  }
}
#far-right .footer {
  clear: both;
  font-size: 4px;
  margin: 0px;
  padding: 0px;
  height: 4px;
}
#far-right h2{
	font-size:11px;
  }

#far-right h3{
  font-size:11px;
  color:#fff;
  text-align:center;
  background-color:#30547B;
  padding-top:3px;
  padding-bottom:5px;
  padding-left: 0px;
  margin:0;
}

/**************************************************/
/*========= @Rt.Col-Featured Item Styles==========*/
/**************************************************/

#far-right .rightcol h3{
  font-size:12px; /*===== Adj. "Featured" top bar =====*/
  color:#fff;
  text-align:center;
  background-color:#30547B;
  padding-top:4px;
  padding-bottom:6px;
  margin:0 0 10px 0;
}
#rightcol h2 {
  background-color: #30547B;
  color: #fff;
  font-size: 12px;
  padding:0 0 3px 0;
  margin-bottom: 5px;
}
#rightcol h3{
  font-size:12px; /*===== Adj. "Featured" top bar =====*/
  color:#fff;
  text-align:center;
  background-color:#30547B;
  padding-top:4px;
  padding-bottom:6px;
  margin:0 0 10px 0;
/*  max-width: 100%;*/
}
#rightcol p{
  font-size: 13px;
  line-height: 130%;
  text-align: left;
}

#rightcol .expand a:link, a:visited {
  /*===== Adj. color of type & bkgnd of title bars===*/
  background-color:#30547B;
  color:#fff;
}
#rightcol .expand a {
  /*===this style adjusts height of title bars*===*/
  padding:4px 0 6px 0;
  margin:0;
}
#rightcol .expand a:visited {
  background-color:#8BAECA;
}
#rightcol a:link, a:visited, a:active {
  text-decoration: underline;
}
#rightcol a:link, a:active {
  color: #153250;
}
#rightcol a:visited {
  color: #48789E;
}

#far-right .rightcol .footer {
  clear: both;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 4px; 
  margin: 0px;
  padding: 0px;
  height: 4px;
}
#far-right .rightcol p{
  font-size: 12px;  /*=== defines p in Featured===*/
  line-height: 130%;
  background-color:transparent;
  font-family: Verdana, Arial, Helvetica;
  text-align: left;
  margin:5px 8px 2px 8px;
}
#far-right .rightcol p.event{  /*=== defines p in Events===*/
  font-size: 12px;
  line-height: 130%;
  background-color:transparent;
  font-family: Verdana, Arial, Helvetica;
  text-align: left;
  margin:5px 8px 2px 8px;
  padding:0;
}
#far-right .rightcol .img-border {
  float: left;
  margin-right: 8px;
  border: 1px solid #999999;
}
#far-right .rightcol img {
  float: left;
  margin-right: 8px;
  border: 0px;
}
#far-right .rightcol .bodysub12 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #30547B;
  background-color: transparent;
}
#far-right .rightcol a:link, a:visited, a:active, a:hover {
  background-color: transparent;
  padding:0;
}
#far-right .rightcol a:link, a:visited, a:active {
  text-decoration: underline;
}
#far-right .rightcol a:link, a:active {
  color: #153250;
}
#far-right .rightcol a:hover {
  text-decoration: underline;
  color: #153250;
}
#far-right .rightcol a:visited {
  color: #48789E;
  background-color: transparent;
}

#index-linksfooter{
	padding: 5px 5px 20px 5px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 180%;
	text-align: center;
	vertical-align: middle;
	max-width: 605px;
	clear: both;
	border: 0;
  margin-left: auto;
  margin-right: auto;
}
#index-linksfooter h3 {
	text-align: center;
	font-size: 15px;
}
#index-linksfooter .copyright{
  font-size: 10px;
}
#index-linksfooter a:link, a:visited, a:active {
	text-decoration: underline;
}
#index-linksfooter a:link, a:active {
	color: #153250;
}
#index-linksfooter a:visited {
	color: #48789E;
}
.copyright{
  font-size: 10px;
}
.center {
	margin-left: auto;
	margin-right: auto;
}

/******************************/
/******* Display Styles *******/
/******************************/

/*** Full Screen Styles ***/

.flex-900s-container {
	display: flex;
	flex-wrap: wrap;
	background-color: #C7DAE9; /*med-blu*/
}

.flex-900s-container > div {
	background-color: #d5edf2; /*lt-blu*/
	border: 1px solid #003366;
	border-radius: 4px;
	width: 100%;
	margin: 1px;
	text-align: center;
	text-decoration: none;
	line-height: 15px;
	font:bold 10px Verdana;
	color: #003366;
	hover:#d5edf2;
}


/****************************/
/* ----@NAVBAR styles ----- */
/****************************/

 #navbar {
	margin: 0;
	padding: 0;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
}
#navbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  overflow: hidden;
  background-color: #003366;
}

#navbar li {
  float: left;
}

#navbar li a, .dropbtn {
  display: inline-block;
  color: white !important;
  text-align: center;
  padding: 8px 7px 6px 9px;
  text-decoration: none;
}

#navbar li a:hover {
	background-color: #D5EDF2;
}

#navbar li a:hover, .dropdown:hover .dropbtn {
  background-color: #91c5cf;
}

#navbar li .dropdown {
  display: inline-block;
}

#navbar .dropdown-content {
  display: none;
  position: absolute;
  background-color: #91c5cf;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
  z-index: 1;
}
#navbar .dropdown-content a {
  color: #003366;
  padding: 8px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
}

#navbar .dropdown-content a:hover {background-color: #D5EDF2;}

#navbar .dropdown:hover .dropdown-content {
  display: block;
}

#navbar li#cart {
  display: flex;
  justify-content: center;
  align-content: center;
  padding-top: 3px;
  position: relative;
  cursor: pointer;
}

#navbar li#cart #cart-item-badge {
  color: white;
  background: red;
  font-size: 10px;
  width: 12px;
  height: 12px;
  position: absolute;
  border-radius: 100%;
}


/******************************************/
/* ----@NAVIGATION styles OLD (3/11)----- */
/******************************************/

.nav-mobile-trigger {
  position: sticky;
  top: 0;
  display: block;
  width: 95%;
  height: 20px;
  text-align: center;
  font-weight: bold;
  color: #30547B;
  font-size: 16px;
  line-height: 25px;
}

#nav {
  width: 0;
  height: 0;
  opacity: 0;
}

@media screen and (min-width: 960px) {
  .nav-mobile-trigger,
  #nav {
    display: none;
  }
}

#navigation {
  background-color: #ffffff;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;  
  line-height: 220%;
  width: 960px;
  padding: 0;
  margin: 0;
  border: 0;
}
@media screen and (max-width: 959px) {
  #navigation {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    line-height: 0;
  }
  #navigation ul.CSSM.CSSMm {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s linear;
    line-height: 220%;
  }
  #navigation #nav:checked + ul.CSSM.CSSMm {
    max-height: calc(100vh - 60px);
    overflow: auto;
  }
}

ul.CSSMm{z-index:100;}
ul.CSSM ul{display:none}
@media screen and (min-width: 960px) {
  ul.CSSM li:hover>ul{display:block}
}

ul.CSSM ul{position: absolute;left:-1px;top:100%;}
@media screen and (max-width: 959px) {
  ul.CSSM ul {
    display: block;
    position: relative;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s linear;
  }
  ul.CSSM li.open-child > ul {
    max-height: calc(100vh - 60px);
    overflow: auto;
    display: block;
  }
  ul.CSSM li:not(.open-child):hover > ul {
    display: block;
    max-height: calc(100vh - 60px);
    overflow: auto;
  }
}
ul.CSSM ul ul{
  position: absolute;
  left:100%;
  top:-1px;
}
@media screen and (max-width: 959px) {
  ul.CSSM ul ul{
    position: relative;
    left:auto;
    top:auto;
  }
}


ul.CSSM,ul.CSSM ul,ul.CSSM ul ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color:#ffffff;
	background-repeat:repeat;
	border-color:#ffffff;
	border-width:0px;
	border-style:solid;
}

ul ul ul.CSSML {right:100%;left:auto;}
ul ul.CSSML2 {right:0%;left:auto;}
ul.CSSM ul{background-color:#ffffff;}
ul.CSSM ul ul{background-color:#ffffff;}
ul.CSSM ul ul ul{background-color:#ffffff;}

ul.CSSM table {border-collapse:collapse}
ul.CSSM {
	display:block;
	zoom:1;
	float: left;
}
ul.CSSM ul{width:404.25px;}
ul.CSSM li{
	display:block;
	margin:0px;	
	/*margin:1px 0px 0px 1px;*/
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	font-size:0px;
}
@media screen and (max-width: 959px) {
  ul.CSSM li {
    width: 100%;
  }
  ul.CSSM li:first-child {
    padding-left: 0 !important;
    border-left: 1px solid #CCCCCC !important;
  }
  ul.CSSM li:nth-child(11) {
    padding-left: 0 !important;
    border-left: 1px solid #CCCCCC !important;
  }
}
ul.CSSM a:active, ul.CSSM a:focus {outline-style:none;}
ul.CSSM a, ul.CSSM li.dis a:hover, ul.CSSM li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#ffffff;
	border-width:0px;
	border-color:#ffffff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
  	/*padding:10px 5px 10px 0; */        /* padding on links */
  	padding:5px 5px 5px 0;
  	font:12px Verdana;
	/*color: #000000;*/
	color: #436588;
	text-decoration:none;
	cursor:pointer;
}
@media screen and (max-width: 959px) {
  ul.CSSM a, ul.CSSM li.dis a:hover, ul.CSSM li.sep a:hover {
    padding:10px 10px 10px 0;
    font-size: 16px;
  }
}

ul.CSSM a{
/*background-image:url('./images/MenuBack0.gif');*/
   padding-left:8px;   /* **********padding for top white menu******  */
}
ul.CSSM ul a{
background-color:#8BAECA; /*Drop down menu, level 1*/
/*background-image:url('./images/MenuBack1.gif');*/
	padding-left:5px;
	padding-right:5px;
}
ul.CSSM ul ul a{
background-color:#80A5C3; /*Drop down menu, level 2*/
/*background-image:url('./images/MenuBack2.gif');*/
}
ul.CSSM ul ul ul a{
background-color:#80A5C3; /*Drop down menu, level 3, not currently used*/
/*background-image:url('./images/MenuBack3.gif');*/
}

ul.CSSM span{overflow:hidden;}
ul.CSSM li {float:left;}
ul.CSSM ul li {float:none;}
ul.CSSM ul a {
	text-align:left;
}
ul.CSSM li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.CSSM li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#A6A6A6; /*lt grey*/
	background-image:none;
}
ul.CSSM ul li.sep span{
	width:100%;
	height:36px; /*3*/
}
ul.CSSM li:hover{position:relative;}
ul.CSSM li:hover>a{
	background-color:#30547B;
	/*background-image:url('./images/MenuBack2.gif');*/
	border-color:#ffffff;
	border-style:solid;
	/*font:bold 11px Verdana;*/
	font:11px Verdana;
	color: #FFFFFF;
	text-decoration:none;
}

ul.CSSM li a:hover{
	position:relative;
	background-color:#30547B;
	/*background-image:url('./images/MenuBack2.gif');*/
	border-color:#ffffff; /*4C99AB; lt teal*/
	border-style:solid;	
	/*font:bold 11px Verdana;*/
	font:11px Verdana;
	color: #FFFFFF;
	text-decoration:none;
}

@media screen and (max-width: 959px) {
  ul.CSSM li a:hover {
    font: 16px Verdana;
  }
}

ul.CSSM ul ul li:hover>a{/*background-image:url('./images/MenuBack3.gif');*/
}
ul.CSSM ul ul a:hover{
/*background-image:url('./images/MenuBack4.gif');*/
}

ul.CSSM ul ul li a:hover{
background-color:#30547B;
/*background-image:url('./images/MenuBack3.gif');*/
}
ul.CSSM ul ul ul li a:hover{
background-color:#8BAECA;
/*background-image:url('./images/MenuBack4.gif');*/
}

ul.CSSM li.dis a {color: #AAAAAA !important;}
ul.CSSM img {border: none;float:left;_float:none;margin-right:5px;width:16px;height:16px;
}
ul.CSSM ul img {width:16px;height:16px;}
ul.CSSM img.over{display:none}
ul.CSSM li.dis a:hover img.over{display:none !important}
ul.CSSM li.dis a:hover img.def {display:inline !important}
ul.CSSM li:hover > a img.def  {display:none}
ul.CSSM li:hover > a img.over {display:inline}
ul.CSSM a:hover img.over,ul.CSSM a:hover ul img.def,ul.CSSM a:hover a:hover ul img.def,ul.CSSM a:hover a:hover a:hover ul img.def,ul.CSSM a:hover a:hover img.over,ul.CSSM a:hover a:hover a:hover img.over,ul.CSSM a:hover a:hover a:hover a:hover img.over{display:inline}
ul.CSSM a:hover img.def,ul.CSSM a:hover ul img.over,ul.CSSM a:hover a:hover ul img.over,ul.CSSM a:hover a:hover a:hover ul img.over,ul.CSSM a:hover a:hover img.def,ul.CSSM a:hover a:hover a:hover img.def,ul.CSSM a:hover a:hover a:hover a:hover img.def{display:none}
ul.CSSM a:hover ul,ul.CSSM a:hover a:hover ul,ul.CSSM a:hover a:hover a:hover ul{display:block}
ul.CSSM a:hover ul ul,ul.CSSM a:hover a:hover ul ul{display:none}
ul.CSSM span{
	display:block;
	background-image:url('./images/arrv_blue_2.gif');
	background-position:right center;
	background-repeat: no-repeat;
	/* padding-right:12px;                   ****Padding before down arrow**** */
	padding-right:10px;
}

ul.CSSM ul span{padding-right:16px;}

ul.CSSM li:hover>a>span{background-image:url('./images/arrv_white_2.gif')}
ul.CSSM a:hover span{background-image:url('./images/arrv_white_2.gif')}
ul.CSSM ul span,ul.CSSM a:hover table span{background-image:url('./images/arr_blue_2.gif')}
ul.CSSM ul.CSSML3 span{
	background-image:url('./images/arr_blue_2_left.gif');
	background-position:left center;
	padding-right:0px;
	padding-left:17px;
}
ul.CSSM ul li:hover > a span{background-image:url('./images/arr_white_2.gif');}
ul.CSSM ul.CSSML3 li:hover > a span{
	background-image:url('./images/arr_white_2_left.gif');
	background-position:left center;
	padding-right:0px;
	padding-left:17px;
}
ul.CSSM table a:hover span,ul.CSSM table a:hover a:hover span,ul.CSSM table a:hover a:hover a:hover span{
	background-image:url('./images/arr_white_2.gif')
}
ul.CSSM table a:hover table span,ul.CSSM table a:hover a:hover table span{
	background-image:url('./images/arr_blue_2.gif')
}
ul.CSSM li a.CSSMi0{font:n;}
ul.CSSM li a.CSSMi0:hover{font:o;}

@media screen and (max-width: 959px) {
  ul.CSSM li.CCSMi {
    width: 100% !important;
  }
}

table {border-collapse:collapse}
--}
/*=========End CSS Navigation Styles=========*/