body
{
        background:#1F2020 url(../images/site_bg.jpg) top center repeat;
        color: #787878;
        font-size: 12px;
		line-height:16px;
        padding: 0px;
        text-align: center;
		font-family:Arial, Helvetica, sans-serif;
		margin:0;
}

.main
{
	margin: 0 auto; 
	width: 980px; 
	padding:0;
	text-align:left;
	min-width:980px;
	
}


a{color:#FFF;}
a:hover { text-decoration:none;}
a:hover {text-decoration:none}
a, button, .button{ cursor:pointer;}

.clear{  overflow:hidden; width:100%;}
.clear1{ clear:both;}
.br{ display:block;}
.fright{ float:right;}
.fleft{ float:left;}
.txt{ display:block; position:absolute;}
.txt1{ position:relative;}
.list0 li, .list0 li a{ display:block; float:left;}

/*         _______
__________/ fonts \__________________________________________________________________
--------------------------------------------------------------------------------------- */

.slogan-text1{font-family: 'HancockRegular';}





/*         ________
__________/ header \_____________________________________________________________________
--------------------------------------------------------------------------------------- */
.site-bg-bottom{ background:url(../images/site-bg-bottom.jpg) bottom center no-repeat;}
.tail-top{ background:url(../images/tail-top.jpg) 0 0 repeat-x;}
.site-bg-top{ background:url(../images/site-bg-top.jpg) top center no-repeat;}


.row-logo { height:123px;}
.bg1{ background:url(../images/bg1.png) 0 0 no-repeat; width:150px; height:73px; top:77px; left:827px;}
.logo{
	background:url(../images/logo.png) 0 0 no-repeat;
	width:390px;
	height:143px;
	z-index:3
}



/*search-box*/
.search-box{
	width:205px;
	 height:27px;
	 z-index:9;
	 left:775px;
	 top:34px;
	 overflow:hidden;
	 
	
}
.search-box label{ display:none;}
.search-box #mod-search-searchword{
	position:absolute;
	background:#FFF;
	border:none;
	width:170px;
	height:21px;
	color:#121212;
	 font-size:12px;
	  font-family:Arial, Helvetica, sans-serif;
	  outline:none;
	  line-height:1.7em;
	  padding:0 0 0 6px;
	  
	   -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.search-box .button{
	position:absolute;
	background:#FFED00 url(../images/button_marker.png) 7px 5px no-repeat;
	width:26px;
	height:21px;
	border:none;
	display:block;
	text-decoration:none;
	line-height:0;
	font-size:0;
	left:179px;
	top:0;
	text-indent:-10000px;
	
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.search-box .button:hover{ background:#FFF  url(../images/button_marker.png) 7px 5px no-repeat;}
.search-box img{ display:none !important;}
/**/


.row-menu{ background:#000000; min-height:48px; position:relative; z-index:2;}
.row-menu .fright{ width:660px; padding-right:10px;}
.row-menu .fleft{ width:255px;}
.row-menu .fleft p{ padding:16px 0 0 26px;}
.row-menu .fleft p a{ color:#818181; font-size:13px; text-decoration:none; position:relative; z-index:11;}
.row-menu .fleft p a:hover{ color:#EFD712;}





/*         _________
__________/ content \_____________________________________________________________________
--------------------------------------------------------------------------------------- */
#content{ position:relative; }
#container{overflow:hidden; text-align:left;}
#right{ float:right; text-align:left;    width:223px;}
.right-indent{padding:0 0 0 29px}
#left{ float:left; text-align:left;    width:223px;}
.left-indent{padding:0 29px 0 0}

/*stylebox1-indent*/
.stylebox1-indent{ margin-top:5px; padding-bottom:5px;}
.stylebox1-title{ background:#D3A412 url(../images/title_wrapper.jpg) 0 0 no-repeat; min-height:54px;}
.stylebox1-title h3{ padding:18px 0 0 28px; color:#000000; font-size:20px; line-height:1.2em; font-style:italic; font-weight:normal;}

.stylebox1-text{ background:#0F0F0F url(../images/text_bg.gif) 0 0 no-repeat; padding:25px 15px 19px 25px;}
/**/


/*on-line style*/
.content .button, button{
	background:#FFED00;
	padding:0 11px;
	text-decoration:none;
	color:#121212;
	font-size:12px;
	line-height:1.7em;
	
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display:inline-block;
  height:22px;
  text-transform:capitalize;
  
  font-family:Arial, Helvetica, sans-serif;
  border:none;
  
}
.content .button:hover, button:hover{ background:#38361F; color:#D2CE95; text-decoration:none !important;}




/**/


/*Login*/
#login-form{ display:block; padding:9px 0 0 0;}

#login-form #modlgn-username, #login-form #modlgn-passwd{
	width:138px; 
	height:21px; 
	background:#FFF;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#121212;
	 font-size:12px;
	 line-height:16px;
	 padding:0 0 0 8px;
	 margin-bottom:9px;
	 border:none;
	 -webkit-border-radius: 4px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height:1.7em;
}
.list-form li{ padding:0 0 4px 0;}

#form-login-remember{ padding:4px 0 4px 0;}
.moduletable{ position:relative;}
.moduletable1{height: 475px; overflow: scroll;}
#modlgn-remember{ float:left; margin:2px 9px 0 0;}

.box-form{ padding:11px 0 11px 0;}

.box-form .button, .logout-button .button{ padding:0 17px 2px;}



.login-greeting{ display:block; padding-bottom:11px; color:#EFD712; font-size:14px;}
/**/

/*weblinks*/
.content .weblinks li{background:url(../images/list_marker.gif) 0 6px no-repeat; padding:0 0 12px 19px;}
/**/


/*menu*/
.content ul.menu{ padding:14px 0 9px 7px;}
.content ul.menu li{ background:url(../images/list_marker.gif) 0 6px no-repeat; padding:0 0 10px 19px;}
.content ul.menu li a{ color:#FFF;}
/**/

/*row-box*/
.row-box { padding:36px 0 13px 0;}
.row-box .col-1{ width:260px;}
.row-box .col-2{ margin-left:21px; width:231px;}
.img-indent{ float:left; margin:3px 17px 0 0; border:2px solid #FFFFFF;}
.img-indent:hover{ border:2px solid #EFD712;}

.box-img{ padding-bottom:18px;  color:#FFFFFF; font-size:11px;}
.box-img strong{ color:#EFD712; text-transform:uppercase;}
.box-img p{ padding:6px 0 7px 0; line-height:1.35em;}

.button2{
	top:75px;
	left:123px;
	background:url(../images/button1.png) 0 0 no-repeat;
	width:65px;
	 height:27px;
	 position:absolute;
	 color:#000000;
	 text-decoration:none;
	 text-indent:29px;
	 line-height:3em;
}
.button2:hover{ color:#D68F33;}


.list1{ width:230px;}
.list1-left{ margin-left:25px;}

.list1 li{ background:url(../images/list_marker1.gif) 0 7px no-repeat; padding:0 0 2px 15px; font-family:Tahoma; font-weight:bold;}
.list1 li a{ color:#D3A412; font-size:11px; text-decoration:none;}
.list1 li a:hover{ color:#FFF;}
.title{ margin-bottom:12px !important;}
/**/

/*sub-page*/
.img-border3{ border:4px solid #ffffff; margin:4px 23px 0 0; float:left;}
.title-text{ color:#8d8d8d; font-size:11px; font-weight:normal; padding-bottom:11px;}
.title-text strong{ color:#FFF; font-size:14px;  display:block;}
.indent-top-bottom{ padding:24px 0 18px 0;}
.title-sub3-top{ margin-top:33px;}

.list-img{ padding:13px 0 0 16px;}
.list-img  a, .list-img  li{ display:block; float:left;}
.list-img  a{height:107px; display:block;}
.list-img  a:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}
.list-img .bg1{ background:url(../images/list-img_1.png) 0 0 no-repeat; width:100px; }
.list-img .bg2{ background:url(../images/list-img_2.png) 0 0 no-repeat; width:100px; margin-left:43px;}
.list-img .bg3{ background:url(../images/list-img_3.png) 0 0 no-repeat; width:90px; margin-left:53px;}
.list-img .bg4{ background:url(../images/list-img_4.png) 0 0 no-repeat; width:130px; margin-left:30px;}
.list-img .bg5{ background:url(../images/list-img_5.png) 0 0 no-repeat; width:97px; margin-left:30px;}
/**/



/*row-box1*/
.row-box1 .col-1{ width:375px;}
.row-box1 .col-2{ width:375px;}
.row-box1 strong{ display:block;}

.row-box-img{ padding-bottom:45px;}
.row-box-img .col-img-left{ width:124px; font-size:11px; color:#FFFFFF;}
.row-box-img .col-img-left img{ border:2px solid #FFF; margin:5px 0 11px 0;}
.row-box-img .col-img-left strong{ color:#EFD712; display:block;}
.row-box-img .col-img-right{ width:250px;}
.row-box-img .col-img-right strong{ color:#FFF; display:block; padding-bottom:3px;}
/**/


/*         ________
__________/ footer \______________________________________________________________________
--------------------------------------------------------------------------------------- */
.footer{ padding:20px 0 35px 0;  font-family:Tahoma;}
.footer .footer-menu{ width:590px;}
.footer .fleft{ width:312px; color:#575757; font-size:11px;}
.footer .fleft p{ padding:0 0 2px 0;}
.footer .fleft p a{ color:#D3A412;}
.footer .fleft p a.link-logo{ color:#FFFFFF; font-weight:bold; text-decoration:none;}
.footer .fleft p a.link-logo:hover{ color:#D3A412;}
.footer .fleft span a{ color:#575757; text-decoration:none;}
.footer .fleft span a:hover{ color:#FFF;}

.footer-menu ul{ float:right;}
.footer-menu ul ul{ display:none;}
.footer-menu ul li{ background:url(../images/menu_sep.gif) right 3px no-repeat; padding:0 21px 0 16px;}
.footer-menu ul li:last-child{ background:none; padding-right:0;}
.footer-menu ul li, .footer-menu ul li a{ display:block; float:left;}
.footer-menu ul li a{ text-decoration:none; font-weight:bold;}
.footer-menu ul li a:hover, .footer-menu .current a, .footer-menu .active a{ color:#D3A412;}




/*         ________________________________
__________/ flip-tabs(sub_pages_Playlists) \__________________________________________________________________
------------------------------------------------------------------------------------------------------------- */

#flip-tabs{
	position:relative;
	margin-top:11px;
}
#flip-navigation{
	margin:0 0 10px; padding:0; 
	list-style:none;
}
#flip-navigation li{ 
	display:inline; 
}
#flip-navigation li a{
	text-decoration:none; padding:10px; 
	margin-right:0px;
	background:#38361F;
	color:#D2CE95; outline:none;
	font-size:12px; text-transform:uppercase;
}
#flip-navigation li a:hover{
	background:#FFED00; 
	color:#000000;
}
#flip-navigation li.selected a{
	background:#FFED00;
	color:#000000;
}
#flip-container{  
	width:100%;
	font-size:13px;
	min-height:520px;
	 
	 background:#0F0F0F;
}



.tab-indent{ padding:15px;}









/*         ____________
__________/ slider-box \________________________________________________________________
--------------------------------------------------------------------------------------- */

/*banner-link*/
.banner-link{ height:300px; background:url(../images/banner-link.png) 0 0 no-repeat;}
.slogan-text1{ color:#FFC814; font-size:52px; line-height:1.2em; top:196px; left:573px; letter-spacing:-1px; word-spacing:-14px;}
.slogan-text2{ color:#FFFFFF; font-size:32px; line-height:1.2em; font-style:italic; top:238px; left:513px;}
/**/


#nav-shadow {
			margin:0 0 0 386px;
			padding:0;
			list-style: none;
			position:relative;
			}
			.shadow{ display:none;}
			
		#nav-shadow li {
			
			position: relative;
			float: left;
			}
		#nav-shadow li a{ text-decoration:none;}
		#nav-shadow li .box-title{ color:#000000; font-size:16px; line-height:1.2em; display:block;  text-align:left; text-align:center;}
		#nav-shadow li:hover .box-link{ text-decoration:none;}
			
		#nav-shadow .button-color-1{
			width: 135px;
			height: 135px;
			margin-top:85px;
		}
		#nav-shadow .button-color-1 .box-title{ padding:59px 0 0 0; }
		#nav-shadow .button-color-1 a, #nav-shadow .button-color-1 a:visited, #nav-shadow .button-color-1 a, #nav-shadow .button-color-1 a:hover {
			margin: 0 auto;
			width: 135px;
			height: 135px;
			overflow: hidden;
			background: url(../images/box1-link.png) no-repeat;
			display: block;
			position: relative;
			z-index: 1;
			}
			
			box-title{overflow: hidden; display: block; position: relative; z-index: 3;}
		
		#nav-shadow .button-color-2{
			width: 225px;
			height: 225px;
			position:absolute;
			z-index:0;
			top:-48px;
			left:79px;
		}
		#nav-shadow .button-color-2 .box-title{ padding:108px 0 0 0;}
		#nav-shadow .button-color-2 a, #nav-shadow .button-color-2 a:visited, #nav-shadow .button-color-2 a, #nav-shadow .button-color-2 a:hover {
			margin: 0 auto;
			width: 225px;
			height: 225px;
			overflow: hidden;
			background: url(../images/box2-link.png) no-repeat;
			display: block;
			position: relative;
			z-index: 0;
			}
		#nav-shadow .button-color-3{
			width: 154px;
			height: 154px;
			top:-20px;
			left:114px;
			z-index:0;
		}
		#nav-shadow .button-color-3 .box-title{ padding:70px 0 0 0;}
		#nav-shadow .button-color-3 a, #nav-shadow .button-color-3 a:visited, #nav-shadow .button-color-3 a, #nav-shadow .button-color-3 a:hover {
			margin: 0 auto;
			width: 154px;
			height: 154px;
			overflow: hidden;
			background: url(../images/box3-link.png) no-repeat;
			display: block;
			position: relative;
			z-index: 0;
			}
		#nav-shadow .button-color-4{
			width: 167px;
			height: 167px;
			top:-43px;
			left:88px;
			z-index:1;
		}
		#nav-shadow .button-color-4 .box-title{ padding:78px 0 0 0;}
		#nav-shadow .button-color-4 a, #nav-shadow .button-color-4 a:visited, #nav-shadow .button-color-4 a, #nav-shadow .button-color-4 a:hover {
			margin: 0 auto;
			width: 167px;
			height: 167px;
			overflow: hidden;
			background: url(../images/box4-link.png) no-repeat;
			display: block;
			position: relative;
			z-index: 1;
			}
		
		
		#nav-shadow .button-color-5{
			width: 152px;
			height: 152px;
			top:-110px;
			left:307px;
			z-index:0;
		}
		#nav-shadow .button-color-5 .box-title{ padding:68px 0 3px 0;}
		#nav-shadow .button-color-5 a, #nav-shadow .button-color-5 a:visited, #nav-shadow .button-color-5 a, #nav-shadow .button-color-5 a:hover {
			margin: 0 auto;
			width: 152px;
			height: 152px;
			overflow: hidden;
			background: url(../images/box5-link.png) no-repeat;
			display: block;
			position: relative;
			z-index: 0;
			}
			
		
		
			
	


/*         ______
__________/ news \________________________________________________________________
--------------------------------------------------------------------------------------- */


#news-container{  overflow:hidden; height:240px !important;}
.news-button{ padding-top:18px;}

#news-container .text0{ font-size:11px; color:#9D9D9D;}
#news-container strong{ display:block; text-transform:uppercase; padding:9px 0; font-size:11px;}
#news-container p{ padding-bottom:14px;}

.schedule a{display: none!important;}
.schedule .row-list li{border-bottom: 1px solid #787878; padding-top: 10px;
    padding-bottom: 10px;color: #ccc;}
.schedule .time-schedule{padding-top: 5px;}






.schedule-tbl .nav li{display: inline-block; padding: 9px; font-size: 12px; 
	font-weight: 700; border-bottom: 2px solid #bfa142; border-top: 2px solid #bfa142;}
.schedule-tbl .nav li a{color: #ffc200; text-decoration: none;}

.schedule-tbl .full-title-bar{padding-left: 15px; padding-bottom: 0px!important; padding-top: 30px;}
.schedule-tbl .full-title-bar h4{font-size: 26px; font-weight: 600; color: #fff;}
.schedule-tbl .detail-schedule th{color: #fff; padding: 10px 60px;}
.schedule-tbl .detail-schedule td{color: #ccc; padding: 4px 46px;}
.nav-tabs {border-bottom: none!important;}
.fade:not(.show) {
    opacity: 100!important;
}

/*.on-up-img{background: #e4b40a; margin-left: 0px; padding-right: 28px;}
.on-up-img .on img{margin-left: -8px;}
.on-up p{color: #ccc; padding-top: 4px; padding-bottom: 4px;}*/


.contact-page{text-align: center;}
.contact-page .contact-page-heading h1{text-align: center; font-size: 26px; 
			font-weight: 600; color: #d3a513; padding-top: 10px; padding-bottom: 20px;}
.contact-page .contact-page-content p{color: #f1f1f1; margin-bottom: 8px; font-size: 16px;}
.contact-page .contact-page-content ul{text-align: center!important; margin-top: 20px;}
.contact-page .contact-page-content li{display: inline-block;}