* {margin: 0; padding: 0;} body {font-family: Tahoma; font-size: 11px;} html {height: 100%} body {height: 100%;} a img {border: 0;} a {text-decoration: underline; color: #af120e;} a:hover {text-decoration: none;} input {vertical-align: middle;} #wrapper {width: 100%; min-width: 995px; min-height: 100%; height: auto !important; height: 100%;} #header { height: 90px; padding: 38px 0px 0px 20px; background: url('../images/header.png') no-repeat 0 0;} #logo {height: 61px; padding-top: 4px;} #logo h1 {font-size: 23px; color: #a7302d; font-weight: bold; text-transform: uppercase;} #logo h1 a {color: #a7302d; text-decoration: none;} #logo p {font-size: 12px; color: #656565; margin-top: 8px;} #icons {width: 61px; float: right; height: 61px; border-right: 2px solid #e3dfc6; position: relative;} #topIcon {top: 10px; right: 18px; position: absolute; width: 11px; height: 11px; background: url( '../images/icon1.png' ) 0 0 no-repeat;} #topIcon:hover, #topIcon.selected {background-position: -11px 0;} #bottomIcon {bottom: 10px; right: 18px; position: absolute; width: 10px; height: 10px; background: url( '../images/icon2.png' ) 0 0 no-repeat;} #bottomIcon:hover, #bottomIcon.selected {background-position: -10px 0;} #farLogo {width: 161px; padding: 0 20px; float: right; height: 61px; position: relative;} #farLogo a {font-size: 12px; color: #656565; padding: 17px 0 0 50px; text-decoration: none; background: url( '../images/farLogo.png' ) 0 10px no-repeat; display: block; height: 61px;} #farLogo a:hover {text-decoration: underline;} #middle { width: 100%; padding: 0 0 100px; height: 1%; } #middle:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0;} #container {width: 100%; float: left; overflow: hidden;} #content {margin: 0 201px 0 261px; background: #f3f1e2; padding: 19px; border: 1px solid #e3dfc6; min-height: 616px;} .wideContent {margin-right: 20px !important;} #topNav {margin: 0 0 27px;} #topNav .sep {color: #bfbfbf; margin: 0 8px;} #searchResults li {margin: 0 0 15px;} #searchResults li a {font-size: 120%;} #content img {border: 1px solid #e3dfc6; padding: 5px; background-color: #fff; margin-bottom: 12px;} #content p {margin-bottom: 13px; line-height: 18px;} #content p:firstLine {line-height: 16px;} #content h1 {font-size: 18px; color: #a7302d; padding-bottom: 11px; position: relative; margin-top: -5px;} #content h2 {font-size: 18px; color: #000; padding-bottom: 11px;} #content h3 {font-size: 14px; color: #575757; padding-bottom: 11px; line-height: 18px;} #content h4 {font-size: 11px; font-weight: bold; padding-bottom: 3px; line-height: 18px;} #content ul {list-style-type: none;} #content li {background: url( '../images/dot.png' ) no-repeat 0 12px; padding-left: 13px; line-height: 24px;} #sitemap {margin-top: -5px;} #sitemap li {background: url( '../images/dot7.png' ) 0 3px no-repeat; font-size: 12px; font-weight: bold; padding-left: 23px; color: #000; margin-top: 5px; line-height: 18px;} #sitemap li ul {margin-top: 6px; margin-bottom: 18px;} #sitemap li a {color: #000; text-decoration: none;} #sitemap li a:hover {text-decoration: underline;} #sitemap li li {background: none; font-size: 11px; padding-left: 0; color: #595959; margin: 0;} #sitemap li li ul {margin-top: 0; margin-bottom: 6px;} #sitemap li li a {color: #595959;} #sitemap li li a:hover {color: #000;} #sitemap li li li {padding-left: 15px; color: #af120e; font-weight: normal;} #sitemap li li li ul {margin-top: 0; margin-bottom: 0;} #sitemap li li li a {color: #af120e;} #sitemap li li li a:hover {color: #af120e;} #sitemap li li li li {background: url( '../images/dot4.png' ) left no-repeat; padding-left: 12px; color: #595959;} #sitemap li li li li ul {margin-top: 0; margin-bottom: 0;} #sitemap li li li li a {color: #595959;} #sitemap li li li li a:hover {color: #595959;} #photoNav {color: #000; font-size: 18px; padding-bottom: 11px; position: relative;} #photoNav a {color: #000; text-decoration: none;} #photoNav a:hover {text-decoration: underline;} #photoNav a.noUnderline:hover {text-decoration: none;} #photoDiv {text-align: center; font-size: 14px; padding-bottom: 44px;} #photoDiv img {margin-bottom: 3px;} .greyDiv {font-size: 11px; color: #848484;} .pagination {text-align: center; font-size: 12px; line-height: 16px;} .paginationLeft {text-align: left;} .pagination b {padding-right: 12px; font-size: 11px;} .pagination a {color: #000; text-decoration: none;} .pagination a:hover {color: #d60000; text-decoration: none;} .pagination .sep {color: #848484; padding: 0 4px 0 4px;} .galleryLine {} .galleryColumn {width: 33%; float: left; padding-top: 5px; padding-bottom: 13px;} .galleryColumnRight {width: 34%;} .galleryColumn a {color: #af120e;} .galleryColumn a:visited {color: #006fdd;} .albumName {padding-bottom: 3px;} .count {color: #848484;} .albumCoverLeft, .albumCoverCenter, .albumCoverRight {width: 160px;} .albumCoverLeft {margin: 0 auto auto 0;} .albumCoverCenter {margin: 0 auto auto auto;} .albumCoverRight {margin: 0 0 auto auto;} #content .galleryColumn img {border: 1px solid #999999; padding: 0; margin-bottom: 5px;} .pages {float: right; padding-top: 2px;} .pages a {color: #d60000; text-decoration: none; padding: 0 5px;} .pages a.current {color: #000; text-decoration: none;} .timetableHeader {background: url( '../images/dot6.png' ) left no-repeat; font-size: 14px; padding-left: 15px; margin: 0 0 9px 0; margin-top: 21px;} .grey {color: #5e5e5e;} .presentDayHeader {background: url( '../images/dot5.png' ) left no-repeat; margin-top: 0;} .line {border-top: 1px solid #e3dfc6;} .timetable {border-collapse: collapse; border: 0; width: 100%;} .timetable td {border-top: 1px solid #e3dfc6; border-bottom: 1px solid #e3dfc6; padding: 7px 0 19px 0; vertical-align: top;} .timetable a {color: #006fdd;} .timetable .time {color: #5e5e5e;} .timetable .type {color: #000; font-weight: bold;} .timetable .type a {color: #000; text-decoration: none;} .timetable .group {color: #66963b;} .timetable .group a {color: #66963b; text-decoration: none;} .timetable .trainer {color: #000;} .timetable .phone {color: #5e5e5e;} .timetable td.time {width: 17%;} .timetable td.type {width: 17%;} .timetable td.group {width: 26%;} .timetable td.traine{width: 21%;} .timetable td.phone {width: 19%;} .filter {background-color: #e3dfc6; padding: 8px 3px 8px 11px; margin-top: 5px; line-height: 24px;} .filterColumnLeft {width: 33%; float: left; text-align: left; white-space: nowrap;} .filterColumnCentral {width: 33%; float: left; text-align: center;} .filterColumnRight {width: 34%; float: left; text-align: right;} .filter select {width: 140px; margin-left: 7px; padding-left: 9px; vertical-align: middle;} .filter option {padding-left: 9px;} .filter input {width: 40px; border: 1px solid #d4d0c8; margin: 0 7px; padding-left: 3px;} .filter label {vertical-align: middle;} #filterSubmit {width: auto; border: 0;} .tableHeader {font-size: 14px; color: #000; padding: 18px 0 26px 0;} .timetableWithBorders, .timetableWithBorders td, .timetableWithBorders tr {border: 1px solid #e3dfc6;} .timetableWithBorders td {padding: 8px; text-align: center;} .timetableWithBorders .type {padding: 7px 0 2px 0;} .timetableWithBorders tr.oddLine td.dateCell {background-color: #e3dfc6;} .timetableWithBorders .dateCell {vertical-align: top; padding: 8px 6px; text-align: left;} .timetableWithBorders .date {font-size: 12px; color: #b40501;} .timetableWithBorders .dayOfWeek {font-size: 12px; color: #a8a7a0; padding-top: 5px;} .spacer {clear: both;} .sl {float: left; width: 220px; margin-left: -100%; padding: 0 21px; position: relative;} #leftContent {background: #f3f1e2 url('../images/borders.png') repeat-y 0 0; min-height: 656px; border-bottom: 1px solid #e3dfc6;} .menu {min-height: 584px; background: url('../images/leftbg.png') no-repeat;} .menu a {text-decoration: none;} .menu a:hover {text-decoration: underline;} .menu ul {list-style-type: none; padding-bottom: 13px;} .menu ul ul {font-weight: bold; line-height: 15px; padding-bottom: 16px;} .menu ul ul ul {padding-top: 8px; padding-bottom: 13px;} .menu ul li li {padding: 0 20px; margin-bottom: 6px;} .menu ul li li a {color: #595959;} .menu ul li li a.selected {color: #000;} .menu li li li {padding-left: 10px;} .menu ul li li li a {color: #af120e; font-weight: normal;} .menu ul li li li a.selected {color: #af120e; text-decoration: underline;} .menu .firstLine {margin: 7px 0 6px;} .menu .firstLine {margin: 7px 0 6px;} .menu .firstLine ul {padding-bottom: 6px;} .search {height: 50px; margin: 0 20px; border-top: 2px solid #e2dfce; padding-top: 20px;} .search input.text {border: 1px solid #ccc8ae; height: 13px; width: 152px; font-size: 11px; padding: 2px;} .sr {float: left; width: 160px; margin-left: -201px; padding: 0 20px; position: relative;} .timetableRight {padding-bottom: 12px;} .timetableRight .today {color: #5e5e5e; line-height: 24px; } .timetableRight .type {color: #000; font-weight: bold; line-height: 18px; margin-top: -3px;} .timetableRight .type a {color: #000; font-weight: bold; text-decoration: none;} .timetableRight .time {padding-top: 1px;} .timetableRight .time span {color: #5e5e5e; background-color: #e3edd1; padding: 0 2px 0 5px; line-height: 19px; letter-spacing: 1px;} .timetableRight p {color: #5e5e5e; padding-left: 1px; padding-bottom: 7px; margin-top: -2px;} .timetableRight p a {color: #5e5e5e; text-decoration: none;} .timetableRight p:first-line {line-height: 16px;} /*#rightContent img {width: 160px; height: 108px;}*/ .redHeader {font-size: 12px; font-weight: bold; color: #fff; background: #a7302d; padding: 1px 0 3px 10px; position: relative; margin-bottom: 2px;} .redHeader a {font-size: 12px; font-weight: bold; color: #fff; text-decoration: none;} .redHeader a:hover {text-decoration: none;} #footer {margin: -96px auto 0; min-width: 995px; height: 96px; background: url('../images/footer.png') 0 bottom no-repeat;} #footer a {text-decoration: underline;} #footer a:hover {text-decoration: none;} #rightFooter {width: 181px; float: right; padding-top: 53px;} /*#rightFooter a {color: #7d7867; vertical-align: middle; padding-left: 27px; line-height: 19px; position: relative; top: -2px; background: url('../images/online-media-icon.png') 0 0 no-repeat; height: 19px;}*/ #rightFooter a {color: #7d7867; background: url( '../images/online-media-icon.png' ) 0 0 no-repeat; padding: 1px 0 0 27px; display: block; height: 19px; width: 110px;} #leftFooter {padding: 41px 0 0 21px;} #leftFooter a {color: #a7302d;} .calendarRow {overflow: hidden; margin: 0 0 10px; padding: 0 0 1px 1px;} .calendarDay {padding: 10px 5px; width: 35px; height: 98px; border-bottom: 1px solid #e3dfc6; border-top: 1px solid #e3dfc6; border-left: 1px solid #e3dfc6; float: left; clear: left;} .cdDayMonth {color: #b40501; font-size: 12px; font-family: Verdana, sans-serif;} .cdWeekday {color: #a8a7a0; font-size: 12px; font-family: Verdana, sans-serif;} .cdOdd {background: #e3dfc6;} .calendarItem {padding: 10px 5px; width: 115px; height: 98px; border: 1px solid #e3dfc6; text-align: center; float: left; margin: 0 0 -1px -1px; overflow: hidden;} .ciTime {color: #5e5e5e; font-family: Verdana, sans-serif; margin: 0 0 5px;} .ciArt {font-weight: bold; color: #000;} .ciType {color: #66963b;} .ciTrainer {color: #000;} #hotNews {position: absolute; top: 200px; left: 30%; padding: 0; width: 40%; z-index: 9999;} #hnClose {text-align: right;} #hnClose img {cursor: pointer; display: block; float: right; border-bottom: 3px solid #F50002;} #hnContent {border-top: 6px solid #A7302D; border-right: 1px solid #A7302D; border-bottom: 1px solid #A7302D; border-left: 1px solid #A7302D; padding: 18px 20px; background: #fff;}