﻿*{
	margin:0;
	padding:0;
}
html, body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;	
	color:#333;
}
img{
	border:0
}
.Body{
	height:194px;
	padding:20px;
	line-height:1.4em;
	color:#545454;
	color:#59538a;
	border-top:0;
	border-right:1px #a7a4c1 solid;
	border-bottom:1px #a7a4c1 solid;
	border-left:1px #a7a4c1 solid;			
	/*background:#FFF url('images/HPID_BodyBgTiler.gif') repeat-y left top;	*/
}
.Body h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-weight:normal;
	/*font-style:italic;*/
	color:#130a59;
	margin-bottom:15px;	
}

.TopMenuSetup{
	width:100%;
	background:#d1d0df url('images/HPID_TMenuPBgTiler.gif') repeat-x left bottom;	
	clear:both;
}

.TopMenu{
	margin:0;
	min-height:46px;
	clear:both;
}
.TopMenu ul{
	margin:0;
	padding:0;
	/*height:46px;*/
}


.TopMenu ul {
	margin: 0;
	padding: 0;
}
.TopMenu li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	border-right:1px #a7a4c1 solid;
}
.TopMenu a {
	float:left;
    margin:0;	
    padding:0 0 0 20px;
	height: 46px;
}
.TopMenu a span{
	float:left;
	display: block;
    padding:0 20px 0 0;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11pt;		
	color:#130a59;
	text-decoration: none;
	/*background:transparent url('images/HPID_TopMenuDevider.gif') no-repeat right top;	*/
}

.TopMenu a:hover {
	float:left;
    padding:0 0 0 20px;
	height: 46px;
	background:transparent url('images/HPID_TMenuLBend.gif') no-repeat left top;
}
.TopMenu a:hover span{
	float:left;
	display: block;
    padding:0 20px 0 0;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-decoration: none;
	background:transparent url('images/HPID_TMenuRBend.gif') no-repeat right top;	
}
.TMSpanArt{
	display:block;
	width:67px;
	text-align:left  !important;
	padding:0 !important;
	background:transparent url('images/HPID_TopMenuArtSpan.gif') no-repeat 33px 16px;
}
.TMSpanArt:hover{
	background:transparent url('images/HPID_TopMenuArtSpanH.gif') no-repeat right top !important;	
}
.TMSpanDance{
	display:block;
	width:91px;
	text-align:left  !important;
	padding:0 !important;
	background:transparent url('images/HPID_TopMenuDanceSpan.gif') no-repeat 57px 16px;
}
.TMSpanDance:hover{
	background:transparent url('images/HPID_TopMenuDanceSpanH.gif') no-repeat right top !important;		
}
.TMSpanDrama{
	display:block;
	width:91px;
	text-align:left  !important;
	padding:0 !important;
	background:transparent url('images/HPID_TopMenuDramaSpan.gif') no-repeat 57px 16px;
}
.TMSpanDrama:hover{
	background:transparent url('images/HPID_TopMenuDramaSpanH.gif') no-repeat right top !important;	
}

.TMSpanMusic{
	display:block;
	width:91px;
	text-align:left  !important;
	padding:0 !important;
	background:transparent url('images/HPID_TopMenuMusicSpan.gif') no-repeat 57px 16px;
}
.TMSpanMusic:hover{
	background:transparent url('images/HPID_TopMenuMusicSpanH.gif') no-repeat right top !important;	
}

.TMSpanAdmission{
	display:block;
	width:120px;
	text-align:left  !important;
	padding:0 !important;
	background:transparent url('images/HPID_TopMenuAdmiSpan.gif') no-repeat 86px 16px;
}
.TMSpanAdmission:hover{
	background:transparent url('images/HPID_TopMenuAdmisSpanH.gif') no-repeat right top !important;	
}

.TMSpanFestival{
	display:block;
	width:160px;
	text-align:left  !important;
	padding:0 !important;
	background:transparent url('images/HPID_TopMenuFestSpan.gif') no-repeat 86125px 16px;
}
.TMSpanFestival:hover{
	background:transparent url('images/HPID_TopMenuFestSpanH.gif') no-repeat right top !important;	
}


.EmHead{
	padding:10px; 
	font-size:16pt; 
	font-family:Georgia, Arial, Helvetica, sans-serif; 
	font-style:italic;	
	line-height:1.2em;
}
ul, ol{
	padding:10px 10px 10px 25px;
}

/*---
.TopMenu li{
	float:left;
	list-style:none;	
	margin:0;
	padding:0;	
}
.TopMenu a{
	display:block;
	width:129px;
	height:46px;
	line-height:46px;	
	text-align:center;
	text-decoration:none;
	font-size:11pt;		
	color:#130a59;
	background:transparent url('images/HPID_TopMenuDevider.gif') no-repeat right top;
}
.TopMenu ul li a:hover{
	background:#FFF;
	height:46px;	
	background:transparent url('images/HPID_TopMenuHov.gif') no-repeat left top;
}

/*--- hide for now
@media only screen and (min-width:768px) and (max-width:900px){
.TopMenu ul li a{
	display:block;
	width:100px;
	height:46px;
	line-height:46px;	
	text-align:center;
	text-decoration:none;
	font-size:11pt;		
	color:#130a59;
	background:transparent url('images/HPID_TopMenuDevider.gif') no-repeat right top;
}
}

---*/









