html {
  min-height: 100%;
}

body {
  min-height: 100%;
  background-color:#2b335b;
  background-image: url(/img/page-bg-grad.png);
  background-image: -webkit-gradient(
      linear, 0% 0%, 0% 66%,
      from(#616B9A),
      to(transparent));
  background-repeat: repeat-x;
  font-size: 14px;
  font-family: Lucida Sans Unicode, Lucida Grande;
  font-family: Verdana;
  color:#333333;
}

h1, h2, h3, h4, h5 {
  font-family: Verdana;
  margin: 0;
  padding: 0;
}

h1 {
  margin-top: 0em;
}

img {
  border:0;
}

#page {
  margin:0 auto;
  width: 980px;
  background: white;
  background: #fff url(/img/front-page-gradient.png) repeat-x bottom center;
  background-image: -webkit-gradient(
      linear, 0% 0%, 0% 66%,
      from(transparent),
      to(rgba(19,19,19,0.15)));

  border-right:solid 4px #E5E5E5;
  border-left:solid 4px #E5E5E5;
  position: relative;
}

#page img {
  max-width: 90%;
  margin: 10px 0px;
}

#global_nav {
  color: rgb(153, 153, 153);
  font-size: 11px;
  float:right;
  padding-right:1em;
  padding-top:5px;
}

.m_item {
  padding: 1px 4px;
  border-right: dotted 1px rgba(242,242,242,.1);
  padding-top: 0px;
  text-decoration: none;
  font-size: 11px;
  color: #aaa;
}

a.m_item:hover {
  text-decoration: underline;
  color: #eee;
  background:transparent;
}
#logo {
    margin:8px 0 0 13px;
    padding: 0px 5px;
    padding-bottom: 4px;
/*    background: -webkit-gradient(linear, 0% 50%, 0% 95%,
      from(rgba(0, 0, 0, 0.0)),
      to(rgba(205, 105, 255, 0.2)));
*/}
#logo a:hover {
  background:transparent;
}

#header {
  height: 59px;
  background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(rgba(242, 242, 242, 0.0976562)), to(rgba(12, 12, 12, 0.0976562))) rgb(27, 34, 77);

  background-image: url(/img/header-bg-grad.png);
  background-repeat: repeat-x;

  margin: 2em auto 0px auto;
  width: 980px;
  border-right:solid 4px rgb(27, 34, 77);
  border-left:solid 4px rgb(27, 34, 77);
  border-top:solid 4px inherit;
  padding:0;
  -webkit-border-top-right-radius:10px;
  -webkit-border-top-left-radius:10px;
  -moz-border-radius-topright:10px;
  -moz-border-radius-topleft:10px;

}

#footer {
    margin: 0 auto 1em auto;
    width: 988px;
    background: #E5E5E5;
    -webkit-border-bottom-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-bottomleft:10px;
    height:10px;
}

#categories {
  background:#F2F2F2;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  margin-top:1.5em;
  -webkit-box-shadow:1px 1px 3px #D8D8D8;
  -moz-box-shadow:1px 1px 3px #D8D8D8;
}
#categories td {
  border-right:dotted 1px #D8D8D8;
}
#categories td.last {
  border-right:none;
}
.settings_nav {
  text-align:center;
  margin-top:5em;
  margin-bottom:1em;
}
.page_info {
  margin-top:1em;
  background:transparent;
  display:inline-block;
  padding:3px 20px;
  -webkit-border-top-right-radius:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-box-shadow: 0px -1px 1px #E5E5E5;
  -moz-border-radius-topright:5px;
  -moz-border-radius-topleft:5px;
  -moz-box-shadow: 0px -1px 1px #E5E5E5;
}

#sched {
  width:75%;
  text-align:left;
  margin:0 auto;
}
#sched tbody {
  background:#F2F2F2;
}
#sched th {
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  color:#000;
}
#sched td {
  white-space:nowrap;
  padding:3px 10px;
  color:#000;
  width:50%;
}
#sched td.last {
  border-right:none;
}
#sched td.morning {
  background:rgba(255,198,76,.55);
}
#sched td.afternoon {
  background:rgba(255,130,20,.55);
}
#sched td.evening {
  background:rgba(167,68,54,.55);
}
.extra-info {
  width:500px;
  margin:1em auto;
  font-size:10px;
}
.extra-info span {
  display:block;
  margin-top:.25em;
}







/* graybox */


#GB_overlay {
  background-image: url(overlay.png);
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

#GB_window {
  top: 50px;
  left: 0px;
  position: absolute;
  background: #000;
  border: 1px solid #aaa;
  overflow: auto;
  width: 400px;
  height: 400px;
  z-index: 150;
  text-align: center;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;
  text-align: center;
}

#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #000;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#GB_window img {
  position: absolute;
  bottom: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}