@charset "utf-8";
body {
  font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
  background: #000;
  margin: 0;
  padding: 0;
  color: #fff;
}

/* ul, ol, dl { 
  padding: 0;
  margin: 0;
} */

* {
    outline: none;
}

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;  
  padding-right: 0px;
  padding-left: 0px; 
}
a img { 
  border: none;
}
a:link, a:visited {
  color: #AC00B5;
  text-decoration: none;
}
a:hover, a:active, a:focus { 
  text-decoration: underline;
}

.container {
  width: 960px;
  background: #FFF;
  margin: 0 auto; 
}

.header {
  background: url(/data/assets/msvr/img/Header-BG.jpg) center no-repeat;
  height: 134px;
}
.header-logo {
  width: 980px;
  margin: 0 auto;  
}

.menu {
  background: url(/data/assets/msvr/img/menu-bg.jpg);  
  margin: 0 auto;
  padding: 0px;
}

.menu-left { display: inline; width: 0px; border-right: 1px solid #4E2C50; height: 29px; }
.menu-right { display: inline; width: 0px; border-left: 1px solid #B589B7; height: 29px; }

.menu-items {
  width: 980px;
  margin: 0 auto;
  padding: 0px;
}

a.menu-item:link, a.menu-item:visited {
  margin: 0px;
  line-height: 29px;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  padding: 8px 12px;
  border-left: 1px solid #B589B7;
  border-right: 1px solid #4E2C50;
  font-size: 11px;
}

a.menu-item-hover:link, a.menu-item-hover:visited {
  margin: 0px;
  line-height: 29px;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  padding: 8px 12px;
  border-left: 1px solid #B589B7;
  border-right: 1px solid #4E2C50;
  font-size: 11px;
  background: url(/data/assets/msvr/img/menu-over.png);  
}

a.menu-item:hover, a.menu-item:active, a.menu-item:focus {
  background: url(/data/assets/msvr/img/menu-over.png);  
}

.content {
  /* background: url(/data/assets/msvr/img/content-bg2.jpg) repeat-x bottom; */
  background: #111;
}

.content-area {
  width: 980px;
  margin: 0px auto;  
  padding: 20px 0px 20px 0px;
}

.sitemap {
  clear: both;
  background: #161616;
  border-top: 1px solid #1E1E1E;
  min-height: 130px;
  overflow: hidden;
  margin: 0px;
}

.sitemap-area {
  width: 980px;
  margin: 10px auto;  
  font-size: 10px;
  line-height: 18px;
  color: #666;  
  font-weight: bold;
}

.sitemap-area div {
  float: left;
  width: 230px;
  margin-right: 20px;  
}

.sitemap-area .right {
  margin-right: 0px;  
}

.sitemap-area strong {
  font-size: 12px;
  color: #fff;
}

.sitemap-area div a:link, .sitemap-area div a:visited {
  color: #aaa;
  text-decoration: none;
  font-weight: normal;
}
.sitemap-area div a:hover, .sitemap-area div a:active, .sitemap-area div a:focus { 
  color: #AC00B5;
}
.footer {
  background: #000;
  border-top: 1px solid #1E1E1E;
}

.footer-area {
  width: 980px;
  margin: 10px auto;  
}
.footer-area .logo {
  float: right;
  outline: none;
}
.footer-area .message {
  float: left;
  line-height: 20px;
  font-size: 11px;
}

.champSelector {
  float: right;
  width: 360px;
  font-size: 10px;
}

.champSelector h2 {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  font-weight: bold;
}

.champItem {
  float: left;
  width: 110px;
  height: 80px;
  margin: 10px 10px 0px 0px;
  padding: 0px;
  position: relative;
  /* background: url(/data/assets/msvr/img/msvr-selector.png); */
  overflow: hidden;
}

.champText {
  position: absolute;
  bottom: 5px;
  left: 2px;
  text-align: center;
  width: 106px;
  font-size: 9px;
}

.champText a:link, .champText a:visited {
  color: #fff;
}

#seriesBannerBox {
  width: 980px;
  height: 300px;
  max-height: 300px;
  position: relative;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  overflow: hidden;
}

.seriesBannerOverlay {
  position: absolute;
  top: 0px; left: 0px; width: 980px; height: 300px;
  background: url(/data/assets/msvr/img/series-banner-overlay2.png);
}

.seriesBannerOverlayCaption {
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 12px;
}

#homeBannerBox {
  width: 600px;
  height: 280px;
  max-height: 280px;
  position: relative;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  overflow: hidden;
}

.homeBannerOverlay {
  position: absolute;
  top: 0px; left: 0px; width: 600px; height: 280px;
  background: url(/data/assets/msvr/img/home-banner-overlay-280.png);
}

.homeBannerOverlayCaption {
  position: absolute;
  width: 500px;
  top: 257px;
  left: 10px;
  font-size: 12px;
  white-space: nowrap;
}

.homeMain {
  font-size: 10px;
  margin: 0px 380px 0px 0px;
}

.homeMain h1 {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  font-weight: bold;
}

.seriesMain {
  font-size: 10px;
  margin: 0px 380px 0px 0px;
}

.seriesMain h1 {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  font-weight: bold;
}

.seriesBar {
  float: right;
  width: 360px;
  font-size: 10px;
}

.seriesBar h2 {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  font-weight: bold;
}

.pageMain {
  font-size: 10px;
  margin: 0px 380px 0px 0px;
}

.pageMain h1 {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  font-weight: bold;
}

.pageMain h2 {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  font-weight: bold;
}

.pageBar {
  float: right;
  width: 360px;
  font-size: 10px;
}

.pageBar img {
  margin: 0px 0px 20px 0px;
}

.galleryImage {
  width: 110px;
  float: left;
  margin: 0px 10px 10px 0px;
}

.calendarMain {
  font-size: 10px;
  margin: 0px 0px 0px 0px;
}

.calendarMain h1 {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  font-weight: bold;
}

.calendarMain strong {
  color: #fff;
}

.calendarMain table {
  color: #999;
}

.calendarMain .alt {
  background-color: #151515;
}

.fltrt { 
  float: right;
  margin-left: 8px;
}
.fltlft { 
  float: left;
  margin-right: 8px;
}
.clearfloat { 
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

.homeNewsItem {
    color: #999;
  height: 80px;
  margin: 0px 0px 15px 0px;
  line-height: 12px;
}

.homeNewsItem h2 {
  padding: 0px;
  margin: 0px 0px 10px 0px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 16px;
}

.homeNewsItem .imgDiv {
  float: left;
  border: 1px #1E1E1E;
  width: 125px; height: 80px;
  overflow: hidden;
  margin: 0px 15px 0px 0px;
}

.newsMain {
  font-size: 10px;
  margin: 0px 0px 0px 0px;
}

.newsMain h1 {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  font-weight: bold;
}

.newsItem {
    color: #999;
  height: 80px;
  margin: 0px 0px 15px 0px;
  line-height: 12px;
}

.newsItem h2 {
  padding: 0px;
  margin: 0px 0px 10px 0px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 16px;
}

.newsItem .imgDiv {
  float: left;
  border: 1px #1E1E1E;
  width: 125px; height: 80px;
  overflow: hidden;
  margin: 0px 15px 0px 0px;
}
.comingEvents {
  float: left;
  width: 290px;
  margin: 10px 20px 0px 0px;
  padding: 0px;
  color: #999;
}

.comingEvents h1 {
  color: #fff;
  margin-bottom: 20px;
}

.comingEvent h2 {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 14px;
}

.comingEvent {
  margin: 0px 0px 15px 0px;
}

/* ------------------------------------------------ */
/* ------------------TRANSMENU--------------------- */
/* ------------------------------------------------ */
#menu {
    float: left; background:#CC0000;
    border-bottom:1px solid white;
    padding: 4px 0px;
    width:950px;
}
#phone {
    float: right; background:#CC0000;
    border-bottom:1px solid white;
    padding:2px 5px 0px 0px;
    width:145px;
  height: 21px;
  color: white; font-size: 16px; font-weight: bold; text-align: right;
    }
#menu a {
    padding:4px 7px;
    text-decoration:none;
    font-weight:bold;
    color:#EEE;
    }
#menu a.hover {
    background:#CCC;
  color: #CC0000;
    }
#menu span {
    display:none;
    }
#subnav {
    font-size:10px;
    margin-bottom:2em;
    }
#subnav a {
    color:#FB3B00;
    margin-right:1em;
    }
#subnav span {
    color:silver;
    margin-right:1em;
    }
a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:113px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-150px;
left: 5px;
-moz-opacity:.9;
filter:alpha(opacity=90);
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:124px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500;
}
a.screen:hover b img {
border:0; /* remove the link border */
}
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
  position:absolute;
  overflow:hidden;
  left:-1000px;
  top:-1000px;
  }

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
  position:absolute;
  }

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
  position:relative;
  left:0px; top:0px;
  z-index:2;
  }

.transMenu.top .items {
  border-top:none;
  }

/* each TR.item is one menu item */
.transMenu .item {
    color:#222;
    font-size:11px;
    font-weight: normal;
    text-decoration:none;
    font-size: 11px;
  /* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
  border:none;
  cursor:pointer;
  cursor:hand;
  }

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
  position:absolute;
  left:0px; top:0px;
  z-index:1;
  -moz-opacity:.9;
  filter:alpha(opacity=90);
  }

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
  position:absolute;
  z-index:3;
  top:3px; width:2px;
  -moz-opacity:.4;
  filter:alpha(opacity=40);
  }

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
  position:absolute;
  z-index:1;
  left:3px; height:2px;
  -moz-opacity:.4;
  filter:alpha(opacity=40);
  }

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
  background: #AC00B5; /* #fdfdfd; */
  color:white;
  }

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
  margin-left:10px;
  }

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

.homeNewsBox {
  border-bottom: 1px solid #1E1E1E;
  padding: 0px 0px 10px 0px;
}

.seriesCalendarBox {
  border-top: 1px solid #1E1E1E;
  padding: 10px 0px 0px 0px;
}










/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */