@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oswald|Roboto+Slab');
body{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000000;
}
/* Agency Menu Name Tweeks (except OCD, see ocd.css */
.c-short .perc-breadcrumb-main > .perc-list-even{ /* make em all appear */
	display:none;
}
.c-short .perc-breadcrumb-main .perc-list-odd{ /* make em all disappear */
	display:inline;
}

.c-short .perc-breadcrumb-main > .perc-list-even ~ .perc-list-even{ /* make everything except the first occurance disappear */
	display:none;
}
.DefaultBreadcrumb .perc-breadcrumb{
	padding-left:90px;
	margin-top:7px;
}
.sf-menu a{
	font-size:14px;
}
.MainMenu{
	float:right;
	margin-right:4px;
}
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color: #FFFFFF;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}


.sf-menu {
    float: left;
    margin-bottom: 1em;
	width:300px;
	line-height:1.48em !important;
}
.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
    min-width: 300px; /* allow long menu items to determine submenu width */
	top:0px;
}
.sf-menu a {
    /*border-left: 1px solid #fff;*/
    border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
    border-top: 1px solid rgba(255,255,255,0.5);
    padding: .75em 1em;
    text-decoration: none;
    zoom: 1; /* IE7 */
}
.sf-menu a {
    color: #13a;
}
.sf-menu li {
    background: #BDD2FF;
    -webkit-transition: background .2s;
    transition: background .2s;
	width:300px;
	white-space: pre-wrap !important; /* css-3 */
}
.sf-menu li ul{
	white-space: nowrap !important; /* css-3 */
}
.sf-menu ul li {
    background: #AABDE6;
}
.sf-menu ul ul li {
    background: #9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover {
    background: #CFDEFF;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 2px; /* MY EDIT: PLACES ARROWS AT MOST LEFT, IT WORKS OK */
    margin-top: -3px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(255,255,255,0.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255,255,255,0.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white;
}

.sf-vertical ul {
    left: -100% !important; /* MY EDIT: THIS WORKS OK AT 2nd LEVEL */
}
.sf-vertical > li {
    float: none;
}
.sf-vertical ul ul { /* removed trailing "li" selector */
    left: -100%; /* changed from 200% */
    top: 0;
}

/*** alter arrow directions ***/
.sf-vertical.sf-arrows > li > .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255,255,255,0.5);
}
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
    border-left-color: white;
}


.MobileMenu{
	/* padding:60px;
	background-color:green; */
	display:none;
	font-size:14px;
}
.MobileMenu li{
	margin-top:8px;
}
.MobileMenu li a:hover{
	color:#6a041d;
}
.sideblock{
	background-color:#FFFFFF;
	color:#328CC7;
	border:1px solid #328CC7;
	padding:10px;
	text-align:center;
	width:302px;
	margin-bottom:20px;
	position:relative;
}
.sideblock a{
	font-family: Oswald, sans-serif;
	font-size:20px;
	line-height:28px;
	text-decoration:none;
}
.sideblock a:hover{
	color:#6a041d;
}
.sideblockbig{
	font-family: 'Roboto Slab', serif;
	border:1px solid #0b3c5d;
	width:302px;
	margin-bottom:20px;
}
.sideblock-bigtop{
	background-color:#0b3c5d;
	color:#FFFFFF;
	font-size:19px;
	line-height:36px;
	text-align:center;
	text-transform: uppercase;
}
.sideblock-bigtop a, .sideblock-bigtop a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
.sideblock-bigtop a:hover{
	color:#d9b310;
}
.sideblock-bigheader{
	color:#0b3c5d;
	font-size:16px;
	line-height:19px;
	text-align:center;
	text-transform: uppercase;
	font-weight: 700;
	margin-top:8px;
}
.sideblockbig p{
	color:#0b3c5d;
	font-size:13px;
	line-height:16px;
	text-align:center;
	font-style: normal;
	font-weight: 300;
	margin-top:6px;
	padding:0 16px 0 16px;
}
.sideblock-footer{
	color:#328cc1;
	font-size:14px;
	line-height:16px;
	text-align:center;
	font-weight: 700;
	margin-top:8px;
	border-top: 2px solid #328cc1;
	width:80%;
	margin-left:10%;
	padding:6px;
}
.sideblock-footer a, .sideblock-footer a:visited{
	color:#328cc1;
	text-decoration:none;
}
.sideblock-footer a:hover{
	color:#d9b310;
}
.wrapper {
	display: -ms-grid;
	display: grid;
    grid-gap: 1px;
	grid-template-columns: [col] auto [col] 350px;
	grid-template-rows: [row] 78px [row] auto [row] 160px;
	-ms-grid-columns: 23% 1% 23% 1% 23% 1% 28%;
    -ms-grid-rows: 78px 1px 80% 1px 160px;
	background-color: #fff;
	color: #444;
}

.box {
	color: #fff;
	border-radius: 5px;
	padding: 20px;
	font-size: 150%;
}

.a {
	-ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
	grid-column: col / span 2;
	grid-row: row 1;
}
.b {
	-ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
	grid-column: col 1;
	grid-row: row 2 / span 1;
	padding:6px;
	margin-left:35px;
	padding-right:30px;
}
_:-ms-fullscreen,
:root .b {
  padding-right:90px;
}
.c {
	-ms-grid-row: 3;
    -ms-grid-column: 6;
    -ms-grid-column-span: 2;
	grid-column: col 2;
	grid-row: row 2;
	padding:6px;
	margin-right:70px;
}
_:-ms-fullscreen,
:root .c {
  margin-right:35px;
}
.c-short{
	display:none;
}
.c-short .perc-list-element{
	pointer-events: none;
	cursor: default;
}
.c-short .fa{
	float:right;
	color:WHITE;
	margin-right:0px;
	font-size:24px;
	margin-top:-2px;
}
.c-short .perc-breadcrumb{
	margin-left:0;
	float:right;
	margin-right:6px;
	margin-top:-4px;
}
.c-short .perc-list-element a, .c-short .perc-list-element a:visited{
	color:WHITE;
	font-size:18px;
}
.c-short a, .c-short a:visited{
	color:#FFFFFF;
}
.c-short a:hover{
	color:#d9b310;
}
.d {
	-ms-grid-row:5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
	grid-column: col / span 2;
	grid-row: row 3;
}
.sidebar-box{
	display: grid;
	display: -ms-grid;
    grid-gap: 1px;
	grid-template-columns: [col] auto;
	grid-template-rows: [row] auto [row] auto;
	-ms-grid-columns: 100%;
	-ms-grid-rows: 50% 50%;
	color: #444;
}
_:-ms-fullscreen,
:root .sidebar-box {
  float:right;
}
.sidebar-a{
	grid-column: col 1;
	grid-row: row 1;
	-ms-grid-row: 1;
    -ms-grid-column: 1;
	color: #444;
	min-height:200px;
}
.sidebar-b{
	grid-column: col 1;
	grid-row: row 2;
	-ms-grid-row: 3;
    -ms-grid-column: 1;
	color: #444;
	min-height:400px;
	margin-left:-1px;
}
.sf-menu li a, .sf-menu li a li a, .sf-menu li a li a li a{
	background:#E6E9EE;
	outline: #6a041d solid 1px;
}
.sf-menu a, .sf-menu a:visited {
    color: #6a041d;
}
.sf-menu li a:hover, .sf-menu li a li a:hover, .sf-menu li a li a li a:hover{
	background:#FFFFFF;
	outline: #328CC1 solid 1px;
}
.sf-menu a:hover {
    color: #328CC1;
}
.perc-breadcrumb-main, .perc-breadcrumb-main a, .perc-breadcrumb-main a:visited{
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
	line-height:26px;
	text-decoration:none;
	color:#6A041D;
	text-transform: capitalize;
}

.perc-breadcrumb-main a:hover{
	color:#2ba6cb !important;
}
.perc-breadcrumb{
	margin-left: 0;
	margin-bottom:30px;
}
#temp-region-30 .perc-list-element{
	display:grid !important;
	line-height:4px;
}
.perc-list-last{
	font-size: 34px;
	line-height:30px !important;
	margin-top: -30px !important;
}

@-moz-document url-prefix(){
	#temp-region-30 .perc-list-last{
		margin-top:auto !important;
	}
}


.PageTitle, .pagetitle{
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	line-height:32px;
	font-weight:normal;
	text-decoration:none;
	color:#6A041D;
	text-transform: capitalize;
}
.SectionHead, .sectionhead{
	font-family: 'Roboto Slab', serif;
	font-size: 22px;
	line-height:24px;
	font-weight:normal;
	text-decoration:none;
	color:#328CC1;
	text-transform: capitalize;
}
.headline{
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height:20px;
	font-weight:bold;
	text-decoration:none;
	color:#0B3C5D;
}
.headlinewhite{
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height:20px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
.headlinered{
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height:20px;
	font-weight:bold;
	text-decoration:none;
	color:#6A041D;
}
.tdhead{
	background-color:#0b3c5d;
	color:#FFFFFF;
	text-transform: none;
}
.tdhead2{
	background-color:#328cc1;
	color:#FFFFFF;
	text-transform: none;
}
.tableoutline{
	margin:0 0 12px 0;
	padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #0B3C5D;
	border:1px solid #0B3C5D;
	background-color:#FFFFFF;

	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;

	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;

	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;

	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.tableoutline a, .tableoutline a:visited {
   	color:#0B3C5D;
}
.tableoutline a:hover{
   	color:#6A041D;
}
.stripedtable tr:nth-child(even){
 background-color:#e5e8ed;
}
.bodytext{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height:17px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	text-transform: none;
}
.smallestitalic{
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	line-height:12px;
	font-weight:lighter;
	text-decoration:none;
	color:#000000;
	text-transform: none;
	font-style: italic;
}

#pagecontentwrapper #pagecontent{
	margin-left:90px;
	max-width:980px;
	padding-right: 30px !important;
}
.b #pagecontentwrapper #pagecontent{
	margin-left:0;
}
#pagecontent ul, #pagecontent ol{
	margin-left:16px;
}
#pagecontent table {
	border: solid 1px #000000 !important;
}
.b{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height:17px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	padding-left:90px;
	text-transform: none;
}
.c hr{
	display:none;
}
@media screen and (max-width: 750px){
	.perc-iframe{
		display:none !important;
	}
}

@media screen and (max-width: 996px){
	.DefaultBreadcrumb .perc-breadcrumb{
		padding-left:20px;
	}
	#pagecontentwrapper #pagecontent{
		margin-left:20px;
	}
	.b #pagecontentwrapper #pagecontent{
		margin-left:0;
	}
	.wrapper {
		display: grid;
    	grid-gap: 1px;
		grid-template-columns: [col] auto;
		grid-template-rows: [row] 78px [row] 30px [row] auto [row] auto [row] 160px;
		-ms-grid-columns: 100%;
		-ms-grid-rows: 78px 30px 50% 1px 700px 18%;
		background-color: #fff;
		color: #444;
	}
	.a{
		grid-column: col 1;
		grid-row: row 1;
		-ms-grid-row: 1;
    	-ms-grid-column: 1;
	}
	.b {
		grid-column: col 1;
		grid-row: row 3;
		-ms-grid-row: 3;
    	-ms-grid-column: 1;
		margin-left:0;
		padding:20px;
	}
	.c-short{
		grid-column: col 1;
		grid-row: row 2;
		-ms-grid-row: 2;
    	-ms-grid-column: 1;
		display:block;
		background-color:#1D2731;
		color:#FFFFFF;
		text-align:right;
		padding-right:24px;
		padding-top:4px;
	}
	.c-short a, .c-short a:visited, .c-short a:active{
		text-decoration:none;
	}
	.c-short a:hover{
		color:#D9B310;
	}
	.c {
		grid-column: col 1;
		grid-row: row 4;
		padding:10px;
		-ms-grid-row: 5;
    	-ms-grid-column: 1;
	}
	.d {
		grid-column: col 1;
		grid-row: row 5;
		-ms-grid-row: 6;
    	-ms-grid-column: 1;
	}
	.sidebar-box{
		display: grid;
		display: -ms-grid;
    	grid-gap: 1px;
		grid-template-columns: [col] auto [col] 200px;
		grid-template-rows: [row] auto;
		-ms-grid-columns: 185px 1fr 2fr 200px;
		-ms-grid-rows: 100%;
		color: #444;
		width:108%;
		border-top: 2px solid #e5e8ed;
		padding-top:8px;
	}
	.sidebar-a{
		grid-column: col 2;
		grid-row: row 1;
		-ms-grid-row: 1;
    	-ms-grid-column: 4;

		color: #444;

	}
	.sidebar-b{
		grid-column: col 1;
		grid-row: row 1;
		-ms-grid-row: 1;
    	-ms-grid-column: 1;
		-ms-grid-column-span:3;

		color: #444;
		padding:10px;
	}
	_:-ms-fullscreen,
	:root .sidebar-b {
  		margin-left:70px;
	}
	.sf-menu, .sf-menu li, .sf-menu li li, .sf-menu li li li{
		width:190px;
	}
	.sf-menu ul{
		box-shadow:none;
		min-width:0;
	}
	.perc-breadcrumb{
		margin-left:0;
	}
	.perc-breadcrumb-main, .perc-breadcrumb-main a, .perc-breadcrumb-main a:visited{
		font-size: 22px;
		line-height:24px;
	}
}

@media screen and (max-width: 601px){
	.c{
		margin-right:0px;
	}
	.c-short .perc-list-element a{
		font-size:14px;
	}
	.MainMenu{
		display:none;
	}
	.MobileMenu{
		display:inline;
	}
	.sidebar-box{
		display: grid;
		display: -ms-grid;
    	grid-gap: 1px;
		grid-template-columns: [col] auto;
		grid-template-rows: [row] auto [row] auto;
		-ms-grid-columns: auto;
		-ms-grid-rows: 50% 10px 50%;
		color: #444;
		width:100%;
	}
	_:-ms-fullscreen,
	:root .sidebar-box{
  		width:102%;
		float:none;
		clear: both;
	}
	.sidebar-a{
		grid-column: col 1;
		grid-row: row 2;
		-ms-grid-row: 3;
    	-ms-grid-column: 1;
		color: #444;
		padding:30px;
		background-color:#edf0f6;
	}
	.sidebar-b{
		grid-column: col 1;
		grid-row: row 1;
		-ms-grid-row: 1;
    	-ms-grid-column: 1;
		color: #444;
		padding:10px;
		margin:auto;
		min-height:190px;
	}
	_:-ms-fullscreen,
	:root .sidebar-b {
  		margin-left:0;
	}
	.sideblock{
		height:90px;
		width:100%;
		padding:2px;
	}
	.sideblock a{
		font-size:50%;
		line-height:12px;
	}
	.sideblock img{
		width:80px;
		margin-left:10px;
		margin-right:10px;
	}
	.sideblock .StateParkSideLogo{
		float:left;
		width:48px;
	}
	.sideblockB{
		width:30%;
		float:left;
		height:60px;
	}
	.sideblockC{
		float:right;
		width:60%;
		margin-left:20px;
		height:60px;
	}
	.sideblock-parks img{
		width:46px;
		float:left;
	}
	.sideblock-parks .header-social-icons{
		float:right;
		margin-right:10px;
	}
	#ocd-image-mobile{
		width:250px;
	}
}
/* LTG Top Banner  */

.LTGmessageFrame{
	width:100%;
	text-align:center;
	background-color:#FFFFFF; /* #1d2731 */
}
.LTGmessage{
	max-width:1012px;
	margin: 0;
	/* outline: #e5e8ed solid 1px; */
	padding:5px;
	text-align:left;
	display:inline-block;
	background-color:#FFFFFF;
}
.LOGOpic{
	float:left;
	margin-right:6px;
}
.LTGpic{
	float:right;
	margin-left:6px;
}

/* Social media horizontal bar and icons  */

.header-social-icons a {
  text-decoration: none;
  color: #fff;
  font-size:26px;
}

.header-social-icons p > a:hover {
  color: #d9d9d9;
  text-decoration: underline;

}

.header-social-icons ul {
  padding: 0;
  list-style: none;
}

.header-social-icons {
	text-align:center;
	background-color:#e5e8ed;
	height:46.5px;
	margin-bottom:14px;
	display: inline-block;
	width: 100%;
}

.social-icon {
  color: #fff;
  padding:0 5px 0 5px;
}

ul.social-icons {
  /* margin-top: 10px; */
}

.social-icons li {
  vertical-align: top;
  display: inline-block;
}

.social-icons a {
  color: #000;
  text-decoration: none;
}
.social-icons .fa-facebook {
  padding: 10px 14px 11px 14px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}

.social-icons  .fa-facebook:hover {
  background-color: #3d5b99;
  color: WHITE;
}

.social-icons  .fa-twitter {
  padding: 10px 14px 11px 14px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}

.social-icons .fa-twitter:hover {
  background-color: #00aced;
  color: WHITE;
}
.social-icons .fa-instagram {
  padding: 10px 14px 11px 14px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}
.social-icons .fa-instagram:hover {
  background: #f09433;
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  color: WHITE;
}

.social-icons .fa-youtube {
  padding: 10px 14px 11px 14px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}

.social-icons .fa-youtube:hover {
  background-color: #FF0000;
  color: WHITE;
}

.social-icons .fa-linkedin {
  padding: 10px 14px 11px 14px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}

.social-icons .fa-linkedin:hover {
  background-color: #283E4A;
  color: #0077B5;
}

.social-icons .fa-envelope {
  padding: 10px 14px 11px 14px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}

.social-icons .fa-envelope:hover {
background: rgb(197,222,234); /* Old browsers */
background: -moz-linear-gradient(top, rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */
color: WHITE;
}

.social-icons .fa-phone-square {
  padding: 10px 14px 11px 14px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}

.social-icons .fa-phone-square:hover {

background: rgba(147,206,222,1);
background: -moz-linear-gradient(-45deg, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 62%, rgba(73,165,191,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(147,206,222,1)), color-stop(62%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1)));
background: -webkit-linear-gradient(-45deg, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 62%, rgba(73,165,191,1) 100%);
background: -o-linear-gradient(-45deg, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 62%, rgba(73,165,191,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 62%, rgba(73,165,191,1) 100%);
background: linear-gradient(135deg, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 62%, rgba(73,165,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=1 );

color: WHITE;
}

/* Homepage Section Seperator Bar and Info */
.Seperator-Text {
    color: #FFFFFF;
    text-align: center;
    font-family: 'Roboto Slab', serif;
    font-size: 30px !important;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    line-height: 36px;
}

.Seperator {
    display: flex;
    width: 100%;
    height: 38px;
    background-color: #328cc1;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: 20px;
}
.Seperator-Text a, .Seperator-Text a:visited, .Seperator-Text a:link, .Seperator-Text a:active{
	color:#FFFFFF;
	text-decoration:none;
}
.Seperator-Text a:hover{
	color:#d9b310;
}

/* Homepage Announcement Block */

.AnnouncementContainer .btn-info{
	background-color:#6a041d;
	border-color:#1d2731;
	height:26px;
	line-height:2px;
	margin-top:-6px;
}
.AnnouncementContainer .btn-info:hover, .AnnouncementContainer .btn-info:focus{
	background-color:#AD0630;
}
.AnnouncementContainer{
	text-align:center;
}
.AnnouncementContainer .AnnouncementBlock{
	width:75%;
	margin:auto;
}
.hide-bullets {
list-style:none;
margin-left: -40px;
margin-top:20px;
}

.AnnouncementContainer .btn-success{
	background-color:#6a041d;
	border-color:#1d2731;
	height:26px;
	margin-top:-6px;
	line-height:1;
}

/* Division Homepage Calendar Block (different from DCRT Homepage Calendar) */
.CalendarFeedMain{
	width:100%;
	position:relative;

}
.CalendarFeed{
	margin: auto;
	width:100%;
	max-width:935px;

}

.Calendar-iFrame iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;

}
.Calendar-iFrame {
  		position: relative;
  		height: 0;
  		overflow-x: hidden;
    	overflow-y: auto;
	}
@media screen and (min-width: 1280px){
	.Calendar-iFrame {
  		padding-bottom: 25.25%;
	}
}
@media screen and (min-width: 950px) and (max-width: 1279px){
	.Calendar-iFrame {
  		padding-bottom: 29.25%;
	}
}
@media screen and (min-width:749px) and (max-width: 949px){
	.Calendar-iFrame {
  		padding-bottom: 38.25%;
	}
}


@media screen and  (max-width: 768px) {
  	.Seperator-Text{
		font-size: 4vw !important;
	}
}

/* Responsive Table Replacement */
.TableReplacer, .tablereplacer{
	display: -ms-grid;
	display: grid;
    	grid-gap: 1px;
	grid-template-columns: [col] auto [col] auto;
	grid-template-rows: [row] 50% [row] 50%;
	-ms-grid-columns: 49% 1% 50%;
    -ms-grid-rows: 49% 1% 50%;
	background-color: #fff;
	color: #444;
}
.TableReplacer ul{
	margin-left:30px;
	line-height: 1.1;
	display:relative;
}
.topleft{
	-ms-grid-row: 1;
    -ms-grid-column: 1;
	grid-column: col 1;
	grid-row: row 1;
}
.topright{
	-ms-grid-row: 1;
   	-ms-grid-column: 3;
	grid-column: col 2;
	grid-row: row 1;
}
.bottomleft{
	-ms-grid-row: 2;
   	-ms-grid-column: 1;
	grid-column: col 1;
	grid-row: row 2;
}
.bottomright{
	-ms-grid-row: 2;
   	-ms-grid-column: 3;
	grid-column: col 2;
	grid-row: row 2;
}
@media screen and (max-width: 996px){
	.TableReplacer, .tablereplacer{
		display: -ms-grid;
		display: grid;
    	grid-gap: 1px;
		grid-template-columns: [col] auto;
		grid-template-rows: [row] 25% [row] 25% [row] 25% [row] 25%
		-ms-grid-columns: 100%;
    	-ms-grid-rows: 24% 1% 24% 1% 24% 1% 25%;
		background-color: #fff;
		color: #444;
	}
	.topleft{
		-ms-grid-row: 1;
    	-ms-grid-column: 1;
		grid-column: col 1;
		grid-row: row 1;
		text-align:left !important;
	}
	.bottomleft{
		-ms-grid-row: 3;
   		-ms-grid-column: 1;
		grid-column: col 1;
		grid-row: row 2;
		text-align:left !important;
	}
	.topright{
		-ms-grid-row: 5;
   		-ms-grid-column: 1;
		grid-column: col 1;
		grid-row: row 2;
		text-align:left !important;
	}
	.bottomright{
		-ms-grid-row: 7;
   		-ms-grid-column: 1;
		grid-column: col 2;
		grid-row: row 2;
		text-align:left !important;
	}
}
.ResponsiveBoxContainer{
	width: 100%;
	height:100%;
	margin: auto;
}
.ResponsiveBox{
	width:220px;
	height:220px;
	float: left;
	margin:6px 12px 6px 0;
	border: 1px solid #0B3C5D;
	text-align:center;
	/* background-color:#edf0f6; */
	position:relative;
}
.link-spanner{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 1;
	padding:6px;
}
#responsive-btn, .responsive-btn {
    white-space: normal;
    max-width: 300px;
}
@media screen and  (max-width: 768px) {
  #responsive-btn, .btn-responsive {
    padding:2px 4px;
    font-size:80%;
    line-height: 1;
    border-radius:3px;
  }
}
@media screen and  (min-width: 769px) and (max-width: 992px) {
  .btn-responsive {
    padding:4px 9px;
    font-size:90%;
    line-height: 1.2;
  }
}
/* REMOVED 10/20/2020 */
/*
@media screen and  (min-width: 1480px) {
	#perc-resp-container{
		max-width: 1480px !important;
		border-left: 10px solid black;
		border-right: 10px solid black;
	}
}
*/