a, a:hover, a:visited{
    text-decoration:none;
    outline:none;
    font-family:Arial;
    font-size:12px;
}

body{
    width:100%; height:100%;
    margin:0px; padding:0px;
    text-align: center;
}

.pageHeader{
    width:100%; height:174px;
    background:url(images/site_header.jpg) center top no-repeat;                         
}

.navBar{
    width:100%;
    height:43px;
    background:url(images/navi_bg.jpg) left top repeat-x;
}
            
.contentBlock{
    width:100%; height:100%;
    margin:0px; padding:0px;
    text-align: center; background:url(images/background.jpg) center -1px no-repeat;                
}

.centeredContainer{
    width:996px; height:700px;
    padding:0px; margin:0px auto;              
}

.playerFrame{
    float:right;
    width:560px; height:335px;
    margin-top:20px; margin-left:20px;
    background:url(images/box_player_bg.png) left top no-repeat;
}

#playerBox{
    width:520px;
    height:300px;
    margin:11px 16px;
    display:none;
}
#mediaSelect{float:left;width:208px;height:28px;padding:0px;margin:136px 180px;color:#ffffff;overflow:hidden;display:none;}
.selectAction{float:left;width:94px;height:26px;margin-right:4px;font-family:Arial;font-size:12px;font-weight:bold;line-height:26px;text-align:center;color:#cccccc;background:#242448;border:1px outset #aaaaaa;cursor:pointer;}
.isOver{color:#ffffff;background:#242488;}
            
.playListBox{
    float:right;
    width:384px;
    height:637px;
    margin-top:20px;
    margin-right:20px;
    background:transparent url(images/box_playlist_bg.png) left bottom no-repeat;
}

.playListBox ul{
    width:100%;
    height:72px;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.playListBox ul li{
    float:left;
    height:72px;
}

.tabCtr{
    float:left;
    height:100%;
    line-height:54px;                
    text-decoration:none;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#000000;
    outline:none;   
}

.tab1_on{
    width:110px;
    background:transparent url(images/t1.png) left bottom no-repeat;
    color:#ffffff;                                    
}

.tab1{
    width:110px;
    background:transparent url(images/t1.png) left top no-repeat;
    color:#000000;
}

.tab2_on{
    width:134px;
    background:transparent url(images/t2.png) left bottom no-repeat;
    color:#ffffff;                                    
}

.tab2{
    width:134px;
    background:transparent url(images/t2.png) left top no-repeat;
    color:#000000;                
}

.tab3_on{
    width:140px;
    background:transparent url(images/t3.png) left bottom no-repeat;
    color:#ffffff;                                    
}

.tab3{
    width:140px;
    background:transparent url(images/t3.png) left top no-repeat;
    color:#000000;                
}

.mouseOver{
    background:#000000; 
    color:#ffffff;                      
}

.isLoaded{
    background:#000000;
    color:#ff2222;
}
            
.tabPane{
    float:left;
    width:322px;
    height:492px;
    margin-left:28px;
    overflow:hidden;
}

.tabPane h2{
    text-align:center;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:#ffffff;
}

.tabPane span{
    text-align:center;
    font-family:Arial;
    font-size:12px;
    font-weight:normal;
    margin-top:28px;
    color:#ffffff;
}

.toPage{
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#ffffff;
    margin:0px 5px;
}

.activePage{
	color:#739aba;
}

.pagingCtr{
    width:328px;
    height:20px;
    margin:0px auto;
    overflow:hidden;
    line-height:24px;
    text-align:right;
    margin-bottom:12px;
}

.pagingCtr span{
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    color:#ffffff;
    margin:0px 5px;
}

.seriesSelection{
    float:right;
    text-align:left;
    width:465px;
    height:95px;
    margin-top:0px;
    margin-right:5px;
    background:transparent url(images/seriesselector_bg.png) left top no-repeat;
    overflow:hidden;
}

#seriesContent{
    float:right;
    width:392px;
    height:60px;
    margin:18px 36px;
    overflow:hidden;
    text-align:left;                          
}

.seriesIndicator{
    float:right;
    width:95px;
    height:95px;
    margin-top:0px;
    margin-right:0px;
    background:transparent url(images/indicator_bg.png) left top no-repeat;
    overflow:hidden;
}

.seriesIndicator img{
    width:58px;
    height:58px;
    margin:18px;
}

.buttonCtr{
    float:right;
    width:176px;
    height:124px;
    margin-top:10px;
    margin-right:10px;
}

#btn_1{
    background:transparent url(images/online_giving.png) center top no-repeat;                
}

#btn_2{
    background:transparent url(images/podcast.png) center top no-repeat;                
}

#btn_3{
    background:transparent url(images/estore.png) center top no-repeat;                
}

.podCastDialog{
    position:absolute;
    background:transparent url(images/podcastdialog.png) center top no-repeat;
    font-family:Arial;
    font-size:12px;
    line-height:18px;
    color:#ffffff;
}

.podCastDialog b{
    line-height:32px;
}

.aMore, .aMore:visited{
  color:#446622;
  padding-left:24px;
}
                
ul.sc_menu{
  display: block;
  padding:0px;
  margin: 0;
  list-style: none;
}

ul.sc_menu li {
  float: left;
  display: block;
  margin-bottom:4px;
  width:322px;                  
  height:98px;
  overflow:hidden;
  background-color:#000000;
  text-align:left;
}

.sc_menu li a, .sc_menu li a:focus  {
  margin:0px 0px;
  text-decoration: none;
  font-family:Arial;
  font-size:11px;
}

.sc_menu a:hover span{
	color:#ffffff;
}

.sc_menu span {
  margin:0px 0px;
  text-align: left;
  font-size: 11px;
  color: #cccccc;
}

.sc_menu img {
  float:left;
  margin-right:8px;
  margin-bottom:0px;
  width:80px;
  height:80px;
}

.sc_menu a img {
  filter:alpha(opacity=60);
  opacity: 0.6;
}                

.sc_menu a:hover img {
  filter:alpha(opacity=100);
  opacity: 1.0;
}

.hc_menu{
  display: block;
  float:left;
  height: 60px;
  width:5000px;
  padding:0px;
  margin: 0;
  list-style: none;
}

.hc_menu li {
  display: block;                
  float:left;
  display:block;
  margin:0px 8px;
  width:60px;
  height:60px;
}

.hc_menu img {
  float:left;
  width:60px;
  height:60px;
  border:0px;                
};

.hc_menu li a, .hc_menu li a:visited{
  float:left;
  display: block;
  text-decoration: none;
}

.loaderMsg{
  text-decoration: none;
  font-family:Arial;
  font-size:12px;
  text-align:center;
  color:#ffffff;
  line-height:64px;
}

.liveMsg{
  text-decoration: none;
  font-family:Arial;
  font-size:12px;
  text-align:left;
  color:#ffffff;
  line-height:14px;
}

#fullDescriptionPane{
  position:absolute;
  background-color:#000000;
  width:324px;
  height:524px;
  overflow:hidden;
}

p.pleaseWait{
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  color:#ffffff;
  margin:210px auto;
  height:28px;
  width:160px;
  text-align:center;
}

div.seriesDescription{
  width:308px;
  height:500px;
  text-align:left;
  font-family:Arial;
  font-size:12px;
  font-weight:normal;
  color:#ffffff;
}

div.closeFullDescriptionPane{
  width:308px;
  height:24px;
  text-align:center;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
  cursor:pointer;
}


div.seriesDescription img {
  float:left;
  margin-right:8px;
  margin-bottom:4px;
  width:150px;
  height:150px;
}

div.seriesDescription a img {
  margin:4px;
}


.troubleShooting{
  margin-top:36px;
  text-align:center;
  width:100%;
  color:#ffffff;
  font-size:12px;
}    

.troubleShooting a{
  color:#cc2222;
}

.ui-state-default{background: #555555 url(gfx/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eeeeee; outline: none; }
.ui-state-active{background: #f58400 url(gfx/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; }
.ui-state-hover{background: #0078a3 url(gfx/ui-bg_glass_40_0078a3_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; }

.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.ui-corner-top { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; }

.ui-widget-header { height:49px; background:#121212 url(gfx/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }

.ui-icon { width: 16px; height: 16px; background-image: url(gfx/ui-icons_cccccc_256x240.png); }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-pencil { background-position: -64px -112px; }

.btnCtr {padding: .4em 1em .4em 20px;text-decoration: none;float:right; border: 1px solid #a2a2a2; margin-right:12px; }
.btnCtr span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

.formPanel{position:absolute;top:0px;left:0px;width:500px;height:300px;color:#ffffff;display:none;}
.formHeader{float:left;text-align:center;width:100%;height:32px;line-height:32px;font-family:Arial;font-size:14px;font-weight:bold;color:#ffffff;}
.formAction{float:left;width:100%;height:36px;line-height:24px;font-family:Arial; font-size:12px; font-weight:normal; color:#ffffff; text-align:right;}

.formField{width:100%; height:24px; margin-bottom:4px;}
.formField span{width:38%; float:left; text-align:right; padding-right:6px; font-family:Arial;font-size:12px; font-weight:normal; line-height:20px;}            
.formField input{width:58%; height:20px; float:left;border:1px solid #000000; font-size:12px;}

