body {
 background: #171f2c;
 font-size: 12px;
 color: #FFFFFF;
}

.loadingpage {
 background: #000; 
}

a#loading_skip {
 color: #FFF;
 float:right;
 text-decoration: none;
}

a#loading_skip:hover {
 text-decoration: underline; 
}

div#loading_banner {
 background: url(images/loading_banner.png) no-repeat;
 width: 621px;
 height: 118px;
 margin: 184px 0px 0px 230px;
 padding: 0;
 float:left;
}

div#loading_volume {
 background: url(images/levels_icon.png) no-repeat;
 width: 142px;
 height: 50px;
 margin-top: 170px;
 margin-left: 870px;
 float:left;
}

div#homepage_featured_video {
 width: 711px;
 height: 288px;
 background: url(images/featured_video_bg.png);
}

div#homepage_featured_video h1 {
 color: #FFFFFF;
 font-family: Arial;
 font-size: 14px;
 margin: 10px 0px 0px 10px;
 float: left;
}

div#homepage_pic_panel_1 {
 width: 408px;
 height: 114px;
 background: url(images/homepage_pics1.jpg);
 margin-top: 2px;
}

div#homepage_pic_panel_2 {
 width: 408px;
 height: 114px;
 margin-top: 29px;
 background: url(images/homepage_pics1.jpg);
}

div#homepage_news {
 width: 406px;
 height: 259px;
 margin-top: 29px;
 background: url(images/homepage_news_bg.png);
 float: left;
}

div#homepage_news h3 {
 margin: 10px 0px 0px 10px;
}

div#homepage_news_content {
 color: #000000;
 margin: 20px 0px 0px 10px;
}

div.social_icons {
 background: url(images/social_icons.png) no-repeat;
 width: 134px;
 height: 22px;
}

div#homepage_login {
 background: url(images/login_bg.png);
 width: 232px;
 height: 110px;
 margin-top: 2px;
 float:left;
}

div#homepage_login h3 {
 color: #000;
 margin: 10px 0px 0px 10px;
 background: url(images/login_heading.png) no-repeat;
 width: 38px;
 height: 18px;
 float:left;
}

div#homepage_login form {
 margin: 10px 0px 0px 10px;
 float: left;
}

div#homepage_login p {
 margin: 0;
 padding: 0;
 line-height: 10px;
}

div#homepage_login label {
 width: 72px;
 float:left;
 font-family: Arial;
 font-size: 12px;
 font-weight: bold;
 padding: 3px 0px 0px 0px;
}

input.login_text {
 background: url(images/login_text_bg.png) no-repeat;
 width: 128px;
 height: 21px;
 border: none;
 padding: 0px 0px 0px 4px;
 margin: 0;
 font-size: 11px;
}

div#homepage_left {
 float:left;
}

div#homepage_right {
 float: left;
 margin-left: 2px;
 background: #71706d url(images/homepage_right_bg.png) repeat-x;
 height: 547px;
 width: 300px;
 }
 
 div#homepage_latest_events {
  margin-top: 20px;
  margin-left: 10px;
 }
 
 div#homepage_latest_events h3 {
  background: url(images/latest_events.png) no-repeat;
  width: 165px;
  height: 23px;
 }

 div.latest_event {
  float:left;
 }
 
 div.latest_events_thumb {
  background: url(images/thumb_frame.png) no-repeat;
  width: 120px;
  height: 97px;
  margin-top: 20px;
  float: left;
 }
 
 div.latest_events_thumb img {
  width: 112px;
  margin: 4px 0px 0px 4px;
 }
 
 div.latest_event_content {
  float:right;
  width: 160px;
  height: 85px;
  margin-top: 5px;
  margin-left: 5px;
  padding-top: 5px;
  font-family: Tahoma, Arial;
  font-size: 11px;
 }
 
 a.more_info {
  background: url(images/white_button.png) no-repeat;
  width: 74px;
  height: 22px;
  display: block;
  color: #000000;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 0px 0px 10px;
  float:left;
  text-decoration: none;
  margin-left: 10px;
 }
 
 .hidden {
  display:none;
 }

#wrapper {
 margin: auto;
 width: 720px;
}

#banner {
 background: url(images/cryme_banner.jpg);
 width: 720px;
 height: 98px;
}

#main_body {
 background: url(images/gradient.png) repeat-x;
 height: 836px;
 width: 711px;
 clear: both;
}

ul#top_menu {
 list-style-type: none;
 margin: 0;
 padding: 0;
 text-align: center;
 float:left;
}

ul#top_menu li {
  display: inline;

}

ul#top_menu li a {
 height: 19px;
 background: #5b6878;
 float:left;
 margin-top: 19px;
 margin-bottom: 5px;
 border-right: 2px solid #000;
 padding: 3px;
 text-decoration: none;
 color: #000000;
 font-family: Arial;
 font-weight: bold;
 font-size: 12pt;
 width: 80px;
}