body {
  margin:0; padding:0;
  background:#E7E1D5 url(../images-layout/background.jpg) center top repeat-y;
  font: 13px  'Trebuchet MS', 'Segoe UI', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
}

/*  ------------  Header layout and logos (WT, ATC, WTEP) ----------------- */

#header {background-color: #75190A; width: 950px; height:135px;}
.wt-background {background: #75190A url(../images-layout/wt-header-bg.gif) top left no-repeat;}
#wt-logo {width:330px;height:135px; float:left; cursor:pointer;}
#atc-logo {width:237px;height:135px; float:left; cursor:pointer; margin-left: 15px;}
#wt-logo a, #atc-logo a {text-decoration:none;}
#header-icons {margin: 4px 0 0 0;}
#wt-newsletter, #atc-icon, #calendar-icon {float:right; padding-left: 15px;}
#header .atc-header-text{float:left; width: 490px;}

/* modified path on current/old site */
#wtep-banner {background: url(../wtep-images/wtep-banner.jpg) no-repeat; width:950px;height:135px; float:left;}


/*  --------  HEADER - AddThis section and SEARCH form ---------------------- */
.header-top {
  float:left;
  width: 100%;
  margin-top:0; margin-right: 10px;
  font: 12px Arial, Helvetica, Verdana, sans-serif;
  color: #F2ECE3;
  padding: 0 0 8px 10px;
  background-color: #1E1E1E;
  border-color:#000 #990000 #990000;
  border-style:solid;
  border-width:1px;
}

.search-box{
  clear:both;
  float:left;
  width: 96%;
  font: 12px Arial, sans-serif;
  color: #333;
  margin-top: 0; margin-right: 10px;
  padding: 5px 10px 5px 5px;
  background: #F2ECE3;
}

#search {
  float:left;
  margin-left: 5px;
}

#search form input {
  border: 1px solid #BBB;
  background: #FFF;
  width:150px;
}

#search input {
  float: left;
  background: none;
  border: none;
  color: #444;
  font: 11px Arial, sans-serif;
  padding:0;
  margin: 0 4px 0 15px;
  width: 280px;
  height: 18px;

}

#search input.text {
padding: 2px 0 0 5px;
}

#search input.search-btn {
  float:left;
  margin-left: 4px;
  margin-top: 0;
  border: 1px solid #990000;
  width: 82px; height:20px;
}

/*  --------------------------Default LINK STYLES ------------------------ */
a:link, a:active{color:#751C13; }
a:visited{color:#751C13;}
a:hover, a:focus{color:#75190A; text-decoration:underline;}

/* -------------------  LAYOUT and TEMPLATE Styles ------------------------ */
.content {
  clear: both;
  width:100%;
  min-height: 350px;
  margin: 0;
  padding:0;
  background-color: #FFF;
  font: 13px  'Trebuchet MS', 'Segoe UI', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
}

.pad {padding: 0 10px 0 10px;}
.content-left {background-color: #FFF;}

/* ------  WT TEMPLATES ------------------------------- */

#home .content {background-color: #E3D9CA;}

#home .leftcolumn,
#wt-template2A .leftcolumn,
#wt-template2B .leftcolumn {
  padding: 5px 10px 0 10px;
  margin-bottom:10px;
  min-height: 400px;
  background:none;
}

#home .rightcolumn,
#wt-template2A .rightcolumn,
#wt-template2B .rightcolumn {
  padding: 5px 0 0 10px;
  margin-bottom:10px; margin-right:10px;
  background:none;
}

#wt-template1 .content {background-color: #FFF; padding-top: 10px; padding-bottom:15px; margin-right:15px;}
#wt-template1 .pad {padding: 0 15px;}

#wt-template2A .content-left,
#wt-template2A .content-right {
  float:left; background-color: #FFF;
}

#wt-template2B .content-left {float:left; background-color: #E9E3D7; margin-right: 5px;border-right: 1px solid #DAD1C0; }
#wt-template2B .content-right {float:left; background-color: #FFF;}

#wt-template2C .content {background-color:#FFF; padding-top: 10px; padding-bottom:20px; }
#wt-template2C .pad {margin-left: 10px; margin-right:0; padding-right:15px;}


/* ------   WTEP TEMPLATES --------------------------- */
#wtep-template1 .content {background-color:#FFF; padding-top: 10px; padding-bottom:5px; }
#wtep-template1 .pad {margin-left: 10px; margin-right:0; padding-right:15px;}
#wtep-template2 .content {background-color:#FFF; padding-top: 10px; padding-bottom:5px; }
#wtep-template2 .pad {margin-left: 10px; margin-right:0; padding-right:15px;}

/* -------- ATC HOME PAGE  --------------------------- */
#atc-home  .content {background:#FFF url(../images-layout/atc-home-content-bg.jpg) left top repeat-y; }

#atc-home-column1 {
 clear:both;
 float:left;
 width: 222px;
 min-height: 670px;
 margin: 0 0 0 10px;
 padding-bottom: 30px;
 font-size: 1em;
 background: transparent  url(../images-layout/paper-bg-222.jpg) top left no-repeat;
}

#atc-home-column1 #blog-section {padding: 0 10px 0 10px; }
#atc-home-column1 p {line-height: 1.4;}
#atc-home-column1 #top {float: left;width: 222px;}
#atc-home-column1 .follow-us{margin-top: 60px; color: #333;}
#atc-home-column1 .blog-item  {margin: 0; }

.blog-date {font-family: Verdana, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; font-weight: normal;}
.blog-title {font-family: Georgia, serif; font-size: 13px; padding-top: 4px; font-weight: normal;}
.blog-title a {color:#663300; text-decoration: none; }
.blog-title a:hover {color:#660000; text-decoration: none; border-bottom: 1px dotted #000; }

/* -------- OTHER ATC PAGE LAYOUTS  ----------------------------- */

/* NOTE: atc-template1 is a 1-column layout */
#atc-template1 .content {background-color: #FFF; padding-top: 10px; padding-bottom:15px; margin-right:15px;}
#atc-template1 .pad {padding: 0 15px;}

/* NOTE: atc-template2 is a 2-column layout and is used for most ATC pages including the class pages */
#atc-template2  .content {background:#FFF url(../images-layout/atc-template2-content-bg.jpg) left top repeat-y; }
#atc-template2  .content-left  {float:left; background-color: #FFF; }
#atc-template2  .content-right {float:left; background-color: #D9D0BF; font-size: 1em; min-height:400px; padding-bottom:50px; }
#atc-template2  .columnpad {padding:10px 0px 10px 15px; margin-right:5px; }
#atc-template2  .testimonials {padding:0 10px 0 10px; margin-right:0; }

/* NOTE:  atc-template3 is for 3 column layout */
#atc-template3  .content {background:#FFF url(../images-layout/atc-template3-content-bg.jpg) left top repeat-y; }

/* NOTE:  atc-column1, atc-column2, atc-column3 used for ATC 3-column layouts
(currently this includes the class registration page and atc-template3) ------------   */
#atc-column1 {
 clear:both;
 float:left;
 width: 202px;
 margin: 0 0 10px 10px;
 background-color: #E9E3D7;
 border: 1px solid #DAD1C0;
 border-top: 2px solid #262626;
 padding: 10px;
 font-size: 1em;
}

#atc-column2 {
 clear:both;
 float:left;
 padding: 0 0 0 10px;
 margin-right: 0;
}

#atc-column3 {
  clear:both;
  float:left;
  background-color: #D9D0BF;
  margin-right:0;
  padding: 0 10px 10px 10px;
  font-size: .90em;
  width: 210px;
  min-height: 700px;
}

/* ----------------------- MAIN NAVIGATION --------------------------------  */
.nav-container {
  clear:both;
  margin:0;
  border-top: 1px solid  #AAAAAA;
  width: 950px;
  /* Need for IE "underlap", to fix menu going behind the slider images) */
  position:relative; z-index: 5000;
}

#top-nav {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-variant: small-caps;
  font-weight: bold;
  background: #1E1E1E;
  color: #F0F0F0;
  padding: 2px 0 0 0;
  width: 100%;
  height: 32px;
}

/* -------------- ATC SUBNAV on Class pages  -------------------------- */
.atc-subnav{
font: bold 11px Arial, Verdana, sans-serif;
width: 646px; height:30px;
background-color:  #75190A;
color: #EDE8D6;
margin-bottom: 5px;
border: 1px solid #1E1E1E;
}

.atc-subnav ul{
padding: 8px 0 5px 0;
margin: 0;
text-align: center;
overflow: hidden;
}

.atc-subnav ul li{
display: inline;
}

.atc-subnav ul li a{
color: #EDE8D6;
padding: 6px 10px 6px 4px;
margin: 0;
text-decoration: none;
text-transform: uppercase;
}

.atc-subnav ul li a:hover{
color: #000;
background-color: #D9D0BF;
}


/*  --------------------------- General  Styles ------------------------ */
.left {float: left}
.right {float: right;}
.hide {display:none;}
.center {text-align: center;}

/* ----------------------------  TYPOGRAPHY -------------------------- */
/* Override blueprint style  */
blockquote {margin:.5em;color:#1E1E1E;font-style:italic;}

/* Override blueprint para style */
p {
  margin: 0 0 1.25em;
  font: 13px  'Trebuchet MS', 'Segoe UI', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
}
.small {
  font-size: 11px;
  font-family: Tahoma, Geneva, Helvetica, Verdana, Arial, ans-serif;
  line-height: 1.2;
  margin-bottom: 1em;
}

.smallprint {font: 11px Arial, sans-serif; }

.smallcaps {
  font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  font-size:10px;
  font-style:normal;
  font-weight:bold;
  letter-spacing:1px;
  margin-top:10x;
  text-transform:uppercase;
  line-height: 1.2;
}

.serifitalic {
  font-family:  Cambria, "Palatino", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  font-size: 1.1em;
  font-style: italic;
  font-weight: normal;
}

p.larger {font-size: 15px;}

.largebold {
  color:#222222;
  display:block;
  font: 16px "Century Gothic", "Trebuchet MS", Arial, sans-serif;
  font-weight: bold;
  line-height:1.2;
  padding-top:10px;
  padding-bottom:10px;
}

.testimonials blockquote {
  padding-bottom: 15px;
  font-family:Georgia,"Palatino Linotype", Constantia, Baskerville, serif;
  font-size:12px;
  font-style:italic;
  line-height:18px;
}

.testimonials blockquote cite {
  display:block;
  font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  font-size:10px;
  font-style:normal;
  font-weight:bold;
  letter-spacing:1px;
  margin-top:10x;
  text-transform:uppercase;
}

.quoteitalic {
  padding-bottom: 16px;
  font-family:Georgia,"Palatino Linotype", Constantia, Baskerville, serif;
  font-size:12px;
  font-style:italic;
  line-height:18px;
}


.pagetitle {
  float:left;
  font-family: Georgia,"Palatino Linotype", Constantia, Baskerville, serif;
  font-size: 18px;
  font-style: italic;
  font-weight: normal;
  margin-top: 5px; margin-bottom: 5px;
}

.subheading1 {
  font-family: 'Trebuchet MS', Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  font-size:16px;
  color: #333333;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 5px;
}

.subheading2 {
  font-family: 'Trebuchet MS', Tahoma, Verdana, Helvetica, sans-serif;
  font-size:14px;
  font-weight: normal;
  text-transform:uppercase;
  color: #751C13;
  margin-bottom: 5px;
}

#header .atc-header-text h1{
  margin-top: 20px;
  color: #EFEAE1;
  font-size: 18px;
  text-align:left;
  font-family: Cambria, Constantia, "Palatino Linotype", Palatino,"Book Antiqua", Georgia, serif;
  font-weight: bold;
}

h1 {
  font-family: "Times New Roman", Times, serif;
  font-size:1.6em;
  color: #751C13;
  font-weight:bold;
  margin-top: 5px; margin-bottom: 5px;
}

h2 {
  font-family: 'Trebuchet MS', Tahoma, Verdana, Helvetica, sans-serif;
  font-size:1.2em;
  font-weight: bold;
  text-transform:uppercase;
  color: #751C13;
  line-height:1.2;
}

h3 {
  font-family: "Book Antiqua", "Bookman Old Style", "Californian FB", "Calisto MT", Cambria;
  font-size:1.3em;
  text-transform:uppercase;
  color:#333333;
  font-weight: bold;
  margin-bottom: 5px;
}

h4 {
  font-size:1.4em;
  color:#333333;
  font-weight: bold;
  margin-bottom:10px;
}

h5 {
  font-size:1.2em;
  color:#333333;
  font-family: 'Trebuchet MS', Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}

h6 {
  font-size:1em;
  color:#660000;
  font: 13px 'Trebuchet MS', Verdana, Geneva, Helvetica, sans-serif;
  text-decoration: underline;
  margin-bottom: 4px;
}


h1.inline, h2.inline, h3.inline, h4.inline, h5.inline {
  display:inline;
  margin-bottom: 8px;
}

h1.black, h2.black, h6.black {
  color: #222222;
}

/*  --------------------------- LINK STYLES ------------------------ */
.content a.wt-button {
  display:block;
  width:110px;
  height:24px;
  line-height:24px;
  background-color: #75190A;
  color:#FFF;
  text-align:left;
  text-decoration:none;
  font-weight: bold;
  margin-top:2px;
  border-left: 15px solid #333;
  padding-left:10px; padding-right: 5px;
}

.content a.wt-button:hover {
  color:#FFF;
  background-color: #333;
  border-left: 15px solid #75190A;
}

a.eventlink {
 color:#75190A;
 font-family:'Trebuchet MS', 'Tahoma', Verdana,Helvetica,Arial,sans-Serif;
 font-size:15px;
 font-weight: bold;
 line-height:1.2;
 text-decoration: none;
 text-transform: uppercase;
 margin-top:2px;
}

a.eventlink:hover, a.eventlink:focus  {
 text-decoration: underline;
}

.content a.buy-button {
  display:inline;
  width:90px;
  font-size: 11px;
  height:16px;
  line-height:24px;
  background-color: #75190A;
  color:#FFF;
  text-align:left;
  text-decoration:none;
  font-weight: bold;
  margin-top:5px;
  border-left: 15px solid #333;
  padding: 2px 5px 2px 5px;
}
.content a.buy-button:hover {
  background-color: #333;
  color:#FFF;
  border-left: 15px solid #75190A;
  padding: 2px 5px 2px 5px;
}

/*
a .ticketlink{
 color:#75190A;
 text-decoration:underline;
 font-weight: bold;
 text-transform: uppercase;
}
*/

a.soc-media {
 padding-right: 15px;
}

#wt-newsletter a {
 color:#EEE;
 text-decoration:underline;
 outline: none;
}

/* Nav buttons on ATC Home */
.content a.more-link {
  display:inline;
  padding:2px 10px;
  margin-right:5px;
  width:120px;
  height:24px;
  line-height:24px;
  background-color: #333;
  color: #DFDFDF;
  text-align:center;
  text-decoration:none;
}
.content a.more-link:hover {
  background-color: #7F0708;
  color:#FCFCFC;
}

/* -------------------- Home page content styles --------------------------- */
.home-moviebox {
  float:left;
  width: 100%;
  padding: 5px 0;
  margin-bottom: 5px;
  border-top: 2px dotted #444;
}
.home-moviebox img {
  float:left;
  background-color: #FFF;
  margin: 0 10px 10px 0;
  padding: 2px;
  border: 1px solid #666666;
}
.home-moviebox p {
  margin-bottom: 1px;
  font: 11px Verdana, Arial, sans-serif;
}

/* Note:  styles for #home-slider are in "Sliders" section below */

.inner-box {
 float:left;
 width: 540px;
 margin-bottom: 10px;
 background-color: #FDFCFA;
 border: 1px solid #DAD1C0;
 padding: 10px;
 font-size: 1em;
}

/* Override Blueprint CSS colborder */
.colborder {padding-right:2px;margin-right:10px;border-right:1px solid #DAD1C0;}

.inner-col-a {
  float:left;
  width: 260px;
}
.inner-col-b {
  float:left;
  width: 260px;
}

/* -----------------  MOVIES and EVENTS  -------------------------------- */
.item {
  clear:both;
  float:left;
  margin: 0 10px 0 10px;
  padding-bottom: 10px;
}

.separator {
  float:left;
  width: 925px;
  height:2px;
  margin: 0 0 0 10px;
  padding: 0;
  border-bottom: 2px dotted #444;
}

.movie, .event {width: 928px;}

/*  -----------------------   MOVIES ---------------------------------- */
.movie-showtimes {
  float:left;
  width: 310px;
  margin:0;
  padding: 10px 0 0 0;
}

.movie-showtimes img {
  float:left;
  background-color: #FFF;
  margin: 0 10px 10px 0;
  padding: 4px;
  border: 1px solid #B8B19A;
}

.movie-showtimes p {
  margin-bottom: 1px;
  font: 11px Verdana, Arial, sans-serif;
}

.movie-description {
  float:left;
  width: 595px;
  min-height: 175px;
  margin: 0;
  background-color: #F2ECE3;
  padding: 10px;
}

.movie-description p {
  margin: 0 0 1.25em;
  font: 13px 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
}

/* -----------------------------  EVENTS  -------------------------------- */
#series-filter {
  display:inline;
}

.event-leftcol {
  float:left;
  width: 210px;
  margin:0;
  padding: 10px 0 0 0;
}

.event-leftcol  p {
  margin-bottom: 1px;
  font: 11px Verdana, Arial, sans-serif;
}

.event-description {
  float:left;
  width: 695px;
  min-height: 175px;
  margin: 0;
  padding: 10px;
}

.event-description p {
  margin: 0 0 1.25em;
}

/* ------------------------- STAFF BIOs (About Us) ----------------------------- */

.staff-bio {width: 925px; margin-left: 15px; min-height: 210px;}
/* Note: bio-pic and bio-text are floated left or right using a div class in the html */
.bio-pic {width: 220px;  margin-bottom: 20px; padding: 0;}
.bio-text {width: 690px; margin: 0; padding:0;}

/* ------------------------  Boxes for inner divs ----------------------- */

/* Override the Blueprint CSS 'box' class */
.box {width: 90%; padding:1em; margin-bottom:10px; background:#EEE7DC;}

.outlined-box {
 float:left;
 width: 240px;
 margin-bottom: 20px;
 background-color: #E9E3D7;
 border: 1px solid #DAD1C0;
 padding: 10px;
}

.tipbox {
  float:left;
  width: 95%;
  font-size: 1em;
  background-color: #F2ECE3;
  color: #111111;
  padding: 8px 8px 4px 8px;
  margin-bottom: 15px;
}

/* -------------- IMAGE STYLES - frames and frames with captions ----------*/

/*  Override Blueprint CSS styles */
p img.left {float:left;margin:1em 1em 1em 0;padding:0;}
p img.right {float:right;margin:1em 0 1em 1em;}

/* Used in left column of WT Photos page - applies same frames around all images within this div id */
#imgframe img {
background-color:#FDFCFA;
border-color:#D9D0BF #D0C8B3 #AFA796;
border-style:solid;
border-width:1px;
padding:10px;
margin-bottom: 20px;
}

/* Used on History page */
img.imgframe {
background-color:#FDFCFA;
border-color:#D9D0BF #D0C8B3 #AFA796;
border-style:solid;
border-width:1px;
padding:10px;
margin-bottom: 20px;
}

/* Used for About Us page ------------ */
img.imgframe2 {
background-color:#F1EEE2;
border-color:#D9D0BF #D0C8B3 #AFA796;
border-style:solid;
border-width:1px;
padding:8px;
margin-bottom: 0;
}

/* Used on WT Home page for thumbnails */
img.thumb {
vertical-align: top;
background-color:#FDFCFA;
border-color:#D9D0BF #D0C8B3 #AFA796;
border-style:solid;
border-width:1px;
padding:1px;
margin: 0 2px 10px 2px;
}

/*  Used on WT Photos page  */
.photobox {
  float:left;
  width: 280px;  height: 185px;
  text-align: center;
  background-color: #FDFCFA;
  border-color:#D9D0BF #D0C8B3 #AFA796;
  border-style:solid;
  border-width:1px;
  padding: 5px;
  margin: 0 25px 20px 0;
}

.photobox img  {
  float:left;
  margin: 0;
  padding: 3px;
  border:none;
}

.photocaption  {
  clear: both;
  width:270px;
  margin:0;
  padding:0;
  font-size: 12px;
  line-height: 1.2;
  font-weight: bold;
  text-align:center;
  overflow:hidden;
  color: #333;
}

/* Note: more image styles in ATC Teachers section below */

/* ---------------------------  ATC CLASS / FILTERS ---------------------- */
/* Used for JQuery filters.js - do not change these style names as they are
referenced in the js file, as are the names: #all-classes and atc-class. */

#class-level-nav {
  margin: 5px 0 5px 0;
  font-size:12px; font-family:Verdana;
}

#class-level-nav a {
  margin-right:10px;
  padding: 3px 5px;
  text-decoration:none;
  color: #000;
  background: #E7E0D3;
  border: 1px solid #333333;
}
#class-level-nav a:hover, #class-level-nav a.current {
  background: #7F0708;
  color: white;
}

#class-level-nav a.current {
  background: #7F0708;
  color: white;
}

/* Colors to match print advertising materials */
#class-level-nav a.discover:hover {
 background-color: #9966FF; /*Light Purple*/
 color: #000;
}
#class-level-nav a.imagine:hover {
 background-color: #99CCFF; /*Light Blue*/
 color: #000;
}
#class-level-nav a.create:hover {
 background-color: #FFCCFF; /*Light Pink*/
 color: #000;
}
#class-level-nav a.master:hover {
 background-color: #FFCC66; /*Light Orange*/
 color: #000;
}

/* -------------------------  ATC CLASSES ---------------------- */
/* Used on all ATC class pages   */
.atc-class {
  clear:both;
  float:left;
  width: 640px;
  padding: 5px 0 5px 0;
  margin: 0 5px 0 5px;
  border-top: 1px solid #1E1E1E;
}

.class-info {
  float:left;
  width: 200px;
  padding: 0;
}

.class-desc {
  float:left;
  width: 430px;
  padding-left: 4px;
  font-size:.9em;
}

.atc-separator {
  float:left;
  width: 640px;
  height:2px;
  margin:0;
  padding: 0;
  border-bottom: 2px dotted #444;
}

/* Used on ATC Videos page */
.video {text-align:center;}

/*  -----------------------  ATC Photo Gallery  -------------------------- */

p.search-filter {margin:0; padding:0;}
label {float: left;text-align: right;margin-right: 0.5em;}

/*  For LiveSearch jquery version, if used at future date */
input.filter {margin-top: -2px;width: 200px;color:#333333;}
input.filter:hover{background:#FFFFFF; border: solid 1px #B6A278;}
input.filter:focus{background:#FFFFFF; border: solid 1px #B6A278;}


.atc-gallery-list {
  clear:both;
  float:left;
  width: 660px;
  padding: 5px 0 5px 0;
  margin: 0 5px 0 0;
}

.atc-gallery-list ul.group {
font-size:11px;
list-style:none outside none;
margin-bottom:0;
margin-left:0;
margin-right:-10px;
padding:10px 0 0 0;
}

.atc-gallery-list ul.group li {
float:left;
padding:0 15px 0 0;
width:310px;
}

.atc-gallery-list p, #content li {
line-height:150%;
}

.atc-gallery-list ul.group {
font-size:11px;
list-style:none outside none;
}

.atc-gallery-list ul.group img {
float:left;
display:inline;
border:1px solid #998877;
margin-bottom:30px; margin-right: 10px;
padding:1px;
}

/* -------------------------  ATC TEACHERS PAGE ----------------------------- */
/* -----  Image rows used at top of ATC Teachers page  -----   */
#atc-teachers {
  float:left;
  width: 650px;
  margin-bottom:0;
  padding-left:12px;
  padding-bottom: 5px;
}

.photobox2 {
  float:left;
  width: 104px;
  text-align: center;
  background-color: #FFFFFF;
  padding: 2px;
  margin: 0 20px 15px 0;
}

.photobox2 img  {
  float:left;
  margin: 0;
  padding: 3px;
  border:1px solid #CCCCCC;
 -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.15);
 -webkit-box-shadow: 0 2px 3px #CCCCCC;
}

.photocaption2  {
  clear: both;
  width:100px;
  margin:0;
  padding:0;
  font: 11px Arial, sans-serif;
  text-transform: uppercase;
  line-height: 1;
  font-weight: bold;
  text-align:center;
  overflow:hidden;
  color: #111111;
}


/*  --------   ATC Teacher bios  -----    */
.teacher {width: 650px; min-height: 150px;}
.teacher-pic {clear:both; float:left; margin: 0; padding-top: 10px; width: 200px;}
.teacher-pic img {border: 1px solid black;}
.title {float:left; font: 10px Verdana, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; color: #333333; margin:0;}
.teacher-bio {float:left; width: 430px; margin: 0; padding: 10px 0 0 15px;}

/* Teacher classes - section is shown/hidden using jquery on Instructors page
   Do not change style names or h6 tag unless also changing reference in script */
.teacher-class-list {
  width: 430px;
  margin: 10px 5px;
}
.teacher-class-list h6 {
  margin: 0;
  font-size:.9em;
  color:#660000;
  font: 13px 'Trebuchet MS', Verdana, Geneva, Helvetica, sans-serif;
  margin-bottom: 4px;
}

.teacher-class-list div {padding: 0;}

/*  ------------------------ OTHER  ATC Styles ------------------------------ */
/* used for top right column header images */
.atcimage {margin:0;padding:0;}

.atc-categories {
  float:left;
  width: 460px;
  margin-bottom: 5px;
  margin-left: -5px;
  font-size: 1em;
}
.category-image {
  float:left;
  width: 100px;
  padding: 2px;
  margin:0 0 15px 0;
  border:1px solid silver;
}

.category-desc {
  float:left;
  width: 338px;
  margin:0 0 5px 10px;
}

.filter-buttons {
  float:left;
  padding-bottom:10px;
  text-align:center;
}

/* --------------------------------   SLIDERS  ---------------------------- */
/* Note: overflow:hidden is set on sliders so only the first slide is shown
on initial page load */

/* -----  USED ON MAIN WT-HOME PAGE -------------  */
#home-slider {
  float:left;
  width: 558px;
  height: 258px;
  background-color: #1E1E1E;
  border: 2px solid #333232;
  margin-bottom: 15px;
  margin-top: 5px;
  overflow: hidden;
}

#home-slider img {
display:block;
background-color:#FFF;
width: 550px; height: 250px;
padding: 4px;
}

/* ----   USED ON ATC-HOME PAGE -------------  */
#atc-home-slider {
  float:left;
  width: 450px;
  height: 250px;
  background-color:#FFF;
  border-color:#D9D0BF #D0C8B3 #AFA796;
  border-style:solid;
  border-width:1px;
  padding:5px;
  margin-left: -5px;
  margin-bottom: 20px;
  overflow: hidden;
}

#atc-home-slider img {
  float:left;
  display:block;
  width: 450px; height: 250px;
  padding: 5px;
}

/* ------ USED ON ALL ATC CLASS PAGES -------------  */
#atc-class-slider {
  float:left;
  width: 635px;
  height: 250px;
  background-color:#FFF;
  border-color:#D9D0BF #D0C8B3 #AFA796;
  border-style:solid;
  border-width:1px;
  padding:5px;
  margin-bottom: 5px;
  overflow: hidden;
}

#atc-class-slider img {
  float:left;
  display:block;
  width: 635px; height: 250px;
  padding: 5px;
}

/* ---------------------------------------  ATC SUBSCRIBE ----------------------------------------------------------------- */
/*  ATC Newsletter signup through iContact script, which generates horrible code that does NOT validate  */
/*  Note: The WT Newsletter signup through iContact is done via a popup on the WT pages, which uses inline styles in email.html
/*  icontact MAIN DIV ->  id=SignUp  */
/*  icontact table -> class=signupframe  */

.icontactbox {
  float:left;
  width: 222px;
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #333333;
  padding: 0;
  margin: 0 0 10px 10px;
}

#atc-news-top {
 float:left;
 width: 222px; height: 34px;
 background: #353535 url(../images-layout/atc-top2.jpg) top no-repeat;
 padding:0;
 margin:0 0 1px 0;

}

#icontactform {
  float:left;
  width:222px;
}  /* Note: this style overridden in blueprint-ie.css to fix top margin issue in IE  */

#SignUp {
  margin:0;
  padding:0;
  border:none;
}

.icontactbox a.link {
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
}

#SignUp .signupframe {
 width:222px;
 margin:0;
 color: #111111;
 font-family: Verdana,Arial, Helvetica, sans-serif;
 font-size: 11px;
 background-color: #E9E3D7;
 border: 1px solid #DAD1C0;
 padding-bottom:4px;
}

#SignUp table {border-collapse:collapse; margin:0;}

#SignUp table.signupframe td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding: 3px 2px 2px 2px;
}

/* -------------------------------   CONTACT PAGE ---------------------------  */
.contact-left {
  padding: 10px 15px;
  color: #333333;
}

#contact-form{
  margin:1em 0;
  background:url(../images-layout/contact-form-bg.jpg) no-repeat 0 0;
  width:560px;
  height:370px;
  overflow:hidden;
}
#contact-form fieldset{
  margin:0;
  padding:0;
  border:none;
  float:left;
  display:inline;
  width:200px;
  margin-left:34px;
  padding-top:80px;
}
#contact-form fieldset.last{
  width:254px;
  margin-left:17px;
}
#contact-form legend{display:none;}
#contact-form p{margin:.5em 0;}
#contact-form label{display:block;}
#contact-form input, #contact-form textarea{
  width:192px;
  border:1px solid #ddd;
  background:#fff;
  padding:3px;
}
#contact-form textarea{
  width:246px;
  height:200px;
  overflow:auto;
}
#contact-form p.submit{
  margin:0 34px;
  clear:both;
  position:relative;
}
#contact-form button{
  padding:0;
  position:absolute;
  left:0;
  top:-3.5em;
  width:95px;
  height:36px;
  text-indent:-8000px;
  overflow:hidden;
  border:none;
  background:url(../images-layout/send-button.png) no-repeat 0 0;
  color:#fff;
  cursor:pointer;
}

/*  -----------------------  FOOTER for WTEP ----------------  */
#wtep-footer {
  background: #75190A;
  height: 80px;
  padding-top:5px;
  padding-bottom: 10px;
}
.wtep-footer-content {
  float:left;
  margin: 10px 0 0 0;
  padding: 10px 0 5px 0;
  background-color: #1E1E1E;
  color: #FDFCFA;
  font: 12px Tahoma, 'Trebuchet MS', 'Segoe UI', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
  line-height: 1.5;
}

/*  -----------------  FOOTER for WT and ATC ----------------  */
#footer {
  background: #75190A;
  height: 120px;
  padding:5px 0;
}
.footer-content {
  float:left;
  margin: 15px 0 0 0;
  padding: 10px 0 10px 0;
  background-color: #1E1E1E;
  color: #FDFCFA;
  font: 12px Tahoma, 'Trebuchet MS', 'Segoe UI', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
  line-height: 1.5;
}

/*  -----------------  Common FOOTER styles ----------------  */
.footer-large {
  font-family: "Palatino","Book Antiqua", Georgia, serif;
  font-size: 1.6em;
  margin-top: 5px;
  font-weight: normal;
}
.footer-content img.imgright {
    padding: 0;
	float: left;
	margin: 0 0 0 10px;
}

.footer-left p {
  float:left;
  text-align: left;
  line-height: 1;
}
.footer-left .email {
  float:left;
  text-align: left;
  margin-top:-10px;
}

#footer  a  {
 color:#EEE;
 text-decoration:underline;
}

.footer-right {
  float: right;
  text-align: right;
}
.footer-content img.imgleft {
	float: left;
	padding: 3px 0 1px 0;
	margin-right: 5px;
}
.copyright {
  clear:both;
  width:100%;
  background: #E7E1D5;
  text-align: center;
  margin:0;
  padding: 0;
  color: #222222;
}