/* CSS Document */
img,
embed,
object,
video {
  max-width: 100%;
  }

strong, b {
  font-weight: 700;
  }

i {
  font-style: italic;
  }

body {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400;
  background: #fff;
  margin: 0;
  padding: 0;
  font-size: 16px; /* 16px / 16px */
  line-height: 1.75em; /* 24px / 16px */
  color: #000;
  letter-spacing: .03em;
  }

h1 {
  font-size: 30px; /* 22px / 16px */
  line-height: 1.2em;
  color: #e47100;
  margin: 30px 0 15px 0; /* 15px / 22px */
  font-weight: 600;
  text-transform: uppercase;
  }

h2 {
  font-size: 24px; /* 18px / 16px */
  line-height: 1.3em; /* 24px / 18px */
  color: #e47100;
  margin: .5555555555555556em 0; /* 10px / 18px */
  font-weight: 600;
  text-transform: uppercase;
  }

h3 {
  font-size: 18px; /* 18px / 16px */
  line-height: 1.333333333333333em; /* 24px / 18px */
  margin: .5555555555555556em 0; /* 10px / 18px */
  font-weight: 700;
  }





p {
  margin: 0 0 15px 0; /* 10px / 16px */
  line-height: 1.75em;
  }
.Paragraph {
  margin: 0 0 .625em 0; /* 10px / 16px */
  }

ul.BBul {
  margin: 0 0 15px 0; /* 10px / 16px */
  line-height: 1.75em;
  }
ul.BBul li {
  color: #1e3882;
  margin: 0 0 .3125em 10px; /* 5px / 16px */
  list-style-type: disc;
  }
ul.BBul li span {
  color: #000;
  }

.CrossSpace {
  height: 50px;
  background: #fff url(../images/bgCrossSpace.png) repeat-x;
  font-size: 34px;
  line-height: 50px;
  color: #e47100;
  font-weight: 600;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  }

.CrossDark {
  height: 50px;
  background: #fff url(../images/bgCrossDark.png) repeat-x;
  font-size: 34px;
  line-height: 50px;
  color: #fff;
  font-weight: 600;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  }

.clr { 
  clear: both;
  }

.Red {
  color: #c60d13;
  }


a {
  color: #1e3882;
  text-decoration: underline;
  }
a:hover {
  color: #e47100;
  text-decoration: none;
  }

.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  }


.NoWrap {
  white-space: nowrap;
  }


/**********************************************/
/* Nav Styles                                */
/**********************************************/



#MainNav {
  clear: both;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding: 10px 0 0 0;
  }
#MainNav ul#menu {
  text-align: center;
  }
#MainNav li {
  display: inline-block;
  margin: 0 0 0 30px; /* 30px / 12px */
  letter-spacing: .048em;
  }
#MainNav li:nth-child(1) {
  margin: 0;
  }
#MainNav li a {
  display: block;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 0 10px 0;
  letter-spacing: .1em;
  }
#MainNav li a:hover {
  color: #d8cb80;
  }

@media screen and (max-width: 1190px) {
#MainNav li {
  margin: 0 0 0 12px;
  }
#MainNav li a {
  text-transform: none;
  letter-spacing: 0;
  }
}
@media screen and (max-width: 990px) {
#MainNav {
  font-size: 12px;
  }
}
@media screen and (max-width: 875px) {
#MainNav li {
  margin: 0 0 0 5px;
  }
}




.slicknav_menu {
  display:none;
  }

@media screen and (max-width: 815px) {
  .js #menu {
  display:none;
  }

  .js .slicknav_menu {
  display:block;
  }
#MainNav {
  display:none;
  }
}

.slicknav_btn {
  background: #dad9d7;
	background: rgba(218,217,214,.5);
  }
.slicknav_menu .slicknav_icon-bar {
    background-color: #236093;
	width: 1.5em;
	height: 0.25em;
}
.slicknav_menu {
  background: none;
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
height:0px;
    overflow:visible;
  padding: 0;
  z-index: 90;
  }
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 0;
}
.slicknav_nav li {
  background: #000;
	margin: 0;
}
.slicknav_nav li.SubLink {
	margin: 0 0 0 20px;
}
.slicknav_nav a{
  font-size: 1em; /* 16px / 16px */
  padding: 5px 10px;
  margin: 0;
  text-decoration:none;
  text-transform: uppercase;
  color:#fff;
  }
.slicknav_nav a:hover{
    background: #e47100;
    color: #fff;
}
.slicknav_nav {
  position: relative;
  background: #333;
  top: 0;
}
.slicknav_nav .slicknav_row {
  margin: 1px 0 0 0;
  }
.slicknav_nav .slicknav_row:hover {
  background: #e47100;
  }




/* Targeting the second level menu */
#menu li a { letter-spacing: 0; }
#menu li ul { background: #000; display: none; margin: 0; padding: 0; width: 230px; position: absolute; z-index: 100;}
#menu li ul li { width: 100%; text-align: left; margin: 0; padding: 0; box-sizing: border-box; border-right: 1px solid #333; border-bottom: 1px solid #333; }
#menu li ul li a { background: none; border: none; color: #fff; font-size: 14px; margin: 0; padding: 10px; text-transform: none; }
#menu li ul li a:hover { background: #e47100; border-bottom: 0; color: #fff;}

/* A class of current will be added via jQuery */
#menu li.current > a { background: none; }

/* CSS fallback */
#menu li:hover > ul.child { display: block; }

#menu li:nth-child(6) { position: relative; }
#menu li:nth-child(6) ul { width: 150px; left: -10px; }
@media screen and (max-width: 875px) {
#menu li:nth-child(6) ul { width: 150px; left: -50px; }
}


/**********************************************/
/* Layout Divs                                */
/**********************************************/



.Enclose {
  width: 90%;
  max-width: 1100px;
  position: relative;
  margin: 0 auto;
  }

#HeadEnclose {
  width: 90%;
  max-width: 1100px;
  position: relative;
  margin: 0 auto;
  }
@media screen and (max-width: 800px) {
#HeadEnclose {
  width: 100%;
  }
}

#MainHead {
  position: relative;
  background: #3c3d3f url(../images/HeaderImages-Home.jpg) no-repeat top right;
  margin: 0 0 10px 0;
  }

#Logo {
  float: left;
  clear: right;
  width: 40.90909090909091%; /* 450px / 1100px */
  margin: 0 1% 20px 0;
  }
#Logo img {
  display: block;
  margin: 0 auto;
  border: 0;
  }

#TopNav {
  float: right;
  padding: 10px 5px;
  }
#TopNav li {
  display: inline-block;
  }
#TopNav li a {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  font-weight: 700;
  padding: 0 10px;
  text-decoration: none;
  text-transform: uppercase;
  }
#TopNav li a:hover {
  color: #d8cb80;
  }



.TitleBar {
  background: #646769;
  line-height: 26px;
  padding: 0;
  margin: 0;
  }
.TBcontent {
  position: relative;
  margin: 0;
	}
.TBtitles {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 90%;
  max-width: 1100px;
  }
.TitleBar h1 {
  font-size: 54px;
  line-height: 58px;
  color: #fff;
  margin: 0 0 5px 0;
  font-weight: 700;
  letter-spacing: 0;
  text-shadow: 2px 2px 3px #000000, -2px -2px 3px #000000;
  }
.TitleBar h2 {
  font-size: 30px;
  line-height: 34px;
  color: #cfcfcf;
  margin: 0;
  text-shadow: 2px 2px 3px #000000, -2px -2px 3px #000000;
  }
.TitleBar img {
  display: block;
  margin: 0 auto;
  border: 0;
  }


.ThreeQuarter {
  float: left;
  width: 63.63636363636364%; /* 700px / 1100px */
  margin: 20px 0;
  }

.OneQuarter {
  float: right;
  width: 31.81818181818182%; /* 350px / 1100px */
  margin: 20px 0;
  }
.OneQuarter img {
  display: block;
  margin: 0 auto;
  border: 0;
  }

.HatchBar {
  background: #fff url(../images/bgCrossSpace.png);
  margin: 0;
  padding: 15px 10px;
  border: 5px solid #d8ca7f;
  }
.HatchBar h3 {
  background: #999b9c;
  font-size: 18px;
  color: #fff;
  margin: 0 0 10px 0;
  padding: 5px 10px;
  text-transform: uppercase;
  }
.HatchBar p {
  letter-spacing: 0;
  }
.HatchBar a {
  display: block;
  position: relative;
  width: 200px;
  background: #e47100;
  font-size: 24px;
  line-height: 1.5em;
  color: #fff;
  font-weight: 700;
  margin: 10px auto;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: 5px solid #e7e8e8;
  outline: 1px solid #000;
  }
.HatchBar a:hover {
  background: #000;
  }

.OTspan img {
  display: block;
  margin: 0;
  border-top: 10px solid #e47100;
  }


.HalfL {
  float: left;
  width: 48%;
  margin: 0 0 20px 0;
  }

.HalfR {
  position: relative;
  float: right;
  width: 48%;
  margin: 0 0 20px 0;
  }
.HalfR img {
  display: block;
  margin: 0 auto;
  border: 0;
  }

.Quarter3 {
  float: right;
  width: 68.18181818181818%; /* 750px / 1100px */
  margin: 0 0 20px 0;
  }

.Quarter1 {
  float: left;
  width: 27.27272727272727%; /* 300px / 1100px */
  margin: 0 0 20px 0;
  }
.Quarter1 img {
  display: block;
  margin: 0 auto;
  border: 0;
  }

.BottomJoin {
  background: #e7e8e8;
  padding: 1px 0;
  }
.BottomJoin p {
  font-size: 20px;
  line-height: 1.5em;
  margin: 30px 0;
  }
.BottomJoin a {
  display: block;
  position: relative;
  width: 200px;
  background: #e47100;
  font-size: 24px;
  line-height: 1.5em;
  color: #fff;
  font-weight: 700;
  margin: 30px auto;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: 5px solid #e7e8e8;
  outline: 1px solid #000;
  }
.BottomJoin a:hover {
  background: #000;
  }


#MainFoot {
  background: #646769;
  color: #fff;
  padding: 20px 0;
  margin: 0;
  }

#MainFoot a {
  color: #fff;
  display: block;
  text-decoration: none;
  }
#MainFoot a:hover {
  color: #d8cb80;
  }


.FTinfo {
  float: left;
  width: 36.36363636363636%; /* 400px / 1100px */
  margin: 0 0 30px 0;
  }
.FTinfo img {
  display: block;
  margin: 0 auto;
  border: 0;
  }
.FTinfo p {
  margin: 20px 0 0 0;
  }
#MainFoot .FTinfo a {
  display: inline;
  }


.FtLinks {
  float: right;
  width: 50%; /* 440px / 1100px */
  margin: 30px 0;
  }

.FtQuick {
  float: left;
  width: 50%; /* 440px / 1100px */
  margin: 0 0 30px 0;
  }
.FtQuick h2 {
  color: #d8cb80;
  padding: 0 0 5px 0;
  display: inline-block;
  border-bottom: 3px solid #d8cb80;
  }

.FtSocial {
  float: right;
  width: 50%; /* 440px / 1100px */
  margin: 0 0 30px 0;
  text-align: right;
  }
.FtSocial li {
  display: inline-block;
  margin: 0 20px 0 0;
  }
.FtSocial li a {
  display: block;
  margin: 0;
  }
.FtSocial h5 {
  font-size: 16px;
  line-height: 20px;
  color: #ccc;
  font-weight: 600;
  margin: 20px 0;
  text-align: center;
  }

.SD-logo {
  width: 50%;
  margin: 0 auto;
  }
.SD-logo img {
  display: block;
  border: 0;
  }
.SD-logo img:hover {
  opacity: .7;
  }


@media screen and (max-width: 1175px) {
#HeadTitle h1 {
  font-size: 28px; /* 28px / 16px */
  }
}
@media screen and (max-width: 1050px) {
#HeadTitle h1 {
  font-size: 24px; /* 24px / 16px */
  }
}
@media screen and (max-width: 970px) {
.FtSocial li {
  display: block;
  margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 900px) {
#HeadTitle h1 {
  font-size: 20px; /* 20px / 16px */
  }
.ThreeQuarter {
  float: none;
  width: 100%;
  }
.OneQuarter {
  float: none;
  width: 100%;
  }
.HatchBar h3 {
  text-align: center;
  }
}
@media screen and (max-width: 840px) {
.TBtitles  {
  margin-top: 10px;
  }
}
@media screen and (max-width: 775px) {
#HeadTitle h1 {
  font-size: 16px; /* 16px / 16px */
  }
}
@media screen and (max-width: 800px) {
#TopNav {
  float: none;
  text-align: center;
  }
#Logo {
  float: none;
  display: block;
  width: 70%;
  margin: 0 auto;
  padding: 0 0 10px 0;
  }
#HeadTitle {
  float: none;
  width: 100%;
  }
#HeadTitle h1 {
  float: none;
  display: block;
  text-align: center;
  background: #fff;
  color: #1e3882;
  padding: 10px 5px;
  }
.FTinfo {
  float: none;
  width: 100%;
	}
.FtLinks {
  float: none;
  width: 100%;
	}
#MainNav {
  background: none;
  }
}
@media screen and (max-width: 600px) {
.TitleBar h1 {
  font-size: 26px;
  line-height: 30px;
  }
.TitleBar h2 {
  font-size: 20px;
  line-height: 24px;
  }
.TBcontent {
  margin: 0;
	}
.HalfL {
  float: none;
  width: 100%;
  }
.HalfR {
  float: none;
  width: 100%;
  }
.Quarter3 {
  float: none;
  width: 100%;
  }
.Quarter1 {
  float: none;
  width: 100%;
  }
}
@media screen and (max-width: 400px) {
.FtLinks li {
	float: none;
	width: 99%;
	}
#TopNav {
  text-align: left;
  }
}


/**********************************************/
/* Counter Styles                             */
/**********************************************/

#Visitors {
  clear: both;
  width: 230px;
  margin: 20px auto;
  line-height: 18px;
  }
#Visitors p {
  display: inline;
  font-size: 13px;
  line-height: 22px;
  margin: 0 0 0 0;
  }

.Counter {
  display: inline;
  background: url(../images/VisitorsBack.png) no-repeat;
  text-align: right;
  width: 120px;
  height: 24px;
  margin: 0 0 0 5px;
  padding: 0 0 0 4px;
  font-size: 13px;
  line-height: 24px;
  font-weight: bold;
  color: #000000;
  letter-spacing: 8px;
}

/**********************************************/
/* Pop up Styles                              */
/**********************************************/

#enclosePop {
  background: #ffffff;
  margin: 0 0 0 0;
  }

#headerPop {
  margin: 0;
  }
#headerPop img.Logo{
  display: block;
  margin: 0 auto;
  border: 0;
  }
#headerPop h1 {
  background: #fff url(../images/bgCrossSpace.png) repeat-x;
  font-size: 28px;
  line-height: 50px !important;
  margin: 10px 0 !important;
  text-align: center;
  }

#ContentPop {
  margin: 10px 10px 0 50px;
  }
p.clwin {
  font-size: 12px;
  color: #000000;
  line-height: 17px;
  margin: 10px 10px 15px 0;
  text-align: right;
  }

#footerPop {
  clear: both;
  font-size: 12px;
  margin: 0 0 0 0;
  padding: 10px 0 10px 0;
  text-align: center;
  background: #dad9d7;
  }

.RegisterLinkP a {
  float: right;
  background: #e47100;
  font-size: 16px;
  line-height: 1.5em;
  color: #fff;
  font-weight: 700;
  margin: 10px 0 10px 10px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: 5px solid #e7e8e8;
  outline: 1px solid #000;
  }
.RegisterLinkP a:hover {
  background: #000;
  }

/**********************************************/
/* SWDL Classes                               */
/**********************************************/

p.error {
  color: #ff0000;
}

.Login { 
  margin: 0px;
  padding: 0px;
  }
.Login input { 
  margin: 0px 0px 0px 10px;
  padding: 0px;
  }
.Login input.Button { 
  margin: 0px 0px 0px 75px;
  padding: 5px 10px;
  }
.Login label { 
  display: block;
  float: left;
  width: 60px;
  margin: 4px 0px 0px 0px;
  padding: 0px;
  }
.Recover { 
  margin: 0px;
  padding: 0px;
  }
.Recover input { 
  margin: 0px 0px 0px 10px;
  padding: 0px;
  }
.Recover input.Button { 
  margin: 0px 0px 0px 75px;
  padding: 5px 10px;
  }
.Recover label { 
  display: block;
  float: left;
  width: 60px;
  margin: 4px 0px 0px 0px;
  padding: 0px;
  }

.AddEditView {
  margin: 20px 0 0 0;
  padding: 0;
  }
.AddEditView label {
  float: left;
  text-align: right;
  width: 120px;
  margin: 0px 5px 0px 0px; 
  padding: 0px;
  color: #000000;
  }
.AddEditView input {
  color: #000000;
  }
.AddEditView input.Button {
  margin: 0px 0px 0px 10px;
  padding: 5px 10px;
  }
.AddEditView input.boxes { 
  margin: 10px 5px 0px 0px; 
  padding: 0px;
  float: left;
  display: inline;
  } 
.AddEditView label.boxes { 
  margin: 3px 10px 0px 0px; 
  padding: 0px;
  width: 200px;
  float: left;
  line-height: 30px;
  text-align: right;
  }
.UserAddEditView {
  margin: 20px 0 0 0;
  padding: 0;
  }
.UserAddEditView label {
  float: left;
  font-size: 16px;
  text-align: right;
  width: 180px;
  margin: 0 5px 0 0; 
  padding: 0;
  color: #000000;
  }
.UserAddEditView input, select {
  font-size: 16px;
  color: #000000;
  }
.UserAddEditView input.Button {
  margin: 0px 0px 0px 10px; 
  padding: 0px;
  }
.UserAddEditView input.boxes { 
  margin: 10px 5px 0px 0px; 
  padding: 0px;
  float: left;
  display: inline;
  } 
.UserAddEditView label.boxes { 
  margin: 3px 10px 0px 0px; 
  padding: 0px;
  width: 200px;
  float: left;
  line-height: 30px;
  text-align: right;
  }  

.ButtonPane {
  clear: both;
  margin: 10px 10px 10px 120px; 
  padding: 10px 0px 0px 0px; 
  }
.ButtonPane input.Button {
  margin: 0px 0px 0px 10px;
  padding: 5px 10px;
  }


/**********************************************/
/* Privacy Policy Styles                      */
/**********************************************/

.Privacy {
  margin: 50px 0;
  }
.Privacy ul {
  margin: 0 0 30px 10px;
  }
.Privacy ol {
  margin: 0 0 30px 10px;
  }
.Privacy ul li {
  font-weight: 700;
  color: #1e3882;
  list-style-type: disc;
  margin: 0 0 7px 15px;
  padding: 0 0 0 3px;
  }
.Privacy ol li {
  font-weight: 700;
  color: #1e3882;
  list-style-type: decimal;
  margin: 0 0 7px 15px;
  padding: 0 0 0 3px;
  }
.Privacy li span {
  font-weight: 300;
  color: #000;
  }


/**********************************************/
/* Travel Form Styles                         */
/**********************************************/

h1.TravelTitle {
  font-size: 22px;
  font-weight: 700;
  }

p.TravelTop {
  font-size: 16px;
  }

.AddTravel {
  font-size: 14px;
  margin: 20px 0;
  }
.AddTravel label {
  float: left;
  clear: left;
  width: 300px;
  margin: 0 10px 10px 0;
  text-align: right;
  }
.AddTravel label.labelAckTrue {
  width: 665px;
  }
.AddTravel label.labelAckRead {
  width: 665px;
  }
.AddTravel label.labelCovid19 {
  text-align: left;
  width: 100%;
  max-width: 760px;
  }
.AddTravel .ButtonPane {
  margin: 10px 10px 10px 310px; 
  }
.AddTravel .ButtonPane input {
  padding: 5px 10px;
  }
.AddTravel textarea {
  max-width: 100%;
  }

a.Xlink {
  display: block;
  }
.TravelList {
  margin: 30px 0 0 0;
  }
.TravelList table {
  font-size: 14px;
  }
.TravelList th {
  color: #cfcc22;
  font-weight: 700;
  text-align: left;
  padding: 0 30px 10px 0;
  }
.TravelList td {
  padding: 0 30px 5px 0;
  }

.TFnotice {
  float: left;
  width: 30%;
  background: #e47100;
  color: #fff;
  margin: 0 0 30px 0;
  padding: 10px 0;
  border: 5px solid #fff;
  outline: 1px solid #000;
  }
.TFnotice h2 {
  font-size: 30px;
  color: #fff;
  margin: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  }
.TFnotice p {
  font-size: 19px;
  color: #fff;
  margin: 1.5em 20px;
  text-align: center;
  }
.TFnotice h3 {
  font-size: 22px;
  color: #fff;
  margin: 10px 20px;
  text-align: center;
  }

.SubNote {
  float: right;
  width: 65%;
  background: #fff url(../images/bgCrossSpaceLT.png);
  margin: 0 0 30px 0;
  padding: 10px 0;
  border: 5px solid #d8ca7f;
  box-sizing: border-box;
  }
.SubNote h2 {
  font-size: 26px;
  color: #1e3882;
  margin: 10px 20px;
  }
.SubNote h3 {
  font-size: 20px;
  margin: 10px 20px 0 20px;
  text-align: left;
  }
.SubNote p {
  font-size: 15px;
  margin: 0 20px 10px 20px;
  text-align: left;
  }
.SubNote ul {
  font-size: 15px;
  margin: 0 0 10px 0;
  padding: 0 20px;
  list-style-type: disc;
  }
.SubNote ul {
  margin: 0 0 5px 20px;
  }
.SubNote a {
  }

/**********************************************/
/* Online Class Styles                        */
/**********************************************/

.nowrap {
  white-space: nowrap;
  }

h1.Style1 {
  font-size: 42px;
  font-weight: 400;
  margin: 0 0 10px 0;
  text-shadow: 3px 3px 3px #999;
  }
h1.Style1 span {
  display: inline-block;
  background: #194f90;
  color: #fff;
  padding: 0 10px;
  border-radius: 4px;
  }

h2.Style2 {
  font-size: 30px;
  color: #8c8c8c;
  font-weight: 400;
  margin: 0 0 20px 0;
  }
h2.Style2 span.FirstStage {
  color: #595959;
  white-space: nowrap;
  }
h2.Style2 span.SecondStage {
  color: #252525;
  white-space: nowrap;
  }

.TopClasses {
  float: left;
  width: 70%;
  margin: 0 0 30px 0;
  }

.OnlineBar {
  float: right;
  width: 25%;
  background: #ddd;
  margin: 0 0 30px 0;
  border-radius: 5px;
  overflow: hidden;
  }
.OnlineBar h2 {
  background: #c60d13;
  font-size: 14px;
  line-height: 1.3em;
  color: #fff;
  margin: 0 0 10px 0;
  padding: 5px;
  text-align: center;
  }
.OnlineBar p {
  margin: 10px;
  text-align: center;
  }
.OnlineBar a {
  display: block;
  background: #c60d13;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  margin: 20px;
  padding: 10px 5px;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  }
.OnlineBar a:hover {
  background: #1e3882;
  }

.CarpClasses {
  float: left;
  width: 45%;
  background: #efefef;
  margin: 0 0 30px 0;
  padding: 0 0 5px 0;
  border-radius: 5px;
  overflow: hidden;
  }
.CarpClasses h3 {
  background: #1e3882;
  color: #fff;
  margin: 0 0 20px 0;
  padding: 10px;
  text-align: center;
  }
.CarpClasses h4 {
  margin: 10px 20px;
  color: #1e3882;
  font-weight: 700;
  }
.CarpClasses p {
  margin: 10px 20px;
  }
.CarpClasses ul {
  margin: 10px 20px;
  list-style-type: disc;
  }
.CarpClasses li {
  margin: 0 0 5px 20px;
  }
.CarpClasses hr {
  border: 0;
  height: 1px;
  background: #ccc;
  margin: 20px;
  }

 a.Sign {
  display: block;
  width: 75%;
  background: #c60d13;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  margin: 20px auto;
  padding: 10px 5px;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  }
a.Sign:hover {
  background: #1e3882;
  }

.MillClasses {
  float: right;
  width: 45%;
  background: #efefef;
  margin: 0 0 30px 0;
  padding: 0 0 5px 0;
  border-radius: 5px;
  overflow: hidden;
  }
.MillClasses h3 {
  background: #1e3882;
  color: #fff;
  margin: 0 0 20px 0;
  padding: 10px;
  text-align: center;
  }
.MillClasses h4 {
  margin: 10px 20px;
  color: #1e3882;
  font-weight: 700;
  }
.MillClasses p {
  margin: 10px 20px;
  }
.MillClasses ul {
  margin: 10px 20px;
  list-style-type: disc;
  }
.MillClasses li {
  margin: 0 0 5px 20px;
  }
.MillClasses hr {
  border: 0;
  height: 1px;
  background: #ccc;
  margin: 20px;
  }

#Alert {
  background: #1e3882;
  text-align: center;
  padding: 15px 20px;
  }
#Alert a {
  display: inline-block;
  font-size: 30px;
  line-height: 1.3em;
  color: #fff;
  padding: 15px;
  text-decoration: none;
  transition: all 0.5s ease;
  border-radius: 50px;
  text-shadow: 2px 2px 1px #ccc;
  }
#Alert a:hover {
  background: #fff;
  color: #1e3882;
  text-shadow: 2px 2px 1px #999;
  }

#Alert a .OCsecond {
  display: block;
  font-size: 40px;
  line-height: 46px;
  margin: 10px 0 0 0;
  text-decoration: underline;
  }
#Alert a:hover .OCsecond {
  color: #c60d13;
  text-decoration: underline;
  }

.ApprenTY {
  margin: 0 0 200px 0;
  }


@media screen and (max-width: 860px) {
.TFnotice {
  width: 40%;
  }
.SubNote {
  width: 55%;
  }
}
@media screen and (max-width: 785px) {
.AddTravel label.labelAckTrue {
  width: 95%;
  }
.AddTravel label.labelAckRead {
  width: 95%;
  }
#Alert a {
  font-size: 24px;
  }
.UserAddEditView label {
  float: none;
  display: block;
  text-align: left;
  width: 100%;
  }
.ButtonPane {
  margin: 10px 10px 30px 10px;
  }
}
@media screen and (max-width: 745px) {
.AddTravel label {
  float: none;
  display: block;
  max-width: 100%;
  margin: 0 0 5px 0;
  text-align: left;
  }
.AddTravel .ButtonPane {
  margin: 10px;
  }
}
@media screen and (max-width: 650px) {
.TFnotice {
  float: none;
  width: 100%;
  }
.SubNote {
  float: none;
  width: 100%;
  }
.TopClasses {
  float: none;
  width: 100%;
  }
.OnlineBar {
  float: none;
  width: 100%;
  }
.CarpClasses {
  float: none;
  width: 100%;
  }
.MillClasses {
  float: none;
  width: 100%;
  }
h2.Style2 {
  font-size: 20px;
  }
}
@media screen and (max-width: 500px) {
 a.Sign {
  width: 90%;
  }
#Alert a {
  font-size: 20px;
  }
#Alert a .OCsecond {
  font-size: 30px;
  line-height: 36px;
  }
.CrossSpace {
  font-size: 20px;
  }
}
@media screen and (max-width: 350px) {
.CrossSpace {
  font-size: 16px;
  }
}