/* 
    Document   : About
    Created on : Feb 26, 2016, 2:30:13 PM
    Author     : Hawkeye
    Description:
        Purpose of the stylesheet follows.
*/



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

#CapBulArea {
  float: left;
  width: 70%;
  }

.CoreArea {
  clear: none;
  float: right;
  width: 20%;
  margin: 0 0 25px 0;
  }
ul.CapList li {
  float: none;
  width: 100%;
  margin: 0 0 15px 0;
  }

#HBarea {
  clear: none;
  margin:   25px 0;
  }
#HBarea h2 {
  margin: 0 0 5px 0;
  }

.HomeButton {
  margin: 0 1% 20px 1%;
  }
.HomeButton h1 {
  font-size: 23px;
  line-height: 1.2em;
  padding: 50px 0 0 0;
  }
.HomeButton p {
  font-size: 18px;
  line-height: 18px;
  margin: 0;
  padding: 0 0 5px 0;
  }
.HomeButton div {
  max-width: 320px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
  }


#JLintro {
  background: #ebf5f5;
  margin: 0 0 15px 0;
  padding: 5px 10px;
  }

.JLItext {
  float: left;
  width: 69.31818181818182%; /* 610px / 880px */
  }
.JLItext p.FirstP {
	font-size: 22px;
	line-height: 38px;
  margin-top: 20px;
  margin-left: 20px;
	}

.ThirdYears {
  margin: 30px 0 0 0;
  }

.ClassImage {
  float: left;
  margin: 0 20px 30px 0;
  }
.ClassImage img {
  display: block;
  margin: 0;
  border: 0;
  }

.JLIimage {
  float: right;
  width: 28.40909090909091%; /* 250px / 880px */
  }

#JLlist {
  margin: 0 0;
  padding: 0 0 0 0;
  }
.JLlist li {
  float: left;
  width: 230px;
  }

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;
  }

.Glong li {
  margin: 0 0 7px 15px;
  }

#CallOut {
  float: left;
  width: 100%; /* 430px / 430px */
  margin: 0 0 10px 0;
  padding: 15px 0 5px 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,d2e8e7+75,158f98+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #d2e8e7 75%, #158f98 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#d2e8e7 75%,#158f98 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#d2e8e7 75%,#158f98 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#158f98',GradientType=1 ); /* IE6-9 */
  }
#CallOut h2 {
  margin: 0 0 10px 5px;
  }
#CallOut ul {
  margin: 10px 0;
  list-style-type: disc;
  }
#CallOut li {
  margin: 0 0 0 20px;
  font-size: 16px;
  line-height: 20px;
  }
#CallOut div {
  padding: 0 0 0 10px;
  border-left: 1px solid #105878;
  border-right: 1px solid #105878;
  }


#CallOutRev {
  margin: 0 0 10px 0;
  padding: 15px 0 5px 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,d2e8e7+75,158f98+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #d2e8e7 75%, #158f98 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#d2e8e7 75%,#158f98 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#d2e8e7 75%,#158f98 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#158f98',GradientType=1 ); /* IE6-9 */
  }
#CallOutRev h2 {
  margin: 0 0 10px 5px;
  }
#CallOutRev ul {
  margin: 10px 0;
  list-style-type: disc;
  }
#CallOutRev li {
  margin: 0 0 10px 20px;
  font-size: 16px;
  line-height: 20px;
  }
#CallOutRev div {
  padding: 0 0 0 20px;
  }


#CallOut2 {
  float: right;
  width: 47.777777777777778%; /* 430px / 900px */
  margin: 0 0 10px 0;
  padding: 10px 0 10px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffca9b+75,f58220+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,202,155,1) 75%, rgba(245,130,32,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,202,155,1) 75%,rgba(245,130,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,202,155,1) 75%,rgba(245,130,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f58220',GradientType=1 ); /* IE6-9 */
  }
#CallOut2 div {
  padding: 0;
  }
#CallOut2 p {
  font-size: 20px;
  line-height: 26px;
  color: #105878;
  font-weight: 400;
  margin: 10px 40px;
  }


/* ********************************************* */
/* Video Series                                  */
/* ********************************************* */

.Vsect {
  background: #0f2a49 url(../images/bgVideoArea.jpg) repeat-y top center;
  clear: both;
  padding: 50px 0;
  margin: 0;
  }

.EdVid {
  float: right;
  width: 200px;
  margin: 0 0 0 10px;
  text-align: center;
  }
.EdVid p {
  line-height: 20px;
  margin: 0 0 0 0;
  }
.VidSeries {
  float: none;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  clear: both;
  }
.VidSeries h2 {
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
  }
.VidSeries ul {
  font-size: 20px;
  line-height: 24px;
  margin: 0 auto 20px auto;
  max-width: 825px;
  }
.VidSeries ul li {
  float: left;
  background: #0b418c;
  width: 225px;
  height: 225px;
  margin: 0 75px 35px 0;
  padding: 0;
  border-radius: 10px;
  position: relative;
  -webkit-box-shadow: 0 0 10px 5px #ffffff;
  box-shadow: 0 0 10px 5px #ffffff;
  }
.VidSeries ul li:nth-child(3n+3) {
  margin: 0 0 35px 0;
  }
.VidSeries ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  margin: 0;
  text-decoration: none;
  }
.VidSeries ul li a span {
  display: block;
  color: #fff;
  font-size: .9em;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  margin: 0;
  padding: 5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: rgba(0,0,0,.7);
  }
.VidSeries ul li a:hover {
  color: #f58220;
  }
.VidSeries ul li svg {
  position: absolute;
  top: 93px;
  left: 50%;
  margin: 0 0 0 -20px;
  color: rgba(255,255,255,.5);
  }
.VidSeries ul li a:hover svg {
  color: rgba(0,0,0,.5);
  }
.VidSeries ul li.ComCarp {
  background: #0b418c url(../images/bgVid-Ccarp.jpg) no-repeat;
  }
.VidSeries ul li.Pile {
  background: #0b418c url(../images/bgVid-Pile.jpg) no-repeat;
  }
.VidSeries ul li.IntSys {
  background: #0b418c url(../images/bgVid-Interior.jpg) no-repeat;
  }
.VidSeries ul li.Floor {
  background: #0b418c url(../images/bgVid-Floor.jpg) no-repeat;
  }
.VidSeries ul li.ResCarp {
  background: #0b418c url(../images/bgVid-Rcarp.jpg) no-repeat;
  }
.VidSeries ul li.Lather {
  background: #0b418c url(../images/bgVid-Lather.jpg) no-repeat;
  }
.VidSeries ul li.Millwork {
  background: #0b418c url(../images/bgVid-Millwork.jpg) no-repeat;
  }

.ui-widget {
  font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
}

.TabHolder {
  margin: 0 0 5px 0;
}
.TabHolder h4 {
  border-bottom: 0;
  }
.ui-tabs .ui-tabs-panel {
	padding: 1em 1.4em;
}
.ui-tabs-nav li a {
  font-size: 1em;
  font-weight: 700;
}
.JLphotos {
  float: left;
  width: 49%;
  margin: 0 1% 10px 0;
}
.JLphotos img {
  display: block;
  border: 0;
}


/**********************************************/
/* New Staff Styles                           */
/**********************************************/
#StaffMiddle {
  position: relative;
  z-index: 5;
  padding: 1px 0 0 0;
	margin: 0 auto;
  max-width: 1100px;
  }

.StaffMem {
  float: left;
  clear: none;
  width: 31.77570093457944%; /* 170px / 535px */
  margin: 0 1.49532710280374% 5px 0; /* 8px / 535px */
  }
.StaffMem img {
  float: none;
  }

.StaffAdmin {
  clear: both;
  padding: 5px 0 0 0;
  margin: 0;
  border-top: 1px dotted #999;
  text-align: center;
  }

.StaffPage p.Quote {
  font-size: 20px;
  line-height: 28px;
  color: #000;
  font-weight: 600;
  margin: 10px 0 5px 0;
  }

p.Author {
  font-style: italic;
  text-align: right;
  margin: 5px 0 20px 0;
  }

p.Below {
  font-size: 18px;
  line-height: 26px;
  }

.WPcolor {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#158f98+0,0b418c+100 */
background: #158f98; /* Old browsers */
background: -moz-linear-gradient(top,  #158f98 0%, #0b418c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #158f98 0%,#0b418c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #158f98 0%,#0b418c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#158f98', endColorstr='#0b418c',GradientType=0 ); /* IE6-9 */
  padding: 30px 0;
  margin: 0 0 50px 0;
  }
#StaffVis {
  margin: 0 0 20px 0;
  padding: 0 0 10px 10px;
  border-radius: 15px;
  }
#StaffVis h2 {
  text-align: center;
  color: #fff;
  letter-spacing: .2em;
  padding: 0 0 15px 0;
  }
#StaffVis h2.Dark {
  color: #000;
  }

.StaffPerson {
  float: left;
  width: 19%;
  margin: 0 1% 20px 0;
  }

.SPimage {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
  }
.SPimage img {
  display: block;
  border: 0;
  }

.SPname {
  background: #fff;
  padding: 10px 5px;
  margin: 0;
  min-height: 40px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  }
.SPname p {
  font-size: .9em;
  line-height: 1.1em;
  font-weight: 400;
  margin: 0 0 5px 0;
  text-align: center;
  }
.SPname p.Title {
  font-size: .8em;
  font-weight: 300;
  margin: 0;
  text-align: center;
  }

.ImageLeft {
	float: left;
	margin: 10px 5% 15px 0;
	display: table;
}
.ImageLeft img {
	display: block;
	margin: 0 auto;
	border: 0;
}
.ImageLeft p {
	display: table-caption;
	caption-side: bottom;
	font-size: 15px;
	font-style: italic;
	text-align: center;
	margin: 5px 0 0 0;
}
.ImageRight {
	float: right;
	margin: 10px 0 15px 5%;
	display: table;
}
.ImageRight img {
	display: block;
	margin: 0 auto;
	border: 0;
}
.ImageRight p {
	display: table-caption;
	caption-side: bottom;
	font-size: 15px;
	font-style: italic;
	text-align: center;
	margin: 5px 0 0 0;
}

.Wholepage {
  background: #e1f3f4;
  padding: 50px 15% 20px 15%;
  }
.Wholepage p {
  font-size: 18px;
  line-height: 1.3em;
  }

.Wholepage2 {
  background: #031b3c url(images/bgStaffWhole.jpg) no-repeat;
  color: #fff;
  padding: 50px 15% 20px 15%;
  margin: 20px 0 0 0;
  }
.Wholepage2 h2 {
  font-size: 48px;
  line-height: 1.3em;
  color: #fff;
  margin: 0 0 20px 0;
  text-align: center;
  letter-spacing: .1em;
  }
.Wholepage2 p {
  font-size: 18px;
  line-height: 1.3em;
  }

.Wholepage2 img {
  margin: 0 0 15px 0;
  -webkit-box-shadow: 0 0 10px 2px #ffffff;
  box-shadow: 0 0 10px 2px #ffffff;
  }


.CDlink {
  float: right;
  width: 250px;
  height: 250px;
  background: url(../images/bgCDlink.jpg) no-repeat;
  font-size: 22px;
  line-height: 26px;
  color: #105878;
  font-weight: 700;
  margin: 0 0 10px 20px;
  text-align: center;
  text-decoration: none;
  }
.CDlink:hover {
  color: #f58220;
  background-position: 0 -250px;
  }
.CDlink span {
  display: block;
  margin: 110px 10px 0 10px;
  }

/* Highlight Styles                          */

.JLtext {
  float: left;
  width: 45%; /* 420px / 900px */
  }

#JSSideLight {
  float: right;
  background: #efefef url(../images/JLWordShield.png) no-repeat center 50%;
  width: 50%; /* 460px / 900px */
  margin: 0 0 20px 0;
  padding: 15px 0;
  border-radius: 10px;
  position: relative;
  }
#JSSideLight h2 {
  font-size: 22px;
  margin: 5px 10px 15px 10px;
  }
#JSSideLight ul {
  margin: 0 10px 10px 10px;
  }
#JSSideLight li {
  float: left;
  width: 32%;
  font-size: 15px;
  line-height: 1.5em;
  margin: 0;
  }

.JSleadLight {
  width: 480px;
  }
.JSleadLight h1 {
  margin-bottom: 20px;
  }

.AStitle {
  display: block;
  font-size: .8em;
  line-height: 1em;
  color: #555;
  }

.J212 {
  clear: both;
  width: 100%;
  background: #d2e8e7 url(../images/bg212Vid.jpg) center top;
  margin: 20px 0 0 0;
  padding: 20px 0;
  overflow: hidden;
  position: relative;
  }
.J212 img {
  display: block;
  margin: 20px auto;
  border: 0;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 5px 5px #ccc;
  box-shadow: 0 0 5px 5px #ccc;
  }

/**********************************************/
/* Bottom Quote Styles                        */
/**********************************************/

#BottomQuote {
  background: #d2e8e7;
  padding: 50px 20%;
  }
#BottomQuote p {
  font-size: 24px;
  line-height: 32px;
  color: #158f98;
  font-weight: 400;
  text-align: center;
  }

/**********************************************/
/* Trustee Styles                             */
/**********************************************/

.TrusteeArea {
  clear: both;
  padding: 20px 0;
  }
.TrusteeArea h2 {
  text-align: center;
  padding: 0 0 5px 0;
  border-bottom: 1px dotted #105878;
  }

.Trustee {
  float: left;
  width: 49%;
  text-align: center;
  margin: 0 1% 20px 0;
  box-sizing: border-box;
  }
.Trustee.Full {
  width: 65.5%;
  }
.Trustee.Just2 {
  width: 32.5%;
  }
.Trustee.Final {
  float: left;
  width: 17%;
  }
.Trustee img {
  display: block;
  margin: 0 auto;
  border: 0;
  border-radius: 5px;
  }
.Trustee p {
  font-size: .8em;
  line-height: 1em;
  color: #555;
  font-weight: 400;
  margin: 5px 0;
  min-height: 30px;
  }


/**********************************************/
/* Delegates Styles                           */
/**********************************************/

.ResourceContent {
  padding: 25px 0 50px 2%;
  box-sizing: border-box;
  }
.ResourceContent h2 {
  text-align: center;
  margin: 0 0 20px 0;
  }

.CDlocal {
  float: left;
  background: #ecf5f5;
  width: 18%;
  margin: 0 2% 15px 0;
  padding: 0 0 5px 0;
  min-height: 210px;
  box-sizing: border-box;
  }
.CDlocal h1 {
  background: #fff;
  color: #158f98;
  margin: 0 0 10px 0;
  padding: 5px;
  text-align: center;
  border-top: 1px solid #158f98;
  border-bottom: 1px solid #158f98;
  }
.CDlocal ul {
  margin: 0 10px 10px 10px;
  font-size: 15px;
  font-weight: 400;
  }


/**********************************************/
/* EST Message Styles                         */
/**********************************************/

#ESTphoto {
  position: relative;
  float: left;
  width: 27.5%; /* 450px / 1200px */
  margin: 0 0 30px 0;
  }

.MessageTop {
  float: right;
  width: 70%; /* 720px / 1200px */
  margin: 0 0 30px 0;
  }

.Emphasis {
  padding: 30px 0;
  }
.Emphasis p {
  font-size: 30px;
  line-height: 1.4em;
  color: #105878;
  text-align: center;
  }

#ParaSlide1 p.BoxedIn {
  font-size: 20px;
  line-height: 1.5em;
  background: rgba(255, 255, 255, .8);
  margin: 0 5% 0 50%;
  padding: 20px 10px;
  color: #000;
  font-weight: 700;
  text-transform: none;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  letter-spacing: 0;
  border-radius: 20px;
  box-sizing: border-box;
  }

.BottomText {
  float: left;
  width: 50%;
  }
.BottomText p {
  margin: 10px 0;
  }

.BottomPhoto {
  float: right;
  width: 45%;
  }
.BottomPhoto img {
  display: block;
  margin: 0 auto;
  border: 0;
  border-radius: 5px;
  }

/* ********************************************* */
/* New Staff Styles                              */
/* ********************************************* */

ul.TopStaff li {
  float: left;
  clear: none;
  width: 13.28571428571429%;
  margin: 0 1% 5px 0;
  box-sizing: border-box;
  }
ul.TopStaff li:nth-child(7n+7) {
  margin: 0 0 5px 0;
  }
ul.TopStaff li img {
  display: block;
  border: 0;
  }

.Eboard {
  background: url(../images/bgEboard.gif) repeat;
  padding: 30px 0;
  margin: 0 0 25px 0;
  }

.Eboard ul.Staff li {
  float: left;
  width: 18%;
  margin: 0 2% 20px 0;
  }

.Trustee ul {
  background: #ddd;
  padding: 20px 10px 5px 10px;
  border-radius: 5px;
  }
.Trustee h3.Header {
  background: #32b4e4;
  font-size: 15px;
  line-height: 21px;
  color: #fff;
  margin: 0 0 5px 0;
  padding: 5px 0;
  border-radius: 5px;
  text-transform: uppercase;
  }
.Trustee h3.Spaced {
  margin: 30px 0 5px 0;
  }
.Trustee ul li {
  float: left;
  width: 32.33333333333333%;
  margin: 0 1% 20px 0;
  }
.Trustee.Full ul li {
  width: 24.2%;
  }
.Trustee.Full ul li:last-child {
  margin: 0 0 20px 0;
  }
.Trustee.Just2 ul li {
  width: 49%;
  }
.Just2 ul li p span {
  display: block;
  height: 33px;
  }
Trustee.Final ul li {
  width: 99%;
  }



@media screen and (max-width: 1325px) {
#JSSideLight li {
  font-size: 14px;
  }
}
@media screen and (max-width: 1115px) {
#JSSideLight li {
  font-size: 13px;
  }
}
@media screen and (max-width: 1045px) {
#JSSideLight li {
  font-size: 12px;
  }
}
@media screen and (max-width: 1015px) {
.SPname p {
  font-size: .8em;
  margin: 0;
  }
}
@media screen and (max-width: 995px) {
.CDlocal {
  width: 48%;
  }
}
@media screen and (max-width: 970px) {
.LastHB {
  width: 300px;
  }
.LastHB div {
  width: 300px;
  }
.Trustee ul {
  padding: 20px 20px 5px 20px;
  }
ul.TopStaff li {
  width: 45%;
  margin: 0 2.5% 5px 2.5%;
  }
ul.TopStaff li:nth-child(7n+7) {
  margin: 0 2.5% 5px 2.5%;
  }
.StaffPerson {
  width: 32%;
  max-width: 250px;
  margin: 0 1% 20px 0;
  }
.Eboard ul.Staff li {
  width: 29.33333333333333%;
  margin: 0 2% 5px 2%;
  }
.Trustee {
  width: 99%;
  }
.Trustee.Full {
  width: 99%;
  }
.Trustee.Just2 {
  width: 99%;
  }
.Trustee.Final {
  float: right;
  width: 99%;
  }
.Trustee.Full ul li {
  width: 32.33333333333333%;
  }
.Trustee.Just2 ul li {
  width: 32.33333333333333%;
  }
.Trustee.Final ul li {
  width: 32.33333333333333%;
  }
}
@media screen and (max-width: 950px) {
.VidSeries ul {
  max-width: 500px;
  }
.VidSeries ul li {
  margin: 0 50px 35px 0;
  }
.VidSeries ul li:nth-child(3n+3) {
  margin: 0 50px 35px 0;
  }
.VidSeries ul li:nth-child(even) {
  margin: 0 0 35px 0;
  }
}
@media screen and (max-width: 870px) {
.HomeButton {
  float: none;
  width: 100%;
  max-width: 320px;
  margin:10px auto;
  }
#CapBulArea {
  float: none;
  width: 100%;
  }
.CoreArea {
  float: none;
  width: 100%;
  }
.VidSeries ul {
  display: block;
  }
}
@media screen and (max-width: 825px) {
.J212 img {
  max-width: 95%
  }
}
@media screen and (max-width: 750px) {
.LastHB {
  width: 230px;
  }
.LastHB div {
  width: 230px;
  }
.JLtext {
  float: none;
  width: 100%;
  }
#JSSideLight {
  float: none;
  width: 100%;
  }
#JSSideLight li {
  font-size: 15px;
  }
.J212 {
  float: none;
  width: 100%;
  }
}
@media screen and (max-width: 720px) {
#ESTphoto {
  float: none;
  width: 100%;
  margin: 0 0 20px 0;
  }
.MessageTop {
  float: none;
  width: 100%;
  }
.BottomText {
  float: none;
  width: 100%;
  }
.BottomPhoto {
  float: none;
  width: 100%;
  }
}
@media screen and (max-width: 700px) {
ul.TopStaff li {
  float: none;
  width: 80%;
  max-width: 475px;
  margin: 0 auto 10px auto;
  }
ul.TopStaff li:nth-child(6n+6) {
  margin: 0 auto 10px auto;
  }
ul.TopStaff li:nth-child(7n+7) {
  margin: 0 auto 10px auto;
  }
.Eboard ul.Staff li {
  float: none;
  width: 90%;
  max-width: 475px;
  margin: 0 auto 10px auto;
  }
.Trustee ul li {
  float: none;
  width: 80%;
  max-width: 475px;
  margin: 0 auto 10px auto;
  }
.Trustee.Full ul li {
  float: none;
  width: 80%;
  max-width: 475px;
  margin: 0 auto 10px auto;
  }
.Trustee.Full ul li:last-child {
  margin: 0 auto 10px auto;
  }
.Trustee.Just2 ul li {
  float: none;
  width: 80%;
  max-width: 475px;
  margin: 0 auto 10px auto;
  }
.Trustee.Final ul li {
  float: none;
  width: 80%;
  max-width: 475px;
  margin: 0 auto 10px auto;
  }
.SPimage {
  margin: 0 10%;
  }
#ParaSlide1 p.BoxedIn {
  margin: 0 10%;
  }
}
@media screen and (max-width: 600px) {
#CallOut {
  float: none;
  width: 100%;
  clear: both;
  }
#CallOutRev {
  margin: 0 0 10px 0;
  }
#CallOut2 {
  float: none;
  width: 100%;
  clear: both;
  }
.JLIimage {
  float: none;
  width: 100%;
  }
.JLIimage img {
  display: block;
  margin: 10px auto;
  }
.JLItext {
  float: none;
  width: 100%;
  }
#JSSideLight li {
  float: none;
  width: 100%;
  }
.VidSeries ul li {
  float: none;
  display: block;
  margin: 0 auto 35px auto;
  }
.VidSeries ul li:nth-child(even) {
  margin: 0 auto 35px auto;
  }
.VidSeries ul li:nth-child(3n+3) {
  margin: 0 auto 35px auto;
  }
}
@media screen and (max-width: 560px) {
.StaffPerson {
  width: 49%;
  }
}
@media screen and (max-width: 510px) {
.CDlocal {
  float: none;
  width: 90%;
  margin: 0 auto 15px auto;
  }
}
@media screen and (max-width: 505px) {
#MainPhoto {
  background: #000;
  }
}
@media screen and (max-width: 500px) {
.ClassImage {
  float: none;
  margin: 0 20px 30px 20px;
  }
.ClassImage img {
  margin: 0 auto;
  }
.EdVid {
  float: none;
  margin: 20px auto;
  }
.JLphotos {
  float: none;
  width: 100%;
  margin: 0 0 10px 0;
  }
.ImageLeft {
	float: none;
	margin: 10px auto 15px auto;
  }
.ImageRight {
	float: none;
	margin: 10px auto 15px auto;
  }
.StaffMem {
  float: none;
  width: 94%;
  margin: 0 5% 10px 0;
  }
}
@media screen and (max-width: 400px) {
.StaffPerson {
  float: none;
  width: 100%;
  margin: 0 auto 30px auto;
  max-width: 250px;
  }
.SPname {
  min-height: 10px;
  }
.CDlink {
  float: none;
  display: block;
  margin: 0 auto 10px auto;
  padding: 1px 0 0 0;
  }
#BottomQuote p {
  font-size: 20px;
  line-height: 26px;
  }
.Wholepage2 h2 {
  font-size: 32px;
  letter-spacing: 0;
  }
}
@media screen and (max-width: 320px) {
.ui-tabs-nav li a {
  font-size: .9em;
  font-weight: 400;
  }
}