/*****************************************
* Homepage top row
*****************************************/

#main_top_row {
  margin-top: 10px;
  border: 0px solid #f00;
}

#main_top_row #slideshow {
  border: 0px solid #f00;
  width: 490px;
  height: 292px;
  background-image: url('/graphics/bg_slideshow.png');
  float: left;
  margin-right: 10px;
}

#main_top_row #video {
  border: 0px solid #f00;
  width: 240px;
  height: 272px;
  background-image: url('/graphics/bg_video.png');
  float: left;
  color: #fff;
  padding: 10px 24px;
  text-align: right;
}

#main_top_row #video .player {
  width: 240px;
  margin: 6px 0 0 0;
}

#main_top_row #video h4 {
  font-size: 10px;
}

.video_list_container {
  position:relative;
  margin-top: 10px;
  text-align:center;
  width: 240px;
  height: 58px;
  background-color: #2f2f2f;
}

.arrow_left {
  position: absolute;
  margin: 0px 0 0 0px;
  top: 4px;
  left: 0;
  z-index: 100;
}

.arrow_right {
  position: absolute;
  margin: 0px 0 0 0px;
  top: 4px;
  right: 0;
  z-index: 100;
}


a.arrow_left img, a.arrow_right img {
  opacity: .70;
  filter:alpha(opacity = 70);
}

a.arrow_left:hover img, a.arrow_right:hover img {
  opacity: 1;
  filter:alpha(opacity = 100);
}

.video_list {
  width: 390px;
  margin: 4px 0 0 4px;
}

.video_slides {
  margin-left: 18px;
  width: 204px;
  height: 58px;
  overflow: hidden;
}

.video_slides div.video_slide {
  margin-top: 4px;
  width: 204px;
  height: 58px;
}

.video_slides img {
  border:1px solid #fff;
  margin: 0 8px;
}

/*****************************************
* Homepage Playlist
*****************************************/

#main_top_row #playlist {
  border: 0px solid #f00;
  width: 152px;
  height: 264px;
  background-image: url('/graphics/bg_playlist.png');
  background-repeat: no-repeat;
  float: left;
  padding: 10px 20px;
  color: #fff;
}

#main_top_row #playlist a {
  color: #fff;
}

#main_top_row #playlist h4 {
  color: #c09826;
  text-transform: uppercase;
  font-size: 16px;
}

#main_top_row #playlist h5 {
  text-transform: uppercase;
  background-image: url('/graphics/playlist_plus.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}

#main_top_row #playlist ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 11px;
}

#main_top_row #playlist ul li {
  border-bottom: 1px solid #5189aa;
  margin-bottom: 8px;
  padding-bottom: 6px;
}

/*****************************************
* Homepage bottom row
*****************************************/

#main_bottom_row {
  margin-top: 10px;
  border: 0px solid #f00;
}

#main_bottom_row #scrollbox {
  border: 0px solid #f00;
  width: 490px;
  height: 348px;
  background-image: url('/graphics/bg_scrollbox.png');
  float: left;
  margin: 0 14px 0 0;
}

#main_bottom_row #scrollbox #promos {
  overflow:auto;
  width:440px;
  height:316px;
  color:#fff;
  margin: 20px 20px 0 22px;
}

#main_bottom_row #scrollbox #promos .single {
  width: 420px;
  height: 75px;
  margin-bottom: 14px;
  padding-bottom: 15px;
  border-bottom: 2px solid #5189aa;
}

#main_bottom_row #scrollbox #promos img {
  float:left;
  width:75px;
  height:75px;
  margin: 0 15px 0 0;
}

#main_bottom_row #scrollbox a {
  color:#fff;
  font-weight:bold;
}

#main_bottom_row #scrollbox h3 {
  font-size:14px;
}

#main_bottom_row #scrollbox hr {
  width:420px;
  border:1px solid #5189aa;
}

#main_bottom_row .banner {
  width: 228px;
  height: 152px;
  background-image: url('/graphics/bg_banner.png');
  float: left;
}

#main_bottom_row #banner1 {
  margin: 4px 19px 0 0px;
}

#main_bottom_row #banner1 img {
  margin: 4px 0 0 5px;
}

#main_bottom_row #banner2 {
  width: 217px;
  height: 131px;
  margin: 4px 0 0 0;
}

#main_bottom_row #banner2 img {
  width: 217px;
  height: 131px;
  margin: 4px 0 0 5px;
}

#main_bottom_row #multi-select {
  width: 465px;
  height: 149px;
  float: left;
  border: 0px solid #f00;
  background-image: url('/graphics/tab_box1.png');
  margin-left: 5px;
}

/*****************************************
* Homepage bottom row tab content
*****************************************/
#main_bottom_row #multi-select ul#tabs {
  list-style-type: none;
  margin: 7px 0 0 6px;
  padding: 0;
}

#main_bottom_row #multi-select ul#tabs li {
  float: left;
}

#main_bottom_row #multi-select ul#tabs li a {
  color: #fff;
  display: block;
  border: 0px solid #f00;
  width: 145px;
  height: 34px;
  margin-right: 9px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
}

#main_bottom_row #multi-select ul#tabs li.selected-tab a {
  background: #f8efe8 url('/graphics/tab_box2.png') no-repeat;
  color: #000;
  font-weight:bold;
}

#main_bottom_row #multi-select ul#tabs li#tab2 a {
  margin-right: 8px;
}

#main_bottom_row #multi-select ul#tabs li#tab3 a {
  margin-right: 0;
}

#main_bottom_row #multi-select .tab_content {
  margin-left: 6px;
  clear: both;
  width: 442px;
  height: 67px;
  border: 0px solid #f00;
  padding:5px 10px 10px 10px;
  display: none;
}

#main_bottom_row #multi-select .selected-tab-content {
  display: block;
}

/*****************************************
* Homepage bottom row individual tab content
*****************************************/

#main_bottom_row #multi-select #tab1_content img {
  float:left;
  margin-right:10px;
  padding-top: 2px;
}

#main_bottom_row #multi-select #tab2_content {
  padding: 5px 10px 10px 10px;
}

#main_bottom_row #multi-select #tab2_content #current_weather_icon {
  border: 1px solid #333;
  float: left;
  margin-right: 10px;
}

#main_bottom_row #multi-select #tab2_content h4 {
  border: 0px solid #f00;
  width: 360px;
  float: left;
  margin: 0 0 5px 0;
}

#main_bottom_row #multi-select #tab2_content ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 360px;
  font-size: 11px;
}

#main_bottom_row #multi-select #tab2_content ul li {
  margin-bottom: 4px;
  border-bottom: 1px solid #ccc;
}

#main_bottom_row #multi-select #tab2_content h5 {
  clear: both;
  text-align: right;
  margin-right:10px;
  font-size: 14px;
}

#main_bottom_row #multi-select #tab2_content img {
  float:left;
  margin-right:10px;
}

#main_bottom_row #multi-select #tab3_content img {
  float:left;
  margin-right:10px;
}

/*****************************************
* Homepage bottom row news ticker content
*****************************************/
#main_bottom_row #newsticker {
  background-color: #181818;
  width: 465px;
  height: 34px;
  float: left;
  margin: 10px 0 0 5px;
	color: white;
}
#newsticker ol {
	width: 100%;
	height: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
}
#newsticker ol li {
	display: inline;
}

/*****************************************
* Slideshow
*****************************************/
#home_main_slide {
  width: 465px;
  height: 275px;
  margin-left:12px;
  z-index:1;
}

#home_main_slide .slide {
  width:465px;
  height:275px;
  background-color:#4f4f4f;
  display: none;
}

#home_main_slide .first {
  display:block;
}

#slideshow_bottom {
  position:absolute;
  top:442px;
  z-index:2;
  width: 465px;
  height:31px;
  margin-left:12px;
  padding:6px 0 0 8px;
}

#slideshow_bottom .next, #slideshow_bottom .prev {
  font-size: 9px;
  color: #fff;
  margin: 0 4px 0 4px;
}

#slideshow_bottom a {
  border: 0px solid #f00;
  display: block;
  width: 48%;
}

#slideshow_bottom a.back {
  float: left;
  margin-right: 3px;
}

#slideshow_bottom a.forward {
  float: left;
  text-align: right;
}

#slideshow_bottom a img {
  vertical-align: middle;
  border: 0;
  opacity: .40;
  filter:alpha(opacity = 40);
}

#slideshow_bottom a.active img {
  opacity: 1;
  filter:alpha(opacity = 100);
}
#slideshow_bottom a.forward img, #slideshow_bottom a.back img {
  opacity: .80;
  filter:alpha(opacity = 80);
}

#slideshow_bottom a.forward:hover img, #slideshow_bottom a.back:hover img {
  opacity: 1;
  filter:alpha(opacity = 100);
}

#slideshow_bottom a.forward:hover, #slideshow_bottom a.back:hover {
  text-decoration:none; 
}

/*****************************************
* Sharathon Slideshow
*****************************************/
#home_main_slide .sharathon {
  background: #fff url(/graphics/slideshow/sharathon_spring_10_blank.jpg);
  padding: 10px;
  width: 445px;
  height: 255px;
}

#home_main_slide .sharathon h3 {
  font-size: 36px;
  font-family: jrhand Regular;
  margin:0;
  padding: 0;
}

#home_main_slide .sharathon p {
  font-size: 16px;
  line-height: 26px;
}

#home_main_slide .sharathon  strong {
  font-size: 16px;
}

#home_main_slide .sharathon .give a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
  display: block;
  padding: 12px 16px;
  width: 130px;
  margin: 0 auto;
  text-align: center;
  background-color: #F3B464;
  -moz-border-radius: 6px;
  -moz-box-shadow: 0 2px 3px;
}

#home_main_slide .sharathon .give h4 {
  text-align: center;
  margin-top: 10px;
  font-size: 18px;
}

#progress_bar {
  width: 370px;
}

#progress_bar h4.left {
  float: left;
}

#progress_bar h4.right {
  float: right;
}

#progress_bar #bar {
  width: 370px;
  height: 14px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #000;
  clear: left;
}

#progress_bar img {
  height: 14px;
}