/* 
    Document   : Train
    Created on : Mar 2, 2016, 3:16:29 PM
    Author     : Hawkeye
    Description:
        Purpose of the stylesheet follows.
*/



ul#menu li a#IndustryLink {
  color: #e5c915;
  }


ul.Gbul {
  margin: 0 0 30px 0;
  }
.Gbul li {
  font-weight: 700;
  color: #158f98;
  list-style-type: disc;
  margin: 0 0 0 15px;
  }
.Gbul li span {
  font-weight: 300;
  color: #000;
  }

ul.LinkList {
  margin: 20px 0 0 10px;
  font-weight: 400;
  }
ul.LinkList li {
  margin: 0 0 5px 0;
  }

p.InGroup {
  margin-top: 15px;
  }


.Tcontent {
  float: left;
  width: 60%; /* 540px / 900px */
  margin: 0 0 20px 0;
  }

.TrainCen {
  clear: both;
  }

.TCtext {
  float: left;
  }

.TCmap {
  float: right;
  }

.TCgroup1 {
  width: 92.59259259259259%; /* 500px / 540px */
  background: #ecf5f5;
  margin: 0 0 20px 0;
  }
.TCgroup1 h3 {
  color: #ecf5f5;
  background: #158f98;
  margin: 0;
  padding: 5px 0 5px 5px;
  }
.TCgroup1 .TCtext {
  margin: 0 0 0 5px;
  }
.TCgroup2 {
  width: 92.59259259259259%; /* 500px / 540px */
  background: #ecf5f5;
  margin: 0 0 20px 0;
  }
.TCgroup2 h3 {
  color: #ecf5f5;
  background: #158f98;
  margin: 0;
  padding: 5px 0 5px 5px;
  }
.TCgroup2 .TCtext {
  margin: 0 0 0 5px;
  }

.Tsidebar {
  float: right;
  width: 35.55555555555556%; /* 320px / 900px */
  margin: 0 0 20px 0;
  }
.Tsidebar img {
  display: block;
  margin: 0 auto 20px auto;
  border: 0;
  }

.ClassList {
  font-size: 20px;
  line-height: 1em;
  color: #f58220;
  font-weight: 400;
  }
.ClassList li {
  margin: 0 0 .5em 0;
  }
.LongList li {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 7px;
  }

a.ApplyButton {
  display: block;
  background: #f58220;
  font-size: 22px;
  font-weight: 700;
  border-radius: 20px;
  line-height: 21px;
  padding: 10px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  margin: 0 0 10px 0;
  }
a.ApplyButton span {
  display: block;
  padding: 10px;
  border: 5px solid #fff;
  border-radius: 15px;
  }
a.ApplyButton:hover {
  background: #158f98;
  }

.TCtext p {
  line-height: 21px;
  }

#TrainingList {
  clear: both;
  }

#ScafBan {
  background: #f5f7f9;
  margin: 0 auto;
  padding: 0 0 1px 0;
  }
#ScafBan h1 {
  color: #105878;
  margin: 5px 20px;
  }
#ScafBan p {
  margin: 0 20px 10px 20px;
  }
#ScafBan a {
  display: block;
  width: 120px;
  background: #158f98;
  color: #fff;
  font-weight: 400;
  border-radius: 25px;
  margin: 0 auto 20px auto;
  padding: 5px 20px;
  text-decoration: none;
  }
#ScafBan a i {
	color: #dadedd;
	margin-left: 10px;
	}
#ScafBan a:hover {
	background: #105878;
	}

table#Schedule th {
  border-bottom: 1px solid #000000;
  text-align: left;
  padding: 0 5px 2px 0;
  }
td.Date {
  margin: 0 10px 0 0;
  padding: 0 15px 10px 0;
  vertical-align: top;
  color: #000000;
  }
td.Course {
  margin: 0 10px 0 0;
  padding: 0 15px 10px 0;
  vertical-align: top;
  color: #003366;
  }
td.Place {
  margin: 0 10px 0 0;
  padding: 0 15px 10px 0;
  vertical-align: top;
  color: #333;
  }
td.Time {
  padding: 0 15px 10px 0;
  vertical-align: top;
  color: #000000;
  }
td.Local {
  margin: 0 0 0 0;
  padding: 0 15px 0 0;
  vertical-align: top;
  color: #f58220;
  }
td.Register {
  padding: 0 15px 10px 0;
  vertical-align: top;
  color: #000000;
  }
td.Canceled {
  padding: 0 15px 10px 0;
  vertical-align: top;
  color: #ff0000;
  }
td.Full {
  margin: 0 10px 0 0;
  padding: 0 10px 10px 0;
  vertical-align: top;
  color: #000000;
  }

table.Schedule td {
  padding: 0 25px 0 0;
  }

.TriArea {
  background: #105878;
  margin: 0;
  }
.TriCol {
  float: left;
  width: 33.333333333333333%;
  max-height: 300px;
  overflow: hidden;
  }
.TriCol h1 {
  font-size: 22px;
  line-height: 26px;
  color: #fff;
  margin: 20px 20px 20px 20px;
  }
.TriCol ul {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  margin: 20px 0 20px 15px;
  }
.TriCol li {
  margin: 0 0 5px 20px;
  list-style-type: disc;
  }
.TriCol li a {
  color: #fff;
  }
.TriCol img {
  display: block;
  margin: 0;
  border: 0;
  }

.Feature {
  float: left;
  width: 25%; /* 240px / 960px */
  max-width: 240px;
  background: #fff;
  }
.Feature img {
  display: block;
  margin: 0;
  border: 0;
  }
.Feature p {
  font-size: 16px;
  line-height: 18px;
  color: #000;
  text-align: center;
  margin: 15px 15px;
  }

.TB-gb {
  background: #0b418c;
  border-radius: 20px;
  color: #fff;
  padding: 10px;
  }
.TB-gb div {
  display: block;
  border-radius: 15px;
  padding: 10px;
  border: 5px solid #fff;
  }
.TB-gb h2 {
  font-size: 24px;
  color: #ecf5f5;
  text-align: center;
  margin: 10px 0;
  }
.TB-gb ul {
  margin: 10px 0;
  }
.TB-gb a {
  color: #fff;
  }

p.XbotMar {
  margin: 0 0 30px 0;
  }

#SubNarrow {
  float: left;
  width: 60%; /* 540px / 900px */
  }

.ContactMan {
  background: #dcf3f2;
  margin: 20px 0;
  padding: 1px 0;
  border-radius: 10px;
  }
.ContactMan img {
  display: block;
  margin: 10px auto 10px auto;
  }
.ContactMan h1 {
  margin: 10px;
  text-align: center;
  }
.ContactMan h2 {
  margin: 0 10px 0 10px;
  text-align: center;
  }
.ContactMan h2 span {
  font-size: 20px;
  color: #000;
  font-weight: 300;
  }
.ContactMan p {
  margin: 0 10px 10px 10px;
  text-align: center;
  }

.ApptOnly {
  clear: both;
  border-top: 1px dotted #f58220;
  margin: 20px 0 0 0;
  padding: 10px 0 0 0;
  }

.TCnotes {
  clear: both;
  border-top: 1px dotted #ccc;
  }

.NotesDots {
  float: left;
  width: 35px;
  }

.NotesText {
  float: left;
  width: 85%;
  }
@media screen and (max-width: 400px) {
.NotesText {
  width: 80%;
  }
}

/**********************************************/
/* Members Texting Styles                     */
/**********************************************/

#BannerSurround {
  width: 100%;
  float: right;
  max-width: 500px;
  margin: 0 20% 0 0;
  }

#Bannerhead {
  margin: 0;
  background: #fff url(../images/Training-01T.jpg) no-repeat;
  min-height: 275px;
  position: relative;
  }
#MainPhoto #Bannerhead h1 {
	position: static;
  font-family: arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
	color: #750000;
	letter-spacing: 0;
	text-shadow: none;
  margin: 0 0 10px 0;
  padding: 35px 0 5px 0;
  }
#Bannerhead .TcolLeft {
  float: left;
  width: 220px;
  margin: 0 0 0 0;
  }
#Bannerhead .TcolRight {
  float: left;
  width: 260px;
  margin: 0 0 0 8px;
  }
#Bannerhead p {
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 10px 0;
  letter-spacing: 0;
  }
#Bannerhead p.Pone {
  font-size: 14px;
  margin: 0 10px 10px 0;
  }
#Bannerhead p.Pthree {
  font-size: 14px;
  line-height: 20px;
	color: #158f98;
  margin: 0 10px 22px 0;
  }
#Bannerhead p.Pfour {
  font-size: 11px;
  line-height: 15px;
  margin: 0 20px 10px 0;
  }
b.Gfirst {
  font-size: 14px;
  color: #158f98;
  }
a.MSignUp {
  display: block;
  position: relative;
  background: #ecf5f5;
  font-size: 24px;
  line-height: 1.1em;
  color: #000;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  padding: 1px 0;
  transition: all 0.5s ease-out;
  }
a.MSignUp:hover {
  background: #105878;
  color: #fff;
  }
a.MSignUp span {
  display: block;
  margin: 10px;
  }


#CallOutBB {
  background: #105878;
  margin: 20px 0 0 0;
  padding: 25px 0;
  }
#CallOutBB div {
  margin: 0 0 0 10%;
  float: left;
  width: 50%;
  }
#CallOutBB p {
  margin: 10px 0;
  color: #fff;
  font-weight: 400;
  }
#CallOutBB a {
  float: left;
  background: #ff4053;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  margin: 10px 10% 0 5%;
  padding: 10px 30px;
  border-radius: 10px;
  }
#CallOutBB a:hover {
  background: #105878;
  }


@media screen and (max-width: 1460px) {
#BannerSurround {
  margin: 0 10% 0 0;
  }
}
@media screen and (max-width: 1300px) {
#BannerSurround {
  margin: 0 5% 0 0;
  }
.TriCol h1 {
  font-size: 20px;
  line-height: 24px;
  margin: 20px 20px 0 20px;
  }
.TriCol ul {
  font-size: 16px;
  line-height: 20px;
  margin: 10px 0 10px 15px;
  }
.TriCol li {
  margin: 0 0 0 20px;
  }
}
@media screen and (max-width: 1225px) {
#Bannerhead {
  background-position: -200px;
  }
}
@media screen and (max-width: 1015px) {
#BannerSurround {
  margin: 0 20px 0 0;
  }
}
@media screen and (max-width: 960px) {
.TriCol h1 {
  font-size: 18px;
  line-height: 20px;
  margin: 10px 20px 0 15px;
  }
.TriCol ul {
  line-height: 18px;
  margin: 0 0 5px 10px;
  }
.TCmap {
  float: none;
  margin: 10px auto;
  }
.TCmap iframe {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  }
#Bannerhead {
  background: #fff;
  }
#BannerSurround {
  float: none;
  margin: 20px 0 0 20px;
  }
}
@media screen and (max-width: 795px) {
.TriCol h1 {
  font-size: 16px;
  line-height: 18px;
  }
.TriCol ul {
  font-size: 14px;
  line-height: 16px;
  }
}
@media screen and (max-width: 730px) {
#CallOutBB div {
  margin: 0 10%;
  float: none;
  width: 80%;
  }
#CallOutBB a {
  float: none;
  display: block;
  margin: 10px 10%;
  }
}
@media screen and (max-width: 725px) {
.TriArea {
  background: #fff;
  }
.TriCol {
  float: none;
  background: #105878;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  }
.TriCol h1 {
  font-size: 18px;
  line-height: 20px;
  margin: 0 20px 5px 15px;
  padding: 10px 0 0 0;
  }
.TriCol ul {
  font-size: 16px;
  line-height: 18px;
  margin: 20px 0 0 10px;
  padding: 0 0 5px 0;
  }
}
@media screen and (max-width: 565px) {
#BannerSurround {
  margin: 0;
  padding: 0 0 1px 0;
  }
#MainPhoto #Bannerhead h1 {
  margin: 0 5%;
  }
#Bannerhead .TcolLeft {
  float: none;
  width: 90%;
  margin: 0 5%;
  }
#Bannerhead .TcolRight {
  float: none;
  width: 90%;
  margin: 0 5%;
  }
}
@media screen and (max-width: 560px) {
table#Schedule {
  font-size: 12px;
  }
}
@media screen and (max-width: 505px) {
#SubNarrow {
  float: none;
  width: 100%;
  }
.Tcontent {
  float: none;
  width: 100%;
  }
.Tsidebar {
  float: none;
  width: 100%;
  }
}
@media screen and (max-width: 480px) {
.Feature {
  width: 50%;
  max-width: 240px;
  }
}
@media screen and (max-width: 445px) {
table#Schedule th {
  display: none;
  }
table#Schedule td {
  display: block;
  font-size: 17px;
  padding: 0;
  }
table#Schedule td.Register {
  padding: 0 0 30px 0;
  }
table#Schedule td.Date {
  font-weight: 700;
  }
}
@media screen and (max-width: 360px) {
.Feature {
  float: none;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 1px 0;
  }
}
@media screen and (max-width: 320px) {
.TCtext p {
  font-size: 15px;
  }
}