/* ================================== IDs =================================== */

/* ------------------------------- TPL-WRAPPER ------------------------------ */
#tpl-wrapper {
  background: #fff url(/clients/OldTownSchool/Images/bg-shadow2.gif) scroll right top repeat-y ;
  color: #333;
  margin: auto;
  padding: 15px 20px 15px 15px;
  text-align: left;
  width: 930px;
}

/* ------------------------------- TPL-HEADER ------------------------------- */
#tpl-header {
  border-bottom: 1px solid #4A4A30;
}

#hd-images {
  clear: both;
}

#hd-logo {
  float: left;
}

#hd-join {
  float: right;
}

#player {
  float: right;
}

#tpl-header ul.horizontal.site-nav {
}

#tpl-header ul.horizontal.site-nav li {
}

/* -------------------------------- TPL-MAIN -------------------------------- */
#tpl-main {
  clear: both;
  padding: 1em 0;
} html>body #tpl-main {
  padding-bottom: 0.5em;
}

/* ------------------------------- TPL-CONTENT ------------------------------ */
#tpl-content {
  border-left: 1px solid #4A4A30;
  border-right: 1px solid #4A4A30;
  float: left;
  padding: 0 10px;
  position: relative; left: 132px;
  width: 520px;
}

#tpl-content ul.no-bullet {
  margin: 0 0 1em 1em;
}

/* ------------------------------- TPL-CONTENT-EXPLODE ------------------------------ */
#tpl-content-explode {
  border-left: 1px solid #4A4A30;
  float: left;
  padding: 0 5px 0 10px;
  position: relative; left: 122px;
  width: 740px;
}

#tpl-content-explode dl.four {
  float: left;
  border-top: 3px solid #4A4A30;
  padding: 0;
  margin: 0 0 10px 0;
  width: 740px;
}

#tpl-content-explode dl.four dt {
  float: right;
  width: 564px;
  background: #fff none;
  color: #009AC8;
  font-size: 1.35em;
  font-weight: bold;
  margin: 0.5em 0;
}


#tpl-content-explode dl.three {
  float: left;
  border-top: 3px solid #4A4A30;
  padding: 0;
  margin: 0 5px 10px 0;
  width: 545px;
}

#tpl-content-explode dl.three dt {
  float: left;
  width: 419px;
  background: #fff none;
  color: #009AC8;
  font-size: 1.25em;
  font-weight: bold;
  margin: 0.5em 0;
}

#tpl-content-explode dl.threefeature {
  float: left;
  border-top: 3px solid #4A4A30;
  padding: 10;
  margin: 0 5px 10px 0;
  width: 545px;
}

#tpl-content-explode dl.threefeature dt.feature {
  float: right;
  width: 319px;
  background: #fff none;
  color: #009AC8;
  font-size: 1.25em;
  font-weight: bold;
  margin: 0.5em 0;
}


#tpl-content-explode dl.two {
  float: left;
  border-top: 3px solid #4A4A30;
  padding: 0;
  margin: 0 5px 10px 0;
  width: 360px;
}

#tpl-content-explode dl.two dt {
  float: left;
  width: 234px;
  background: #fff none;
  color: #009AC8;
  font-size: 1.25em;
  font-weight: bold;
  margin: 0.5em 0;
}

#tpl-content-explode dl.one {
  float: left;
  border-top: 3px solid #4A4A30;
  padding: 0;
  margin: 0 5px 10px 0;
  width: 180px;
}

#tpl-content-explode dl.one dt {
  float: left;
  width: 180px;
  background: #fff none;
  color: #009AC8;
  font-size: 1.25em;
  font-weight: bold;
  margin: 0.5em 0;
}


#tpl-content-explode dl.search {
  float: left;
  padding: 0;
  margin: 0 5px 10px 0;
  width: 180px;
}

#tpl-content-explode dl.search dt {
  float: left;
  background: #fff none;
  color: #333;
  font-size: 1em;
  font-weight: bold;
  
}

#tpl-content-explode dl.search fieldset {
  float:right;
  width: 140px;
  font-size: .85em;

}

#tpl-content-explode dd {
  margin: 0 0 1em 0;
  padding: 0;
}

#tpl-content-explode dd.img-left img {
  float:left;
  margin: 8px;
  padding: 4px;
  border: 1px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #fff;
}

#tpl-content-explode dd.img-right img {
  float:right;
  margin: 8px;
  padding: 4px;
  border: 1px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #fff;
}

#tpl-content-explode dd.img-thumb img {
  float: right;
  height: 52px;
  margin: 5px;
  padding:2px;
  background: #fff;
  border: dotted 1px;
  vertical-align: text-top;
}


#tpl-content-explode ul.no-bullet, ul.no-bullet li {
  list-style: none none outside;
  margin: 0;
  padding: 0;
}

#page-title {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 740px;
  clear: both;
}

#crumbs {
  float: left;
  margin: 0;
  padding: 2px 0 4px 0px;
}

#login {
  float: right;
  margin: 0;
  padding: 2px 20px 4px 0;

}

/* -------------------------------- TPL-LEFT -------------------------------- */
#tpl-left {
  float: left;
  font-size: 0.9em;
  padding: 0 10px 0 0;
  position: relative; left: -540px;
  width: 118px;
}

#tpl-left h4 {
  background: #fff none;
  color: #333;
  margin: 0;
}

#tpl-left ul.no-bullet {
  margin: 0 0 1em 0;
}

/* -------------------------------- TPL-LEFT-EXPLODE -------------------------------- */
#tpl-left-explode {
  float: left;
  font-size: 0.9em;
  padding: 0 10px 0 0;
  position: relative; left: -750px;
  width: 108px;
}

#tpl-left-explode h4 {
  background: #fff none;
  color: #333;
  margin: 0;
}

#tpl-left-explode ul.no-bullet {
  margin: 0 0 1em 0;
}


/* -------------------------------- WEEKGRID -------------------------------- */

#weekgrid {
	width: 100%;
	float: left;
	font-size: 11px;
	font-family: Helvetica, sans-serif;
	white-space: nowrap;
	color: #fff; 
}

#weekgrid td {
	height: 50px;
	border-bottom: 1px solid #eeeeee;
	vertical-align: top;
	min-width: 30px
}

#weekgrid a {
	color: #fff;
	font-weight: inherit ;
	font-family: Helvetica, sans-serif;
	text-decoration: none;
}

#weekgrid a:hover {
	text-decoration: underline;
	background: inherit;
}

#weekgrid .cell {
	width: 98%;
	padding: 1px;
	text-align: center;
	margin-bottom: 1px;
}

#weekgrid .armitage {
	background-color: #46C3D3;
}

#weekgrid .lincoln {
	background-color: #87746A;
}

#weekgrid .western {
	background-color: #F37421;
}

#weekgrid .evanston {
	background-color: #73C6A1;
}


#weekgrid th {
	color: white;
	text-align: center;
	background-color: #4A4A30;
	border-right: 1px solid #fff;
	line-height: 1em;
	width: 12%;
	margin: 0;
	font-size: 12px;
	font-family: Georgia, serif;
}

#weekgrid .gridtime {
	width: 5%;
	color: #B50938;
	background: #fff;
	font-weight: bold;
	text-align: right;
	padding: 5px 5px 10px 0;
	border: none;
}

#weekgrid .odd {
	background-color: #f5f5f5;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	width: 100px
}

#weekgrid .even {
	width: 100px
	
}





/* -------------------------------- TPL-RIGHT ------------------------------- */
#tpl-right {
  float: right;
  font-size: 0.9em;
  padding: 0 0 0 10px;
  width: 200px;
}

#tpl-right h4 {
  margin: 0;
}

#tpl-right ul.no-bullet {
  margin: 0 0 1em 0;
}

/* -------------------------------- TPL-TABNAV ------------------------------- */

#tpl-tabnav {
   clear: both;
   float: left;
   width: 505px;
   margin: 0 0 1em 0;
   padding: 10px 0 0 15px;
   list-style: none;
   background: #fff url(/clients/OldTownSchool/Images/nav/nav_bg.gif) repeat-x bottom left;
}

#tpl-tabnav li {
   float: left;
   margin: 0;
   padding: 0;
   font-family: georgia, serif;
}

#tpl-tabnav a {
   float: left;
   display: block;
   margin: 0 2px 0 0;
   padding: 4px 8px;
   color: #4A4A30;
   text-decoration: none;
   border: 1px solid #4A4A30;
   background: #cc9;
}

#tpl-tabnav a:hover, #t-cover a {
   color: #009AC8;
   font-weight: bolder;
   background: #fff;
   padding-bottom: 5px;
   border-bottom: none;
}


/* -------------------------------- TPL-INTERNAL ------------------------------- */
#tpl-internal {
  float: right;
  background: #f5f5f5 none;
  font-size: 0.9em;
  border-top: 5px solid #f08b1d;
  border-right: 1px solid #f08b1d;
  border-left: 1px solid #f08b1d;
  border-bottom: 1px solid #f08b1d;
  padding: 5px 10px;
  margin: 0 0 10px 10px;
  width: 90px;
}

#tpl-internal h4 {
  background: #f5f5f5 none;
  color: #000;
  margin: 0 0 .5em 0;
  line-height: 100%;
}

#tpl-internal ul.no-bullet {
  margin: 0 0 1em 0;
  background: #f5f5f5 none;
  
}


/* -------------------------------- TPL-RIGHTBOX ------------------------------- */
#tpl-rightbox {
  float: right;
  background: #fff none;
  font-size: 0.9em;
  border-top: 1px solid #666633;
  border-right: 1px solid #666633;
  border-left: 1px solid #666633;
  border-bottom: 1px solid #666633;
  padding: 5px 10px;
  margin: 0 0 10px 10px;
  width: 180px;
}

#tpl-rightbox h4 {
  background: #fff none;
  color: #000;
  font-family: georgia, times, serif;
  font-size: 1.45em;
  margin: 0 0 .5em 0;
  line-height: 100%;
}

#tpl-rightbox ul.no-bullet {
  margin: 0 0 1em 0;
  background: #f5f5f5 none;
  
}


/* -------------------------------- TPL-CONCERT ------------------------------- */
#tpl-concert {
   clear: both;
   width: 100%;
   font-size: .9em;
   color: #000;
   margin: 1em 0 1em 0;
   padding: 0 0 0 10px;
   list-style: none;
}

#tpl-concert table {
  width: 500px;
  background: #f5f5f5;
}


#tpl-concert td {
   float:left;
   display: block;
   width: 150px;
   margin: 0 2px 0 2px;
   padding: 5px 5px;
   color: #000;
   text-decoration: none;
   border-top: 3px solid #4A4A30;

}

#tpl-concert td:hover {
background:#fff;

}

#tpl-concert h4 {
  background:transparent; 
  color: #4A4A30;
  font-family: georgia, times, serif;
  font-size: 1.10em;
  font-weight: bolder;
  margin: 0 0 1.5em 0;
  line-height: 100%;
}

#tpl-concert img {
  float: right;
  height: 52px;
  margin: 5px;
  padding:2px;
  background: #fff;
  border: dotted 1px;
  vertical-align: text-top;
}

#tpl-concert a {
  color:#4A4A30;
  text-decoration: none;
}

#tpl-concert a.info {
  color:#4A4A30;
  font-size: .9em;
  font-family: Helvetica, sans-serif;
  margin: 0 0 1em 0;
  text-decoration: none;
  background: #f5f5f5 none;
  
}

#tpl-concert a.tix {
  color:#009AC8;
  font-size: .9em;
  font-family: Helvetica, sans-serif;
  margin: 0 0 1em 0;
  text-decoration: none;
  background: #f5f5f5 none;
  
}

#tpl-concert a:hover, a.info:hover, a.tix:hover {
text-decoration: underline;
background: #f5f5f5;

}


/* -------------------------------- TPL-LASSO-LIST ------------------------------- */
#tpl-lasso-list {
  padding: 5px 10px;
  margin-left: 50px;
  margin-right: 40px;
}

#tpl-lasso-list hr {
  background: #4A4A30 none;
  border: none;
  width:85%;
  color: #4A4A30;
  height: 1px;
  margin: 1em 0;
}

#tpl-lasso-list h5 {
  background: #fff none;
  margin: 0;
}

#tpl-lasso-list img {
  width: 100px;
  float: right;
  clear: left;
  margin: 10px;
  padding: 2px;
  background: #fff;
  border: dotted 1px;
  vertical-align: text-bottom;
}

#tpl-lasso-list a.info {
  color:#4A4A30;
  font-size: .9em;
  font-family: Helvetica, sans-serif;
  margin: 0 0 1em 0;
  text-decoration: none;
  background: #fff none;
  
}

#tpl-lasso-list a.tix {
  color:#f00;
  font-size: .9em;
  font-family: Helvetica, sans-serif;
  margin: 0 0 1em 0;
  text-decoration: none;
  background: #fff none;
}

#tpl-lasso-list a:hover, a.info:hover, a.tix:hover {
color:#f00;
text-decoration: underline;
background: #fff;

}

#tpl-lasso-list strong {
color: #333;
font-weight: bolder;
font-size: .9em;
font-family: Helvetica, sans-serif;
margin: 0 0 1em 0;
background: #fff none;
}

/* ------------------------------- TPL-FOOTER ------------------------------- */
#tpl-footer {
  clear: both;
  font-size: 0.9em;
}

#tpl-footer ul.horizontal.site-nav {
}

#tpl-footer ul.horizontal.site-nav li {
}

#ftr-contact {
  float: right;
  font-weight: bold;
}

#ftr-copyright {
}

/* ================================= CLASSES ================================ */

html body br.zero-height-clear {
  clear: both;
  height: 0;
  line-height: 0;
}

html body img.bottom {
  margin-bottom: 0;
}
html body img.left {
  float: left;
  margin: 10px 10px 10px 0;
}

html body img.list {
  float: left;
  margin: 0 10px 0 0 ;
  width: 50px;
}

html body img.right {
  float: right;
  margin: 10px 0 10px 10px;
}
html body img.top {
  margin-top: 0;
}

html body p.double-pad {
  margin: 1.5em 0;
  text-align:center;
}

html body p.double-pad-color {
  margin: 0 0 1em 0;
  padding: 0px 8px;
  text-align:justify;
  font-family: georgia, serif;
  font-weight: bolder;
  background: #fff;
}

html body p.double-pad-color a {
   padding: 4px 8px;
   color: #4A4A30;   
   font-weight: bolder;
   text-decoration: none;
   background: #fff;
}

html body p.double-pad-color b {
   padding: 4px 8px;
   color: #000;   
   font-weight: bolder;
   background: #fff;
}

html body p.vid {
  margin: 3em 0 2em 0;
  text-align:center;
  border-top: 5px solid #666633;
  border-right: 1px solid #666633;
  border-left: 1px solid #666633;
  border-bottom: 1px solid #666633;
  padding: 10px 10px;
}

html body p.no-pad {
  margin: 0;
}


.entrydate {
  float:left;
  margin: 0 10px -50px 0;
  font-weight:normal; 
  color:#fff;
  background: #4A4A30;
  width:37px;
  height:52px;
  text-align:center
}


.entrydate .month {text-transform:uppercase;display:block;font-size:10px;display:block;padding-top:6px;line-height:9px}
.entrydate .date{display:block;font-style:bolder;font-size:19px;display:block;margin:0;line-height:18px}
.entrydate .year {display:block;font-size:10px;display:block;margin:0;line-height:16px}

.listthumb img {
  float:right;
  margin: 0 10px -50px 10px;
  height:52px;
  padding: 2px;
  background: #fff;
  border: dotted 1px;
  vertical-align: text-bottom;
}

html body a.tix {
  color:#009AC8;
  font-size: .9em;
  font-family: Helvetica, sans-serif;
  margin: 0 0 1em 0;
  text-decoration: none;
  background: #fff none;
  
}

html body a.foot {
  background-color: #fcfcfc;
  color: #4A4A30;
  font-size: .9em;
  font-family: Helvetica, sans-serif;
  margin: 0 0 1em 0;
  text-decoration: none;
  background: none;
  
}

html body a.info {
  color: #4A4A30;
  font-size: .9em;
  font-family: Helvetica, sans-serif;
  margin: 0 0 1em 0;
  text-decoration: none;
  background: #fff none;
  
}

html body a.info:hover, a.tix:hover {
text-decoration: underline;
background: #f5f5f5;
}

html body p.class-detail {
  font-size: 0.9em;
  margin: 1.5em 0;
}

html body ul.horizontal {
  list-style: none none outside;
}

html body ul.horizontal li {
  border-right: 1px solid #000;
  display: inline;
  padding: 0 4px 0 6px;
} html>body ul.horizontal li {
  padding: 0 6px 0 4px;
}

html body ul.horizontal li.last {
  border: none !important;
}

html body ul.horizontal.site-nav {
  border-top: 5px solid #4A4A30;
  clear: both;
  margin-top: 0.5em;
  padding: 0.75em 0 0 100px;
}

html body ul.horizontal.site-nav li {
  border: none;
  padding: 0 15px 0 0;
  color: #4A4A30;
  font-family: georgia, times, serif;
  font-size: 1.3em;
  text-transform: uppercase;

}

html body ul.horizontal.site-nav-text {
  border-top: 5px solid #4A4A30;
  clear: both;
  margin-top: 0.5em;
  padding: 0.75em 0 0 135px;
}

html body ul.horizontal.site-nav-text li {
  border: none;
  padding: 0 15px 0 0;
  color: #4A4A30;
  font-family: helvetica, sans-serif;
  font-size: 1.3em;
  text-transform: uppercase;
  width: 150px;

}


html body ul.horizontal.site-nav li.last {
  padding: 0;
}

html body ul.no-bullet, ul.no-bullet li {
  list-style: none none outside;
  margin: 0;
  padding: 0;
}

html body .by-float { /* IE Display Adjustment */
  position: relative; z-index: 1;
} html>body .by-float {
  position: static;
}

input.btn{
   color:#4A4A30;
   font-family:'verdana',helvetica,sans-serif;
   font-size:100%;
   font-weight:bold;
   background-color:#f5f5f5;
   border:1px solid;
   border-top-color:#603;
   border-left-color:#603;
   border-right-color:#603;
   border-bottom-color:#603;
 }