body {
    background-color: white;
    padding: 0;
    margin: 15px 0;
}

#intro-x {
/*    display: none; */
}

.pageContainer {
    width: 1003px;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}

.body {
    background: url('../images/body.jpg') repeat-y;
    padding: 0 50px 0 40px;
}

.body h4 {
    font: 28px arial;
    line-height: 50px;
    color: black;
    margin: 0;
    text-decoration: underline;
}

.body p {
    font: 20px times new roman, times;
    line-height: 30px;
    color: #616161;
    margin: 0;
    padding: 4px 0 10px;
}

.text-table {
    font: 20px times new roman, times;
    line-height: 30px;
    color: #616161;
}

.heading {
    background: url('../images/heading.jpg') no-repeat;
    padding: 70px 28px 0 28px;
}

.heading h1 {
    font: 64px arial;
    color: black;
    text-align: right;
    line-height: 80px;
    font-weight: normal;
    margin: 0 30px 30px 0;
}

.heading h2 {
    font: 36px arial;
    color: black;
    text-align: right;
    line-height: 52px;
    font-weight: normal;
    margin: 0 30px 0 0;
    text-transform: uppercase;
}

.heading .buttons {
    height: 66px;
    margin: 2px 0 0 0;
}

.heading .buttons a {
    display: block;
    width: 144px;
    height: 44px;
    background: url('../images/button.png') no-repeat;
    text-align: center;
    font: 28px arial;
    color: black;
    line-height: 41px;
    float: left;
    text-decoration: none;
    margin: 4px 5px;
}

.heading .buttons a.active,
.heading .buttons a:hover {
    color: white;
}

.heading .buttons a.right {
    float: right;
}

.heading h3 {
    text-align: center;
    color: white;
    font: 30px arial;
    line-height: 40px;
    background-color: #019dca;
    margin: 0;
    height: 42px;
}

.footage {
    background: url('../images/footage.jpg') no-repeat;
}

.footage p {
    margin: 0 0 16px 0;
    font: 28px arial;
    line-height: 42px;
    text-align: center;
    color: black;
}

.footage p a {
    text-decoration: none;
    color: black;
}

.footage p a:hover {
    color: #019dca;
}

/** carousel **/

#horizontal_carousel {
  float: left;
  width: 910px;
  height: 194px;
  margin: 20px 0 20px 10px;
  position: relative;
}

#horizontal_carousel .container {
  float: left;
  width: 840px;
  height: 194px;
  position: relative;
  overflow: hidden;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 240px;
}

#horizontal_carousel ul li {
    display: block;
  width: 280px;
  height: 240px;
  text-align: center;
  list-style:none;
  float:left;
}

#horizontal_carousel .previous_button, #horizontal_carousel .next_button {
  float:left;
  width: 32px;
  height: 43px;
  z-index: 100;
  cursor: pointer;
  margin-top: 66px;
}

#horizontal_carousel .previous_button {
  background: url('../images/left-arrow.jpg') no-repeat;
}

#horizontal_carousel .previous_button_over {
  background: url('../images/left-arrow.jpg') no-repeat;
}

#horizontal_carousel .previous_button_disabled {
    background: url('../images/empty.gif') no-repeat;
  cursor: default;
}

#horizontal_carousel .next_button {
  background: url('../images/right-arrow.jpg') no-repeat;
}

#horizontal_carousel .next_button_over {
  background: url('../images/right-arrow.jpg') no-repeat;
}

#horizontal_carousel .next_button_disabled {
    background: url('../images/empty.gif') no-repeat;
  cursor: default;
}

#horizontal_carousel .container img {
    width: 230px;
    height: 190px;
    border: 1px solid #4cbad9;
}

/** subscribe email box **/

.subscribe {
    width: 363px;
    height: 123px;
    background: url('../images/frame.gif') no-repeat;
    float: right;
    margin: 24px 2px 0 0;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.frame {
    margin: 26px 0 0 0;
    width: 363px;
}

.frame .top {
    background: url('../images/frameTop.gif') no-repeat;
    height: 10px;
    line-height: 1px;
}

.frame .fbody {
    background: url('../images/frameBody.gif') repeat-y;
}

.frame .bottom {
    height: 10px;
    background: url('../images/frameBot.gif') no-repeat;
    line-height: 1px;
}


.subscribe h6, .frame h6 {
    margin: 0px 0 14px 20px;
    font-weight: bold;
    line-height: 40px;
    font: 28px arial;
    text-align: left;
    color: #019dca;
}

.subscribe form, .frame form {
    margin: 0 2px;
    border: 1px solid white;
    padding-bottom: 8px;
}

.subscribe form label, .frame form label {
    width: 144px;
    margin: 5px 0 0 10px;
    display: block;
    float: left;
    font: 28px arial;
    line-height: 33px;

    height: 35px;
}

.subscribe form label.long, .frame form label.long {
    width: 310px !important;
}

.subscribe form input, .frame form input {
    float: left;
    display: block;
    width: 148px;
    height: 35px;
    border: 1px solid #019dca;
    padding: 0px 8px 0 8px;
    margin: 5px 14px 0 19px;
    font: 28px arial;
    line-height: 33px;
    text-align: left;
    color: #808080;
}

.subscribe form input, .frame form textarea {
    float: left;
    display: block;
    width: 310px;
    height: 100px;
    border: 1px solid #019dca;
    padding: 0px 8px 0 8px;
    margin: 8px 0 0 12px;
    font: 28px arial;
    line-height: 33px;
    text-align: left;
    color: #808080;
}

.frame form input.normal {
    float: none;
    display: inline;
    width: auto;
    height: auto;
/*    border: 1px solid #019dca;*/
/*    padding: 0px 8px 0 8px;*/
    margin: 0;
/*    font: 28px arial;*/
    line-height: auto;
/*    text-align: left;*/
/*    color: #808080;*/
}


.subscribe form a.button1, .frame form a.button1 {
    float: left;
    display: block;
    width: 144px;
    height: 44px;
    background: url('../images/button.png') no-repeat;
    text-align: center;
    font: 28px arial;
    color: black;
    line-height: 41px;
    float: left;
    text-decoration: none;
    margin: 0;
}

.subscribe form a.button2, .frame form a.button2 {
    float: left;
    display: block;
    width: 144px;
    height: 44px;
    background: url('../images/button.png') no-repeat;
    text-align: center;
    font: 28px arial;
    color: black;
    line-height: 41px;
    text-decoration: none;
    margin: 20px 0 0 100px;
}

.subscribe form a:hover, .frame form a:hover {
    color: white;
}

.frame form input.error,
.frame form textarea.error {
    border-color: #ff0000 !important;
    background-color: #ffe0e0 !important;
}

.frame form label.error {
    width: 100%;
    float: none;
    clear: both;
    font-size: 12px;
    color: #ff0000;
}

.timetable-entry h3 {
    font-size: 48px;
}

.timetable-entry p {
    font-size: 32px;
}

.timetable-entry a:hover {
    text-decoration: none;
}

ul.normal-list {
    margin: 5px 0 15px;
    list-style-type: disc;
    padding-left: 40px;
}

ul.normal-list li {
    color: #616161;
    font: 20px times new roman, times;
    line-height: 30px;
}

/* ext related styles */
.deletedRow {
    background-color: #eea0a0 !important;
}

.x-menu-list {
    height: auto !important;
}

.x-menu-scroller {
    display: none;
}

#msg-div {
    position: absolute;
    z-index: 10000;
}
