/* layout.css */

#layout {
  width: 950px;
  margin: 0 auto;
  padding: 45px 0 0 0;
  position: relative;
}

#header {
  width: 950px;
  height: 201px;
  background-color: #054775;
  background-image: url(/images/header_bg.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  border-top: 5px solid #ffffff;
  position: relative;
  padding: 0;
  margin: 0 0 9px 0;
}

#page-home #header {
  height: 360px;
}

#header #flash {
  width: 950px;
  height: 160px;
  margin: 0;
  padding: 0;
}

#page-home #header #flash {
  height: 319px;
}

#header h1 {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/images/header_internal_h1_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
}

#header h1 a {
  display: block;
}

#header h1, #header h1 a {
  width: 480px;
  height: 160px;
}

#page-home #header h1 {
  background-image: url(/images/header_h1_bg.png);
}

#page-home #header h1, #page-home #header h1 a {
  width: 241px;
  height: 319px;
}

#header h1 a span {
  display: none;
}

#main {
  background-color: #ffffff;
  width: 910px;
  padding: 20px;
}

#navigation-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 910px;
  height: 25px;
  margin: 0;
  padding: 10px 20px;
}

#navigation-top ul {
  position: absolute;
  top: 10px;
  left: 20px;
  list-style-type: none;
  list-style-image: none;
  margin: 6px 0;
  text-align: right;
  width: 671px;
}

#navigation-top ul li {
  list-style-type: none;
  list-style-image: none;
  display: inline-block;
  display: expression('inline');
  border-right: 1px solid #6e6e6e;
  margin: 0;
  padding: 0;
  font-size: 11px;
}

#navigation-top ul li a {
  display: block;
  padding: 0 9px;
  margin: 0;
  line-height: 100%;
}

#navigation-top ul li a:link, #navigation-top ul li a:visited, #navigation-top ul li a:focus, #navigation-top ul li a:hover, #navigation-top ul li a:active {
  text-decoration: none;
  color: #ffffff;
}

#navigation-top form#site-search {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 230px;
  min-width: 230px;
  max-width: 230px;
  margin: 0;
  padding: 3px 0;
}

#site-search fieldset {
  width: 230px;
  padding: 0;
  margin: 0;
  border-style: none;
  border-width: 0;
}

#site-search fieldset legend {
  display: none;
}

#site-search fieldset div.required {
  width: 230px;
  height: 21px;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
}

#site-search fieldset div.required label {
  float: left;
  width: 84px;
  margin: 0;
  padding: 4px 0;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
  color: #ffffff;
  font-size: 11px;
  line-height: 100%;
}

#site-search fieldset div.required div.field {
  clear: none;
  float: left;
  width: 146px;
  height: 21px;
  position: relative;
  background-color: transparent;
  background-image: url(/images/site-search-field_bg.gif);
  background-position: left;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
}

#site-search fieldset div.required div.field input.inputText {
  width: 105px;
  height: 15px;
  border-width: 0;
  border-style: none;
  margin: 1px 0;
  padding: 2px 8px;
  background-color: transparent;
  font-size: 11px;
  color: #ffffff;
}

#site-search fieldset div.required div.field input.inputSubmit {
  border-width: 0;
  border-style: none;
  width: 25px;
  height: 21px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  text-indent: -1000px;
  background-image: url(/images/site-search-field-submit_bg.gif);
  background-position: left;
  background-repeat: no-repeat;
}

#content {
  color: #000000;
}

#breadcrumb {
  margin: 0 0 10px 0;
  list-style-type: none;
  list-style-image: none;
}

#breadcrumb li {
  list-style-type: none;
  margin: 0 0 0 5px;
  padding: 0 0 0 12px;
  display: inline;
  background-image: url(/images/breadcrumb-li_bg.gif);
  background-repeat: no-repeat;
  background-position: 0 60%;
  color: #8b8b8b;
  white-space: nowrap;
  font-size: 9px;
}

#breadcrumb li.first {
  background-image: none;
  margin: 0;
  padding: 0;
}

#content ul.rows {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

#content ul.rows li {
  list-style-type: none;
  list-style-image: none;
}

#content ul.rows.with-icon li {
  width: 468px;
  height: 89px;
  background-color: #ffffff;
  background-image: url(/images/home-featured-other_bg.gif);
  background-position: top left;
  background-repeat: no-repeat;
  padding: 0 0 0 112px;
  margin: 25px 0 0 0;
}

#content ul.rows.with-icon.flexible-height li {
  min-height: 89px;
  height: auto;
}

#content ul.rows.with-icon li.type-p {
  background-image: url(/images/home-featured-photo_bg.gif);
}

#content ul.rows.with-icon li.type-v {
  background-image: url(/images/home-featured-video_bg.gif);
}

#content ul.rows.with-icon li dl {
  display: block;
  margin: 0;
  padding: 0;
  width: 468px;
  min-height: 89px;
  position: relative;
}

#content ul.rows.with-icon li dl dt, #content ul.rows.with-icon li dl dd {
  display: block;
  margin: 0;
  padding: 0;
  width: 305px;
}

#content ul.rows.with-icon li dl dt {
  margin: 0 0 3px 0;
  font-size: 11px;
}

#content ul.rows.with-icon li dl dt a {
  padding: 0;
  background-image: none;
}

#content ul.rows.with-icon li dl dd {
  font-size: 10px;
}

#content ul.rows.with-icon li dl dd.thumbnail {
  position: absolute;
  top: 0;
  right: 0;
  width: 149px;
  height: 83px;
  background-color: #ffffff;
  border: 1px solid #bfbfbf;
  padding: 2px;
}

#content ul.rows.with-icon li dl dd.thumbnail a {
  display: block;
  width: 149px;
  height: 83px;
  background-color: #bfbfbf;
  background-image: none;
  margin: 0;
  padding: 0;
}

#content ul.rows li ul {
  margin: 0;
}

#content ul.rows li ul li, #content ul.rows.with-icon li ul li {
  width: auto;
  height: auto;
  background-image: none;
  margin: 0 0 0 20px;
  padding: 0;
  list-style-type: square;
}

#content ul.rows.with-icon.flexible-height li ul li {
  min-height: 0;
}

#content ul.rows.with-icon li ul li dl {
  width: auto;
  min-height: 0;
}

#content ul.rows.with-icon li ul li dl dt, #content ul.rows.with-icon li ul li dl dd {
  width: auto;
}

#content ul.rows.with-icon li ul li dl dt {
  margin: 0;
}

div.row {
  margin: 0 0 10px 0;
  color: #ffffff;
  padding: 0;
  zoom: 1;
}

div.row div.thumbnail {
  float: left;
  width: 90px;
  min-height: 150px;
  margin-right: 5px;
}

div.row div.thumbnail a {
  display: block;
  border: 1px solid #bfbfbf;
  padding: 1px;
}

div.row div.thumbnail a img {
  display: block;
  border-style: none;
  border-width: 0;
}

div.row div.details {
  float: right;
  width: 200px;
  height: 160px;
  margin: 0;
  font-size: 10px;
}

div.row div.details h4 {
  padding: 3px 0;
  margin: 0 0 5px 0;
}

div.row div.details dl {
  padding: 0;
}

div.row div.details dl dt, div.row div.details dl dd, div.row div.details dl dd a:link, div.row div.details dl dd a:visited, div.row div.details dl dd a:focus, div.row div.details dl dd a:hover, div.row div.details dl dd a:active {

}

div.row div.main {
  margin: 0 220px 0 110px;
}

div.row div.main, div.row div.main p {

}

div.row div.main h4 {
  padding: 0 0 3px 0;
  margin: 0 -20 5px 0;
}

div.row div.main h6 {
  margin: 3px 0 0 0;
}

div.row div.main a:link, div.row div.main a:visited, div.row div.main a:focus, div.row div.main a:hover, div.row div.main a:active {

}

dl.row {
  position: relative;
  padding: 0 0 0 124px;
  margin: 0 0 10px 0;
  min-height: 116px;
}

dl.row dd.thumbnail {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  min-height: 100px;
  padding: 1px;
  border: 1px solid #bfbfbf;
}

dl.row dd.thumbnail img {
  display: block;
}

dl.row dt, dl.row dd {
  margin: 0;
}

ul.thumbnails {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  width: 580px;
  min-height: 191px;
}

ul.thumbnails li {
  list-style-type: none;
  list-style-image: none;
  margin: 0 11px 11px 0;
  padding: 2px;
  float: left;
  width: 180px;
  height: 270px;
  border: 1px solid #bfbfbf;
  background-color: #ffffff;
}

ul.thumbnails li.right {
  margin-right: 0;
}

ul.thumbnails li h4.title {
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  margin: 0 0 2px 0;
  padding: 2px 5px;
  border-bottom-width: 0;
  background-color: #bfbfbf;
  min-height: 2.5em;
}

ul.thumbnails li a {
  display: block;
  width: 180px;
  height: 180px;
  background-color: #bfbfbf;
  background-image: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.thumbnails li p.synopsis {
  margin: 5px 5px 0 5px;
  padding: 0;
  font-size: 10px;
  color: #000000;
  font-weight: normal;
}

#events-calendar {
  width: 910px;
}

#content.with-sidebar #events-calendar {
  width: 580px;
}

#events-calendar #calendar-navigation {
  list-style-type: none;
  list-style-image: none;
  background-color: #5198c9;
  width: 900px;
  height: 1.5em;
  margin: 0;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;
}

#content.with-sidebar #events-calendar #calendar-navigation {
  width: 570px;
}

#events-calendar #calendar-navigation li {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  float: left;
}

#events-calendar #calendar-navigation li#month-previous, #events-calendar #calendar-navigation li#month-next, #events-calendar #calendar-navigation li#year-previous, #events-calendar #calendar-navigation li#year-next {
  width: 120px;
}

#content.with-sidebar #events-calendar #calendar-navigation li#month-previous, #content.with-sidebar #events-calendar #calendar-navigation li#month-next, #content.with-sidebar #events-calendar #calendar-navigation li#year-previous, #content.with-sidebar #events-calendar #calendar-navigation li#year-next {
  width: 120px;
}

#events-calendar #calendar-navigation li#month-previous, #events-calendar #calendar-navigation li#year-previous {
  text-align: left;
}

#events-calendar #calendar-navigation li#month-current, #events-calendar #calendar-navigation li#year-current {
  width: 660px;
  text-align: center;
}

#content.with-sidebar #events-calendar #calendar-navigation li#month-current, #content.with-sidebar #events-calendar #calendar-navigation li#year-current {
  width: 330px;
}

#events-calendar #calendar-navigation li#month-next, #events-calendar #calendar-navigation li#year-next {
  text-align: right;
}

#events-calendar #calendar-navigation li, #events-calendar #calendar-navigation li a:link, #events-calendar #calendar-navigation li a:visited, #events-calendar #calendar-navigation li a:focus, #events-calendar #calendar-navigation li a:hover, #events-calendar #calendar-navigation li a:active {
  color: #ffffff;
  text-decoration: none;
}

#events-calendar-table {
  border: 5px solid #e5e5e5;
  width: 900px;
  margin: 0 0 20px 0;
}

#content.with-sidebar #events-calendar-table {
  width: 570px;
}

#events-calendar #events-calendar-table table {
  border-collapse: separate;
  border-spacing: 0;
  border-bottom-style: none;
  border-bottom-width: 0;
}

#events-calendar #events-calendar-table table thead tr {
  background-color: #e5e5e5;
}

#events-calendar #events-calendar-table thead tr th, #events-calendar #events-calendar-table thead tr td {
  color: #606060;
}

#events-calendar #events-calendar-table table th, #events-calendar #events-calendar-table table td {
  border: 2px solid #e5e5e5;
  width: 111px;
  height: auto;
  padding: 7px;
}

#content.with-sidebar #events-calendar #events-calendar-table table th, #content.with-sidebar #events-calendar #events-calendar-table table td {
  width: 75px;
}

#events-calendar #events-calendar-table table td {
  height: 60px;
}

#events-calendar #events-calendar-table table th.today, #events-calendar #events-calendar-table table td.today {
  border-color: #5198c9;
}

#events-calendar #events-calendar-table table th.disabled, #events-calendar #events-calendar-table table td.disabled {
  background-color: #f2f2f2;
}

#events-calendar #events-calendar-table table td span.number, #events-calendar #events-calendar-table table td a.number:link, #events-calendar #events-calendar-table table td a.number:visited, #events-calendar #events-calendar-table table td a.number:focus, #events-calendar #events-calendar-table table td a.number:hover, #events-calendar #events-calendar-table table td a.number:active {
  color: #606060;
}

#events-calendar #events-calendar-events table {
  border-bottom: 1px solid #e5e5e5;
}

#events-calendar #events-calendar-events table thead, #events-calendar #events-calendar-events table tbody {
  border-bottom-width: 0;
  border-bottom-style: none;
}

#events-calendar #events-calendar-events table thead tr {
  background-color: #ffffff;
}

#events-calendar #events-calendar-events table tbody tr {
  border-top: 1px solid #e5e5e5;
}

#events-calendar #events-calendar-events table thead tr th, #events-calendar #events-calendar-events table tbody tr td {
  color: #000000;
  padding: 10px 5px;
}

/*
#events-calendar thead tr {
  background-color: #e5e5e5;
}

#events-calendar thead tr th, #events-calendar thead tr td {
  color: #606060;
  border: 2px solid #e5e5e5;
}

#events-calendar th.first, #events-calendar td.first {
  border-left: 7px solid #e5e5e5;
}

#events-calendar th.last, #events-calendar td.last {
  border-right: 7px solid #e5e5e5;
}
*/

.paging {
  border-width: 1px 0;
  border-style: none;
  border-color: #d9d9d9;
  padding: 0;
  margin: 5px 0;
  zoom: 1;
  height: 1.25em;
}

.paging-label {
  display: none;
}

.paging dd {
  margin: 0;
  padding: 0;
  line-height: 100%;
}

.paging dd.paging-filters {
  width: 505px;
  padding: 0 9px;
  margin: 0 0 12px 0;
  text-align: center;
}

.paging dd.paging-filters ul {
  list-style-type: none;
  list-style-image: none;
  text-align: center;
  display: inline;
  margin: 0;
  padding: 0;
}

.paging dd.paging-filters ul li {
  list-style-type: none;
  list-style-image: none;
  float: left;
  margin: 0;
  padding: 0;
  width: 18px;
  height: auto;
  text-align: center;
  line-height: 100%;
}

.paging dd.paging-filters ul li.selected {
  font-weight: bold;
}

.paging dd.paging-previous, .paging dd.paging-results, .paging dd.paging-next {
  float: left;
  width: 91px;
}

.paging dd.paging-results {
  width: 380px;
  text-align: center;
}

.paging dd.paging-previous {
  text-align: left;
  padding-left: 9px;
}

.paging dd.paging-next {
  text-align: right;
  padding-right: 9px;
}

div.results ol.rows li h4, ol.rows li.last {
  border-bottom-width: 0;
  border-bottom-style: none;
}

ol.rows, ol.rows li {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

ol.rows li {
  background-position: top left;
  background-repeat: no-repeat;
  margin: 0 0 10px 0;
  padding: 0 0 10px 25px;
  border-bottom: 1px dotted #ececec;
}

ol.rows li.page {
  background-image: url(/images/link_16x16.gif);
}

ol.rows li.pdf {
  background-image: url(/images/pdf_16x16.gif);
}

ol.rows li p {
  margin: 0;
}

#footer {
  clear: both;
  width: 910px;
  margin: 0;
  padding: 10px 20px;
  border-top: 1px solid #ececec;
  background-color: #ffffff;
  color: #aba49c;
  font-size: 10px;
  position: relative;
}

#footer a:link, #footer a:visited, #footer a:focus, #footer a:hover, #footer a:active {
  text-decoration: underline;
  color: #aba49c;
}

#copyright, #legal {
  float: left;
}

#legal {
  margin-left: 20px;
}

#powered {
  position: absolute;
  top: 10px;
  right: 20px;
}

#adnfooter {
  margin: 10px auto 0 auto;
  width: 430px;
  height: 83px;
  position: relative;
}

#accessdance {
  float: left;
  width: 199px;
  height: 63px;
  margin: 10px;
  padding: 0;
  background-image: url(/images/accessdance_logo.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

#accessdance a {
  display: block;
  width: 199px;
  height: 63px;
  margin: 0;
  padding: 0;
}

#accessdance a span {
  display: none;
}

#header:after, #content:after, #content #center:after, #footer:after, #page-commissioners div.row:after {
  content: '.';
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#member, #dance-lessons {
  position: absolute;
  left: 225px;
  color: #000000;
}

#member a:link, #member a:visited, #member a:focus, #member a:hover, #member a:active, #dance-lessons a:link, #dance-lessons a:visited, #dance-lessons a:focus, #dance-lessons a:hover, #dance-lessons a:active {
  color: #6699ff;
}

#member {
  top: 38px;
}

#dance-lessons {
  top: 55px;
}

/*

#navigation-top {
  top: 69px;
  left: 370px;
  height: 27px;
}

#navigation-bottom {
  right: 0;
  height: 1.25em;
}

#navigation-top li, #navigation-bottom li {
  list-style-type: none;
  list-style-image: none;
  display: inline-block;
  display: expression('inline');
}

#navigation-top li {
  font-size: 13px;
  line-height: 13px;
  margin: 0 0 0 30px;
  padding: 3px 0;
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
}

#navigation-top li.selected, #navigation-top li:hover, #navigation-top li.hover {
  border-top: 4px solid #ddab42;
  border-bottom: 4px solid #ddab42;
}

#navigation-bottom li {
  font-size: 10px;
  color: #325A3D;
  line-height: 10px;
  border-left: 1px solid #939393;
  margin: 0 0 0 5px;
  padding: 0 0 2px 5px;
}

#navigation-bottom li.first {
  border-left-width: 0;
  border-left-style: none;
  padding-left: 0;
  margin-left: 0;
}

#navigation-top li a, #navigation-bottom li a {
  display: block;
}

#navigation-top li a:link, #navigation-top li a:visited, #navigation-top li a:focus, #navigation-top li a:hover, #navigation-top li a:active {
  text-decoration: none;
}

#navigation-top li a:link, #navigation-top li a:visited, #navigation-top li a:focus, #navigation-top li a:hover, #navigation-top li a:active, #navigation-bottom li a:link, #navigation-bottom li a:visited, #navigation-bottom li a:focus, #navigation-bottom li a:hover, #navigation-bottom li a:active {
  color: #325a3d;
}

#header-image {
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(/images/subheader_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  width: 900px;
  height: 415px;
}

#content {
  float: left;
  width: 900px;
  min-height: 500px;
  padding: 20px 0;
  margin: 0;
  background-color: #ffffff;
  color: #7f7f7f;
}

#content ul, #content ul li {
  list-style-type: none;
  list-style-image: none;
  margin: 0 0 20px 0;
  padding: 0;
}

#content ul li {
  padding: 0 0 0 25px;
  background-image: url(/images/content-li_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  min-height: 20px;
}

#page-home #content #content-top p {
  font-size: 150%;
  color: #345c3e;
  text-align: center;
  margin: 0 20px 20px 20px;
}

#page-home #content #content-left, #page-home #content #content-center, #page-home #content #content-right {
  float: left;
  width: 273px;
  margin: 0 32px 0 0;
}

#page-home #content h2, #page-home #content h2 a:link, #page-home #content h2 a:visited, #page-home #content h2 a:focus, #page-home #content h2 a:hover, #page-home #content h2 a:active {
  color: #345c3e;
}

#page-commissioners div.row {
  display: block;
  width: 607px;
  margin: 0 0 10px 0;
  position: relative;
}

#page-commissioners div.row div.photo {
  float: left;
  width: 120px;
  margin: 0 10px 0 0;
  padding: 0;
}

#page-commissioners div.row div.info {
  float: left;
  width: 477px;
  margin: 0;
  padding: 0;
}

#page-commissioners div.row div.info h4 {
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #345c3e;
}

#page-commissioners div.row div.info dl.small {
  margin: 0 0 20px 0;
}

#page-commissioners div.row div.info a.button {
  position: absolute;
  bottom: 0;
  left: 130px;
  margin: 0;
  padding: 5px;
  background-color: #345c3e;
  border: 1px outset #345c3e;
  color: #ffffff;
  text-decoration: none;
}

#content ul.tools {
  width: 607px;
}

#content ul.tools li {
  display: inline;
  list-style-image: none;
  background-image: none;
  padding-left: 0;
  min-height: 0;
  margin-bottom: 0;
}

#content ul.tools li.left, #content ul.tools li.right {
  float: left;
  width: 300px;
}

#content ul.tools li.left {
  text-align: left;
  maring-right: 7px;
}

#content ul.tools li.right {
  text-align: right;
}

#content ul.tools li.left ul, #content ul.tools li.right ul {
  width: 300px;
  margin: 0;
}

blockquote.forum {
  margin: 0 0 20px 20px;
  padding: 20px;
  font-style: italic;
}

blockquote.forum div {
  padding: 30px 5px 5px 5px;
  position: relative;
}

blockquote.forum div cite {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  height: 20px;
}



*/