body {
  font-family: Verdana, Tahoma, Arial, san-serif;
  font-size: 10pt;
  line-height: 1em;
}

h1, h2, h3, h4, h5, h6 { 
  font-family: Verdana, Tahoma, Arial, san-serif;
  line-height: 1em;
}

/** SPLASH PAGE **/

div#vm-splash-container {
  background: #fefefe url(../images/splash/body-bg.png) top repeat-x;
  overflow: hidden;
  width: 100%;
  padding-bottom: 100px;
}

div#vm-splash-inner-container {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

div#vm-splash-logo {
  width: 371px;
  height: 442px;
  background: url(../images/splash/splash-logo.png) no-repeat;
  margin-top: 61px;
}

div.vm-splash-panel {
  float: left;
  width: 154px;
  height: 460px;
  background: url(../images/splash/splash-panel-bg.png) no-repeat;
  margin-top: 52px;
  position: relative;
}

div.vm-splash-panel-inner-top {
  border: 3px solid #fff;
  margin: 3px 4px 0 3px;
  height: 309px;
  overflow: hidden;
  position: relative;
}

div.vm-splash-panel-inner-bottom {
  margin: 0 4px 0 3px;
  background: #333;
  height: 138px;
  overflow: hidden;
}

.vm-panel a:link, .vm-panel a:visited {
  display: block;
  width: 100%;
  height: 138px;
  text-decoration: none;
}

div.vm-panel-v-scroll {
  position: absolute;
  top: 0;
  height: 500px;
  width: 142px;
}

div.vm-panel-vocal { background: url(../images/splash/splash-panel-v-vocal.png) top no-repeat; }
div.vm-panel-recording { background: url(../images/splash/splash-panel-v-recording.png) top no-repeat; }
div.vm-panel-artists { background: url(../images/splash/splash-panel-v-artists.png) top no-repeat; }
div.vm-panel-events { background: url(../images/splash/splash-panel-v-events.png) top no-repeat; }

.vm-panel-vocal a:link, .vm-panel-vocal a:visited { background: url(../images/splash/splash-panel-a-vocal.png) no-repeat; }
.vm-panel-recording a:link, .vm-panel-recording a:visited { background: url(../images/splash/splash-panel-a-recording.png) no-repeat; }
.vm-panel-artists a:link, .vm-panel-artists a:visited { background: url(../images/splash/splash-panel-a-artists.png) no-repeat; }
.vm-panel-events a:link, .vm-panel-events a:visited { background: url(../images/splash/splash-panel-a-events.png) no-repeat; }

.vm-panel-vocal a:hover        { background: url(../images/splash/splash-panel-a-vocal-s.png) no-repeat; }
.vm-panel-recording a:hover { background: url(../images/splash/splash-panel-a-recording-s.png) no-repeat; }
.vm-panel-artists a:hover    { background: url(../images/splash/splash-panel-a-artists-s.png) no-repeat; }
.vm-panel-events a:hover      { background: url(../images/splash/splash-panel-a-events-s.png) no-repeat; }

.vm-float-left {
  float: left;
}

/** MAIN INDEX **/
div#vm-container {
  background: #fefefe url(../images/body/body-bg.png) top repeat-x;
  overflow: hidden;
  width: 100%;
}

div#vm-header {
  margin: 0 auto;
  width: 1000px;
  overflow: hidden;
}

div#vm-container div.vm-logo {
  background: url(../images/body/logo.png) left 8px no-repeat;
  height: 147px;
  width: 364px;
  float: left;
}

div#vm-container div.vm-panel {
  background: url(../images/body/panel-bg.png) left top no-repeat;
  width: 154px;
  height: 147px;
  float: left;
}

div#vm-container .vm-panel a:link, div#vm-container .vm-panel a:visited {
  margin: 5px 3px;
}

div#vm-body {
  width: 744px;
  margin: 0 auto;
  background: url(../images/body/body-inner-bg.png) repeat-y;
  overflow: hidden;
}

div#vm-body-inner {
  background: url(../images/body/body-top-bg.png) no-repeat;
}

div#vm-body-bottom {
  width: 100%;
  height: 5px;
  background: url(../images/body/body-bottom-bg.png) no-repeat;
}

div#vm-body-inner-margin {
  padding: 4px 3px 0px 4px;
}

div#vm-pathway {
  float: left;
  padding: 2px 0 0 0;
}

div#vm-pathway ul {
  margin: 0;
  padding: 0;
  line-height: 1em;
}

div#vm-pathway ul li {
  display: inline;
  background: none;
  margin: 0;
  padding: 0;
}

div#vm-body-header {
  background: url(../images/body/body-header-bg.png) repeat-x;
  color: #aec8e3;
  padding: 10px;
  height: 19px;
  font-size: 0.85em;
}

div#vm-body-header a:link, div#vm-body-header a:visited {
  color: #fff;
  text-decoration: none;
}

div#vm-body-header a:hover {
  text-decoration: underline;
}

div#vm-search {
  float: right;
}

div#vm-body-content {
  clear: both;
  position: relative;
  background: url(../images/body/body-content-bg.png) repeat-y;
}

div#vm-body-content a:link, div#vm-body-content a:hover {
  text-decoration: none;
  color: #2c65b6;
}

div#vm-body-content a:hover {
  text-decoration: underline;
}

div#vm-promo-pic {
  margin: 0 0 0 1px;
}

div#vm-promo-pic a {
  margin: 0 1px 1px 0;
  height: 210px;
  display: block;
  float: left;
}

div#vm-main {
  clear: both;
  overflow: hidden;
  color: #555;
  color: #000;
}

div#vm-main-left {
  float: left;
  width: 499px;
  overflow: hidden;
}

div#vm-main-left h1, div#vm-main-right h2 {
  background: url(../images/body/body-header-bg.png) repeat-x;
  padding: 0.5em;
  margin: 0;
  color: #fff;
  font-size: 1em;
}

div.vm-news-item {
  padding: 0.3em;
}

div.vm-news-item-info {
  border-bottom: 1px solid #aaa;
  padding: 0.2em 0.3em;
  overflow: hidden;
}

.vm-news-item-info h2 {
  float: left;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: bold;
  padding-top: 3px;
  line-height: 1.3em;
}

div.vm-news-item-date {
  float: right;
  color: #666;
  text-transform: uppercase;
  font-size: 0.75em;
}

div.vm-news-item-body {
  clear: both;
  margin: 0.5em 0;
  font-size: 0.85em;
  line-height: 1.4em;
}

.vm-news-item img.vm-news-item-pic {
  float: left;
  margin: 0 0.3em;
}

div#vm-main-right {
  float: right;
  width: 237px;
  overflow: hidden;
}

div#vm-main-right ul {
  margin: 0.2em 0.2em 0.5em 0.5em;
}

div#vm-main-right ul li {
  padding: 0.2em 0.2em 0.2em 1em;
}

div#vm-main-right ul li a:link, div#vm-main-right ul li a:visited {
  font-size: 0.85em;
  text-transform: uppercase;
}

div#vm-body-footer {
  clear: both;
  background: url(../images/body/body-header-bg.png) bottom repeat-x;
  padding: 0.5em;
  color: #aec8e3;
  text-align: center;
  font-size: 0.75em;
}

img.vm-preload {
  height: 1px;
  line-height: 1px;
}

div.vm-content {
  line-height: 1.5em;
  margin: 0.4em;
  font-size: 0.85em;
}