﻿@import url("base.css");
@import url("footer.css");
@import url("header.css");

div.contents {
  margin: 0px auto;
  overflow: auto;
  position: relative;
  padding: 204px 17px 0px 0px;
  width: 912px;
  z-index: 1;
}

div.contents div.column_left {
  display: inline;
  float: left;
  right: 0px;
  top: 0px;
  width: 552px;
}

div.contents div.column_left div.calendar {
  background-color: #202020;
  display: inline;
  float: left;
  margin: 26px 0px 0px 26px;
  width: 204px;
}

div.contents div.column_left div.calendar a.viewall {
  display: inline;
  float: left;
  padding: 10px;
  text-transform: uppercase;
}

div.contents div.column_left div.calendar p {
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

div.contents div.column_left div.calendar p.date {
  color: #00aeef;
  font-size: 10pt;
  margin: 10px 0px 0px 0px;
  padding: 0px 10px;
  text-transform: uppercase;
}

div.contents div.column_left div.calendar p.description {
  color: #b4b3b3;
  line-height: 1.3em;
  margin-top: 6px;
  padding: 0px 10px;
}

div.contents div.column_left div.calendar p.where {
  font-size: 7pt;
  margin: 3px 0px 0px 0px;
  padding: 0px 10px;
  text-transform: uppercase;
}

div.file {
  float: left;
  line-height: 1.3em;
  text-align: center;
  width: 184px;
}

div.file a:hover { text-decoration: none; }

div.file img { margin: 15px 60px; }

div.gallery {
  background-color: #202020;
  float: left;
  margin-top: 10px;
  padding: 0px 0px 10px 10px;
	width: 542px;
}

div.gallery h2 {
  background-color: transparent;
  border-width: 0px;
  color: #ffffff;
  font-size: 11pt;
  font-weight: normal;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 2px 0px;
}

div.gallery h2 span { color: #00aeef; }

div.gallery ul {
  display inline;
  float: left;
  list-style: none;
  margin: 0px; padding: 0px;
}

div.gallery ul li {
  display inline;
  float: left;
  margin: 10px 10px 0px 0px;
}

div.gallery ul li a {
  border: solid 4px #c0c0c0;
  border-bottom-width: 20px;
  float: left;
}
div.gallery ul li a:hover { border-color: #ffffff; }

div.gallery img {
  float: left;
}

div.news {
  display: inline;
  float: left;
  margin: 26px 0px 0px 0px;
  width: 322px;
}

div.item {
  color: #c0c0c0;
  background: transparent url("../images/background.item.png") no-repeat scroll 100% 0%;
  border-bottom: solid 1px #a3a3a3;
  padding: 0px 10px 10px 0px;
}

p.a, ol {
  line-height: 1.3em;
  color: #b4b3b3;
  font-size: 10pt;
  margin: 3px 0px 0px 0px;
}

p.q {
  color: #00aeef;
  font-size: 11pt;
  margin: 20px 0px 0px 0px;
}

p.blue {
  color: #00aeef;
  margin: 25px 0px 0px 0px;
  padding: 0px;
  text-transform: uppercase;
}

p.date {
  color: #ffffff;
  font: normal normal normal 7pt arial,verdana,sans-serif;
  margin: 0px;
  padding: 15px 0px 0px 0px;
  text-transform: uppercase;
}

p.description {
  color: #b4b3b3;
  margin-top: 6px;
}

p.location {
  color: #ffffff;
  font-size: 11pt;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  text-align: center;
}

p.title {
  color: #00aeef;
  font: italic normal normal 11pt georgia,times new roman,serif;
  margin: 0px;
  padding: 8px 0px 0px 0px;
}

p.title a { color: #00aeef; }

img.staff {
  display: block;
  margin: 20px auto 0px auto;
}

p.staff_blue {
  color: #00aeef;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  text-transform: uppercase;
}

p.staff_gray {
  color: #b4b3b3;
  margin: 3px 0px 0px 0px;
  padding: 0px;
}

div.contents div.column_left div.rotator {
  height: 390px;
  position: relative;
  width: 552px;
}

div.contents div.column_left div.rotator a {
  height: 390px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 552px;
}

div.contents div.column_right {
  display: inline;
  float: left;
  right: 0px;
  margin: 0px 0px 0px 31px;
  top: 0px;
  width: 324px;
}

div.contents div.column_right div.banners {
  background-color: #202020;
  padding: 0px 12px 12px 12px;
}

div.contents div.column_right div.banners img { padding: 12px 0px 0px 0px; }

div.contents div.column_right div.slideshow {
  height: 251px;
  margin: 26px 0px 0px 0px;
  position: relative;
  width: 324px;
}

div.contents div.column_right div.slideshow img {
  height: 251px;
  left: 0px;
  position: absolute;
  top: 0;
  width: 324px;
}
