* {
  padding: 0px;
  margin: 0px;
}

html {
  margin-left: auto;
  margin-right: auto;
}
body {
  font-family: Trebuchet MS, sans-serif;
  background: #DAC9B1;
}

#dropshadow {
  position: relative;
  width: 785px;
  margin-left: auto;
  margin-right: auto;
  background: transparent url('../images/dropshadow.png') ;
  padding: 0px;
  text-align: center; /* centers in IE */
}
#wrapper {
  width: 771px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2px;
  background: url('../images/gradient.jpg') no-repeat ;
  text-align: left; /* remove center for IE */
}

#redbox {
  position: relative;
  width: 771px;
  height: 15px;
  background: #EF3E42;
  margin-left: auto;
  margin-right: auto;
  font-size: 0px; /* height fix for IE */
}

#topnav {
  position: relative;
  float: right;
  right: 20px;
  font-size: 10px;
  text-transform: uppercase;
  font-family: arial, sans-serif;
}


#eventsbox {
  position: relative;
  float: left;
  margin-top: 22px;
  left: 10px;
  width: 149px;
  height: 194px;
  background: transparent url('../images/eventsbox.png') no-repeat;;
}


#mainimg {
  float: right;
  margin-top: 20px;
  margin-right: 15px;
  width: 588px;
  height: 218px;
  background: url('../images/mainimgbackground-wht.png');
  background-repeat: no-repeat;
}

#mainimg_content {
  margin: 11px 12px 11px 12px;
  width: 564px;
  height: 196px;
  
}

#boxes {
  float: left;
  width: 771px;
}

#boxes_left {
  float: left;
  width: 162px;
}
#boxes_right {
  float: right;
  width: 609px;
}

#aboutus {
  position: relative;
  float: right;
  margin-right: 8px;
  width: 190px;
  height: 304px;
  background: url('../images/aboutbox.jpg');
}

#aboutus_content {
  width: 153px;
  margin-top: 100px;
  margin-left: 13px;
  font-size: 8pt;
  white-space: nowrap;
  overflow: hidden;
}

#aboutus_content li {
  list-style: none;
  padding-bottom: 5px;
}
#rwgradient {
  position: absolute;
  top: 97px;
  right: 18px;
  height: 197px;
  background: url(../images/rightwgradient.png);
  width: 20px;
}

#rwgradient_gf {
  position: absolute;
  top: 97px;
  right: 18px;
  height: 197px;
  background: url(../images/rightwgradient.png);
  width: 20px;
}

#rwgradient_aq {
  position: absolute;
  top:97px;
  right:18px;
  height: 197px;
  background: url(../images/rightwgradient.png);
  width: 20px;
}

#waterexercise {
  position: relative;
  float: right;
  margin-right: 7px;
  width: 190px;
  height: 304px;
  background: url('../images/waterexercisebox.jpg');
}

#groupexercise {
  position: relative;
  float: right;
  margin-right: 16px;
  width: 190px;
  height: 304px;
  background: url('../images/groupexercisebox.jpg');
}

#groupexercise_content {
  position: relative;
  padding-top: 100px;
  padding-left: 15px;
  overflow: hidden;
  width: 150px;
}

#groupexercise_content li {
  list-style: none;
  white-space: nowrap;
}

#groupfitness_legend,
#waterexercise_legend{
  position: absolute;
  bottom:10px;
  left: 16px;
  font-size: 8pt;
  background: #ffffff;
}

#groupfitness_legend li,
#waterexercise_legend li {
  list-style: none;
}


#yweblogo {
  position: relative;
  margin-left: 18px;
  margin-top: 226px;
  width: 130px;
  height: 75px;
}

#yweblogo img{
  position: relative;
  float: left;
  width: 130px;
  height: 75px;
/*  background: url('../images/yweblogo.png'); */
}

#programguidebox {
  position: relative;
  margin-left: 10px;
  margin-top: 16px;
  width: 149px;
  height: 224px;
  background: url('../images/programguidebox.png');
}

#programguidebox_content {
  padding-top: 47px;
  padding-left: 30px;
}

#eventsbox_content {
  margin-top: 25px;
  margin-left: 10px;
  padding-top: 5px;
  font-size: 8pt;
  overflow: hidden;
  
}



#logo_tagline {
  float: left;
  width: 771px;
  font-size: 0px;
}

#logo img{
  position: relative;
  float: left;
  width: 215px;
  height: 79px;
  background: url('../images/logo.png');
  margin-left: 10px;
}

#tagline {
  clear: right;
  position: relative;
  float: right;
  right: 24px;
  margin-top: 63px;
  width: 498px;
  height: 16px;
  background: url('../images/tagline.png') no-repeat;
}

img {
  border-style: none;
}

#content {
  position: relative;
  clear: both;
  padding-left: 25px;
  padding-right: 15px;
  height: 100%;
}

td {
  vertical-align: top;
}

a.menu:link,
a.menu:visited,
a.menu:active,
a.menu:hover {
  text-decoration: none;
  font-weight: bold;
}

a.menu:hover {
  text-decoration: underline;
  color: black;
}

a.news:link,
a.news:visited,
a.news:active,
a.news:hover {
  color: rgb(255, 153, 0);
}

a.locations:link,
a.locations:visited,
a.locations:active,
a.locations:hover {
  color: rgb(255, 0, 0);
}

a.membership:link,
a.membership:visited,
a.membership:active,
a.membership:hover {
 color: rgb(0, 102, 153);
}

a.programs:link,
a.programs:visited,
a.programs:active,
a.programs:hover {
 color: rgb(0, 102, 153);
}

a.childcare:link,
a.childcare:visited,
a.childcare:active,
a.childcare:hover {
  color: rgb(51, 0, 102);
}

a.about:link,
a.about:visited,
a.about:active,
a.about:hover {
  color: rgb(255, 102, 0);
}

a.giving:link,
a.giving:visited,
a.giving:active,
a.giving:hover {
  color: rgb(51, 102, 51);
}
 


a:link,
a:visited,
a:active,
a:hover {
  color: black;
}

a:hover {
  color: blue;
}

table#schedulelist {
  width: 540px;
}

table#schedulelist td.day {
  padding-top: 15px;
  font-weight: bold;
}

table#schedulelist td.time {
  text-align: left;
  padding-right: 15px;
  width: 120px;
  white-space: nowrap;
  
}

table#schedulelist td.classname {
  width: 200px;
}

table#schedulelist td.locationname {
  white-space: nowrap;
}

table#schedulelist th {
  font-size: 12pt;
  text-align: left;
}

table#schedulelist td {
  font-size: 10pt;
}

.contentimg {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  width: 722px;
  height: 77px;
}

#givingimg {
  background: url('../images/content/giving.png');
}

#schedulesimg {
  background: url('/themes/ymcacassclay/images/content/schedules.png');
}

#newsimg {
  background: url('../images/content/news.png');
}

#locationsimg {
  background: url('../images/content/locations.png');
}

#jobsimg {
  background: url('../images/content/jobs.png');
}

#membershipimg {
  background: url('../images/content/membership.png');
}

#programsimg {
  background: url('../images/content/programs.png');
}

#childcareimg {
  background: url('../images/content/childcare.png');
}

#aboutimg {
  background: url('../images/content/about.png');
}

#left,
#center,
#right{
  float: left;
  padding-left: 10px;
}

.programlist {
  float: left;
  padding-left: 20px;
  width: 570px;
  font-size: 10pt;
}

#programsmenu ul li {
  list-style: none; 
  font-size: 10pt;
}

.downtownbranch {
  color: blue;
}

.schlossmanbranch {
  color: green;
}

.programrecord {
  padding-bottom: 25px;
}

.title {
  font-weight: bold;
  padding-bottom: 5px;
}

.description {
  padding-bottom: 5px;
}

.detail, th{
  font-size: 8pt;
  text-align: center;
}

.session {
  width: 20%;
  text-align: center;
}

.bd,
.ed,
.st,
.f1,
.f2 {
  width: 15%;
}
.extended table{
  display: none;
}
#footer {
  clear: both;
}

.scheduledetail {
  font-size: 8pt;
  width: 150px;
  white-space: nowrap;
  margin: 0px;
  padding: 0px;
}

.scheduledetailtime {
  white-space: nowrap;
  overflow: hidden;
  width: 50px;
/*  text-align: right; */
/*  margin-right: 7px; */
}

.scheduledetailtitle {
  white-space: nowrap;
  width: 150px;
}

#waterexercise_content {
  position: relative;
  padding-top: 100px;
  padding-left: 15px;
  overflow: hidden;
  width: 150px;
}

#waterexercise_content li {
  list-style: none;
  white-space: nowrap;
}

#groupexercise_content li,
#waterexercise_content li {
  margin: 0px;
  padding: 0px;
  line-height: 15px;
}