/*** SITE STYLES ***/

/* START content */
div.content-container {
  width: 100%;
  overflow: hidden;
}

div.submenu {
  width: 225px;
  
}
/* END content */

/* START site */
.yellow {
  color: #fec224;
}

.orange {
  color: #fe6102;
}

.black {
  color: #000000;
}

.grey {
  color: #707070;
}

.red {
  color: #b10104;
}

.green {
  color: #399e36;
}

.dark-grey {
  color: #585858;
}

.serif {
  font-family: Georgia, serif;
}

h1 {
  font-size: 28px;
  font-family: Georgia, serif;
  color: #a70304;
  font-weight: normal;
}

h2 {
  font-size: 22px;
  font-family: Georgia, serif;
  color: #707070;
  font-weight: bold;
}

h3 {
  font-size: 18px;
  font-family: Georgia, serif;
  color: #707070;
  font-weight: bold;
}

h3 a {
  color: #707070;
}

a.traditional, a.traditional:visited {
  color: #4271a5;
  font-size: 14px;
}

a.traditional:hover, a.traditional:active {
  color: #e97743;
}

a, a:visited {
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

a.inverse, a.inverse:visited {
  text-decoration: underline;
}

a.inverse:hover, a.inverse:active {
  text-decoration: none;
}

fieldset * {
  color: #000000;
  font-weight: normal;
}

fieldset legend {
  color: #707070;
  font-weight: bold;
}

div.center {
  width: 100%;
  overflow: hidden;
  text-align: center;
}

body {
  margin: 0;
  background-color: #dbd7cb;
  background-image: url(../images/white-shell.png);
  background-position: left top;
  background-repeat: repeat;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
}

div.background {
  width: 100%;
  overflow: hidden;
  background-image: url(../images/red-background.png);
  background-position: left top;
  background-repeat: repeat-x;
}

div.site {
  width: 980px;
  overflow: hidden;
  margin: 38px auto 0 auto;
}

div.site-title {
  width: 963px;
  height: 72px;
  overflow: hidden;
}

div.site-title h1 {
  font-family: Arial, sans-serif;
  color: #000000;
}

div.site-title div.logo {
  width: 92px;
  overflow: hidden;
  float: left;
}

div.site-title div.address {
  width: 871px;
  float: left;
  overflow: hidden;
  padding-top: 10px;
  font-size: 13px;
}

div.site-title div.address span {
  letter-spacing: -0.8px;
}

div.site-title div.address h1 {
  font-size: 26px;
  font-weight: bold;
  margin: 1px 0 3px 0;
}

div.site-title div.address a {
  text-decoration: none;
  color: #000000;
}


div.menu {
  width: 100%;
  height: 45px;
  overflow: hidden;
  background-image: url(../images/menu-background.png);
  background-repeat: repeat-x;
  background-color: #000000;
}

a.main-menu-item {
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}

div.menu a.main-menu-item, div.menu a.main-menu-item:visited {
  display: block;
  float: left;
  height:  45px;
  line-height: 45px;
  border-left: 1px #252525 solid;
  border-right: 1px #4e4e4e solid;
  text-align: center;
  color: #d3d3d3;
}

div.menu a.main-menu-item:hover, div.menu a.main-menu-item:active, div.menu a.main-menu-item.active {
  color: #981a1b;
}

/* CONTENT */

div.site-content {
  width: 100%;
  overflow: hidden;
  background-color: #ffffff;
}

/* FOOTER */
div.footer {
  width: 100%;
  overflow: hidden;
}

div.footer div.details {
  background-color: #ededed;
  padding: 11px 0 9px 24px;
  width: 956px;
  overflow: hidden;
}

div.footer div.details div.logo {
  width: 115px;
  overflow: hidden;
  float: left;
}

div.footer div.details div.address {
  width: 295px;
  padding-top: 5px;
  color: #2d2d2d;
  overflow: hidden;
  float: left;
  font-size: 11px;
}

div.footer div.address span.title {
  font-family: Georgia, serif;
  font-size: 12px;
}

div.footer div.details div.kanji {
  width: 545px;
  overflow: hidden;
  float: left;
}

div.footer div.sitemap {
  width: 100%;
  background-color: #000000;
  padding: 5px 1px 60px 8px;
  overflow: hidden;
  float: left;
}

div.footer div.col {
  width: 150px;
  padding: 0 12px 0 0;
  overflow: hidden;
  float: left;
  color: #ffffff;
}

div.footer div.col a, div.footer div.col a:visited {
  color: #c9c9c9;
  font-size: 11px;
  text-decoration: none;
}

div.footer div.col a:hover, div.footer div.col a:active {
  text-decoration: underline;
}

div.footer div.col a.title {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
}

div.footer div.col a.level2 {
  font-weight: bold;
}

/* TINYMCE */

*.mceContentBody {
  padding: 10px;
  background-image: none;
  background-color: #ffffff;
}

/* CONTENT PAGE */

div.content-container {
  width: 100%;
  overflow: hidden;
  background-image: url(/images/content/content-background.png);
  background-position: 0 0;
  background-repeat: repeat-y;
}

div.content-container div.left-column {
  width: 207px;
  padding: 10px;
  overflow: hidden;
  float: left;
}

div.content-container div.right-column {
  width: 717px;
  padding: 13px 20px 75px 16px;
  overflow: hidden;
  float: left;
  background-color: #ffffff;
}

div.content-container div.content-main {
  width: 701px;
  padding: 10px 8px;
  overflow: hidden;
}

/* -- Menu -- */
div.content-menu {
  width: 207px;
  overflow: hidden;
}

div.content-menu div.menu-top, div.content-menu div.menu-bottom {
  width: 207px;
  height: 5px;
  overflow: hidden;
  float: left;
}

div.content-menu div.menu-top {
  background-image: url(/images/content/menu-top.png);
}

div.content-menu div.menu-bottom {
  background-image: url(/images/content/menu-bottom.png);
}

div.content-menu div.menu-middle {
  width: 205px;
  border-left: 1px #cdcdcd solid;
  border-right: 1px #cdcdcd solid;
  overflow: hidden;
  float: left;
}

div.content-menu a.active-title, div.content-menu a.inactive-title {
  width: 189px;
  padding: 0 8px 0 8px;
  overflow: hidden;
  background-position: 0 0;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
}

div.content-menu a.active-title {
  display: block;
  height: 25px;
  line-height: 25px;
  background-image: url(/images/content/menu-active-background.png);
}

div.content-menu a.inactive-title {
  display: block;
  height: 28px;
  line-height: 28px;
  border-bottom: 1px #cdcdcd solid;
  background-image: url(/images/content/menu-inactive-background.png);
}

div.content-menu a.inactive-title.last {
  height: 25px;
  border-bottom: none;
}

div.content-menu ul.active-menu {
  width: 189px;
  overflow: hidden;
  background-color: #ffffff;
  padding: 5px 8px;
  margin: 0;
  font-size: 11px;
}

div.content-menu ul.active-submenu {
  width: 174px;
  overflow: hidden;
  background-color: #ffffff;
  padding: 5px 0 0 15px;
  margin: 0;
  font-size: 11px;
}

div.content-menu ul.active-menu a {
  color: #606060;
}

div.content-menu ul.active-submenu a {
  color: #a0a0a0;
}

div.content-menu ul.active-menu a.active {
  font-weight: bold;
}

div.content-menu ul.active-menu li {
  list-style-type: none;
  padding: 5px 0;
}

/* -- Content -- */
div.content-title {
  width: 707px;
  height: 55px;
  overflow: hidden;
  background-image: url(/images/content/title-background.png);
  line-height: 55px;
  font-size: 28px;
  color: #b1b1b1;
  padding-left: 10px;
}

div.content-trail {
  width: 707px;
  overflow: hidden;
  padding: 7px 0 7px 10px;
  color: #989898;
}

div.content-trail a, div.content-trail a:visited {
  color: #989898;
  text-decoration: underline;
}

div.content-trail a:hover, div.content-trail a:active {
  color: #989898;
  text-decoration: none;
}

div.content-trail a.active, div.content-trail a.active:visited {
  text-decoration: none;
}

/* -- Basic Content -- */
div.basic-content {
  width: 518px;
  overflow: hidden;
  float: left;
  line-height: 18px;
}

div.basic-content h1 {
  line-height: 32px;
}

div.basic-content div.introduction {
  width: 100%;
  overflow: hidden;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px #ebebeb solid;
  font-size: 16px;
  color: #656565;
}

div.related-links {
  width: 165px;
  margin: 105px 0 0 18px;
  overflow: hidden;
  float: left;
}

div.related-links div.links-title {
  width: 163px;
  height: 42px;
  line-height: 42px;
  padding-left: 2px;
  border-top: 1px #ebebeb solid;
  border-bottom: 1px #ebebeb solid;
  overflow: hidden;
  font-size: 20px;
  color: #595959;
}

div.related-links a {
  display: block;
  width: 151px;
  padding-left: 12px;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px #ebebeb solid;
  color: #595959;
  background-image: url(/images/content/link-bullet.png);
  background-position: left center;
  background-repeat: no-repeat;
}

/* NEWS */
div.news-navigation {
  width: 165px;
  margin: 105px 0 0 18px;
  overflow: hidden;
  float: left;
}

div.news-navigation div.news-title {
  width: 163px;
  height: 42px;
  line-height: 42px;
  padding-left: 2px;
  border-top: 1px #ebebeb solid;
  border-bottom: 1px #ebebeb solid;
  overflow: hidden;
  font-size: 20px;
  color: #595959;
}

div.news-navigation a.month {
  display: block;
  width: 151px;
  padding-left: 12px;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px #ebebeb solid;
  color: #595959;
  background-image: url(/images/content/link-bullet.png);
  background-position: left center;
  background-repeat: no-repeat;
}

div.news-navigation a.month.active {
  background-image: url(/images/content/link-bullet-down.png);
}

div.news-navigation a.article {
  display: block;
  width: 139px;
  padding: 5px 0 5px 24px;
  line-height: 18px;
  color: #595959;
  border-bottom: 1px #ebebeb solid;
}

div.news-navigation a.article.active {
  font-weight: bold;
}

/* CALENDAR */

div.calendar {
  width: 100%;
  overflow: hidden;
}

div.calendar a, div.calendar a:visited {
  color: #000000;
  text-decoration: underline;
}

div.calendar a:hover, div.calendar a:active {
  text-decoration: none;
}

div.calendar a.grey {
  color: #707070;
}

div.calendar div.column {
  width: 259px;
  overflow: hidden;
  float: left;
}

div.calendar-month {
  width: 235px;
  padding: 5px;
  border: 1px #ADADAD solid;
  overflow: hidden;
  float: left;
  margin: 6px;
}

div.calendar-month div.month-title {
  width: 100%;
  overflow: hidden;
  line-height: 22px;
  font-size: 18px;
  font-family: Georgia, serif;
  color: #a70304;
  font-weight: normal;
  text-align: center;
  margin-bottom: 5px;
}

div.calendar-month div.month-entry {
  width: 100%;
  overflow: hidden;
  margin: 2px 0;
  font-size: 11px;
}

div.calendar-month div.month-entry.even {
  background-color: #efefef;
}

div.calendar-month div.day {
  width: 20px;
  overflow: hidden;
  float: left;
  margin-right: 10px;
  text-align: center;
}

div.calendar-month div.entry {
  width: 205px;
  overflow: hidden;
  float: left;
}

/* TIMETABLE */
div.schedule {
  width: 518px;
  overflow: hidden;
}

div.schedule div.days {
  width: 100%;
  overflow: hidden;
  color: #707070;
}

div.schedule div.days a {
  color: #707070;
}

div.schedule div.return-link {
  width: 100%;
  overflow: hidden;
  margin: 10px 0;
  text-align: right;
}

div.schedule div.return-link a {
  color: #707070;
}

div.schedule-day {
  width: 475px;
  padding: 10px;
  background-color: #fefefe;
  overflow: hidden;
  margin-bottom: 20px;
}

div.schedule-day div.title {
  width: 100%;
  overflow: hidden;
  margin: 10px 0;
  text-align: center;
  font-size: 24px;
  line-height: 28px;
  font-family: Georgia, serif;
  color: #981a1b;
}

div.schedule-class {
  width: 100%;
  overflow: hidden;
  padding: 3px 0;
  border-bottom: 1px #dadada solid;
}

div.schedule-class div.time {
  color: #b10104;
  width: 140px;
  padding-left: 12px;
  overflow: hidden;
  float: left;
  background-image: url(/images/red-arrow.png);
  background-position: left center;
  background-repeat: no-repeat;
}

div.schedule-class div.type {
  color: #000000;
  width: 200px;
  overflow: hidden;
  float: left;
}

div.schedule-class div.instructors {
  color: #707070;
  width: 123px;
  overflow: hidden;
  float: left;
}

/* END site */

/* START contact */
div.contact-form {
  width: 515px;
  overflow: hidden;
}

div.contact-form div.label, div.contact-form div.entry {
  overflow: hidden;
  float: left;
  margin: 3px 0 3px 0;
}

div.contact-form div.label {
  width: 140px;
  margin-right: 10px;
}

div.contact-form div.entry {
  width: 365px;
}
/* END contact */

/* START directory */
div.region-areas {
  width: 496px;
  border: 1px #AAAAAA solid;
  padding: 10px 0 10px 10px;
  margin: 10px 0;
  overflow: hidden;
}

div.region-areas a, div.region-areas a:visited {
  color: #1717F0;
}

a.region-name {
  font-size: 16px;
  color: #707070;
}

div.region-areas div.column {
  width: 238px;
  margin-right: 10px;
  overflow: hidden;
  float: left;
}

div.region-area {
  width: 100%;
  overflow: hidden;
  border-top: 1px #EBEBEB solid;
  margin: 10px 0;
  padding-top: 10px;
}

div.region-area div.area-name {
  width: 100%;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  margin-bottom: 10px;
}

div.region-area div.zone-name {
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  color: #707070;
}

div.region-area div.entry {
  width: 100%;
  margin: 10px 0;
  overflow: hidden;
}

a.return-link {
  color: #b10104;
}
/* END directory */

/* START home */
/* HOME PAGE */

div.home-content {
  width: 100%;
  padding-top: 20px;
  background-color: #ffffff;
  overflow: hidden;
}

/* -- Feature Box -- */
div.features {
  width: 980px;
  height: 373px;
  overflow: hidden;
  position: relative;
}

div.home-feature {
  width: 980px;
  height: 373px;
  overflow: hidden;
  color: #ffffff;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  font-family: Trebuchet, Tahoma, sans-serif;
}

div.home-feature div.rotation-left, div.home-feature div.rotation-right {
  position: absolute;
  width: 150px;
  height: 35px;
  overflow: hidden;
  color: #858585;
}

div.home-feature div.rotation-left, div.home-feature div.rotation-right a {
  color: #858585;
}

div.home-feature div.rotation-left {
  bottom: 25px;
  left: 5px;
}

div.home-feature div.rotation-right {
  bottom: 25px;
  left: 675px;
}

div.home-feature div.position-bullets {
  width: 150px;
  overflow: hidden;
  height: 17px;
  margin-bottom: 5px;
}

div.home-feature div.position-bullet {
  width: 7px;
  height: 7px;
  background-image: url(/images/dot.png);
  background-repeat: no-repeat;
  background-position: 0 -7px;
  margin: 5px 8px 5px 0;
  overflow: hidden;
  float: left;
}

div.home-feature div.position-bullet.active {
  width: 7px;
  height: 7px;
  background-image: url(/images/dot.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 5px 8px 5px 0;
  overflow: hidden;
  float: left;
}


div.home-feature.image-left div.leftside, div.home-feature.image-right div.rightside {
  float: left;
  overflow: hidden;
  width: 670px;
}

div.home-feature.image-left div.rightside, div.home-feature.image-right div.leftside {
  float: left;
  margin: 0 5px;
  overflow: hidden;
  width: 300px;
}

div.home-feature a, div.home-feature a:visited,
*.mceContentBody.home-feature a, *.mceContentBody.home-feature a:visited {
  color: #AFD9F2;
  text-decoration: none;
}
div.home-feature a:hover, div.home-feature a:active {
  text-decoration: underline;
}

/* -- Highlight Box --*/
div.highlights {
  width: 100%;
  overflow: hidden;
  border-top: 1px #a7a3a4 solid;
  background-color: #979797;
}

div.home-highlight {
  width: 326px;
  overflow: hidden;
  background-color: #979797;
  cursor: pointer;
}

div.highlights div.home-highlight {
  float: left;
}

div.highlights div.home-highlight.middle {
  border-left: 1px #a7a3a4 solid;
  border-right: 1px #a7a3a4 solid;
}

div.home-highlight div.highlight-title {
  height: 40px;
  width: 286px;
  padding: 0 20px 0 20px;
  background-color: #7e7e7e;
  font-size: 24px;
  font-family: Georgia, serif;
  line-height: 40px;
  color: #3a3a3a;
}

div.home-highlight div.highlight-content {
  height: 125px;
  width: 286px;
  padding: 10px 20px 10px 20px;
}

div.home-highlight div.highlight-image {
  height: 102px;
  width: 102px;
  margin-right: 9px;
  overflow: hidden;
  float: left;
  border: 1px #7e7e7e solid;
}

div.home-highlight div.highlight-text {
  width: 173px;
  overflow: hidden;
  float: left;
  color: #ffffff;
  font-size: 11px;
  line-height: 12px;
  padding-bottom: 5px;
}

div.home-highlight div.highlight-text h4 {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  text-decoration: none;
  margin: 0 0 5px 0;
}

/* -- Info Box --*/
div.info-grid {
  width: 760px;
  padding: 0 21px;
  overflow: hidden;
  float: left;
  border-right: 1px #eaeaea solid;
}

*.home-info {
  width: 252px;
  height: 332px;
  overflow: hidden;
  font-family: Georgia, serif;
  cursor: pointer;
}

div.info-grid *.home-info {
  float: left;
}

div.info-grid *.home-info.middle {
  width: 256px;
}

*.home-info div.title {
  width: 232px;
  height: 27px;
  line-height: 27px;
  padding-left: 20px;
  background-color: #f4f4f4;
  border-bottom: 1px #e9e9e9 solid;
  font-size: 12px;
  color: #3475af;
  overflow: hidden;
  text-transform: uppercase;
}

*.home-info div.content {
  width: 222px;
  padding: 10px 10px 10px 20px;
  overflow: hidden;
  color: #707070;
  font-size: 11px;
  line-height: 15px;
}

*.home-info.middle div.title {
  border-left: 2px #ededed solid;
  border-right: 2px #ededed solid;
}

*.home-info.middle div.content {
  border-left: 2px #f7f7f7 solid;
  border-right: 2px #f7f7f7 solid;
}

*.home-info div.content h2 {
  font-size: 21px;
  font-weight: normal;
  margin: 0 0 10px 0;
  color: #000000;
  line-height: normal;
}

*.home-info div.content a, *.home-info div.content a:visited, 
*.mceContentBody.home-info a, *.mceContentBody.home-info a:visited {
  color: #707070;
  text-decoration: underline;
}

*.home-info div.content a:hover, div.cell div.content a:active,
*.mceContentBody.home-info a:hover, *.mceContentBody.home-info a:active {
  text-decoration: none;
}

*.home-info blockquote {
  margin: 0;
  line-height: 18px;
  font-size: 15px;
  font-style: italic;
}

*.home-info div.content blockquote p {
  margin: 0;
}

/* -- Timetable -- */

div.timetable {
  width: 157px;
  padding: 0 10px;
  overflow: hidden;
  float: left;
}

div.timetable div.title {
  width: 100%;
  overflow: hidden;
  margin-bottom: 8px;
  font-weight: bold;
  color: #7d7d7d;
  font-size: 11px;
}

div.timetable div.title h3 {
  font-size: 22px;
  font-weight: normal;
  margin: 1px 0 0 0;
  color: #545454;
}

div.timetable div.entry {
  width: 145px;
  padding: 7px 0 7px 12px;
  border-top: 1px #dddddd solid;
  overflow: hidden;
  background-image: url(/images/red-arrow.png);
  background-position: left 9px;
  background-repeat: no-repeat;
  color: #9c9c9c;
  font-size: 11px;
  font-weight: bold
}

div.timetable div.tail {
  width: 145px;
  padding: 10px 0 7px 12px;
  border-top: 1px #dddddd solid;
  overflow: hidden;
  font-family: Georgia, serif;
}
/* END home */

/* START photoGallery */
div.photo-gallery div.photos {
  width: 100%;
  overflow: hidden;
}

div.photo-gallery div.photos div.display {
  width: 100%;
  overflow: hidden;
}

div.photo-gallery div.photos div.thumbs {
  border-top: 1px solid #EBEBEB;
  padding-top: 10px;
  margin-top: 10px;
  width: 100%;
  overflow: hidden;
}

div.photo-gallery div.thumbs a {
  border: 2px solid #EBEBEB;
  display: block;
  width: 100px;
  height: 100px;
  margin: 10px;
  overflow: hidden;
  float: left;
}

div.photo-gallery div.thumbs a.selected {
  border: 2px solid #9F080C;
}
/* END photoGallery */