@charset "utf-8";
/* CSS Document */

/*Global*/
html {
background: #fff; 
margin: 0; 
padding: 0;
}

body  {
font-family: Arial, MingLiU, sans-serif;
font-size: 95%;
line-height: 1.6em;

}

.ie body {
text-align: center;
}

a {
blr: expression(this.onFocus=this.blur());
color: #CC3300;
outline: 0;
text-decoration: none;
} 

a:hover {
text-decoration: underline;
}

#container { 
margin: 0 auto;
position: relative;
width: 950px;
} 

.ie #container {
text-align: left;
}

/*banner*/
#banner {
position: relative;
float:left;
}

/*content, subcontent*/
#content { 
width:100%;
background: url(../images/content_background.jpg) repeat;
margin:0;
padding:0;
position:relative;
float:left;
}

#subcontent {
width:85%;
background:url(../images/content.jpg) repeat-y;
margin:0;
padding:0;
margin-left:8.25%;
border:0;
position:relative;
float:left;
height:305px;
overflow:hidden;
}

#subcontent h1 {
color:#FFFFFF;
font-size:1.5em;
margin: 5%;
font-weight:bold;
}

#subcontent h2 {
color: #FFFFFF;
font-size:1.2em;
margin:3% 0 0 3%;
font-weight:bold;
text-align:center;
}

#subcontent p {
margin:5%;
color:#FFFFFF;
}

#subcontent p.description {
margin:1% 5% 5% 5%;
color:#FFFFFF;
}

#subcontent ul li {
margin:0.25em;
}

/*image_pictures, posters*/
.imglist {
width:40%;
margin:0;
margin-bottom:5%;
padding-left:10%;
position:relative;
float:left;
}

.imgblock {
height:210px; 
text-align:center;
}

.imgblock img{ 
border: #FFF 4px solid; 
box-shadow:2px 2px 8px #BBBBBB;
}

.txtblock {
color:#FFFFFF; 
margin:2%; 
text-align:center;
}

/*menu*/
#menu {
margin:0;
padding:0;
border:0;
position:relative;
float:left;
min-height:77px;
background:url(../images/menu_background.jpg) repeat;
width:100%;
}

#menu img {
border:0; 
margin:0; 
padding:0; 
position:relative;
float:left;
}

#menu ul { 
border:0; 
margin:0; 
padding:0;
display: inline-block;
position:relative;
float:left;
width:715px;
} 

#menu ul li {
display: inline-block;
border:0;
margin: 2% 4% auto;
padding:0;
font-size:1.25em;
}

#menu ul li a, #menu ul li a:link {
color:#D5D5D5;
}

#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus {
color: #FFF;
font-weight:bold;
text-decoration:none;
}

ul.arrowunderline{
list-style-type:none;
margin:0;
padding:0;
text-align:center; /* enter "left", "right", or "center" to orient the menu accordingly */
}

ul.arrowunderline li{
display:inline;
margin-right:25px; /* spacing between each menu item */
}

ul.arrowunderline li a{
position:relative;
color:black;
padding-bottom:8px; /*spacing between each menu item and arrow underline beneath it */
text-decoration:none;

}

ul.arrowunderline li a:hover {
border-bottom:3px solid #E9E9E9; /* style of arrow underline */
}

ul.arrowunderline li a:hover:after  { /* use CSS generated content to add arrow to the menu */
content:'';
width:0;
height:0;
position:absolute;
left:50%;
margin-left:-5px; /* value should match border-width below */
bottom: 0;
border-width:5px; /* value should match margin-left above */
border-style:solid;
border-color: transparent transparent #E9E9E9 transparent; /* create up arrow */
}

ul.arrowunderline li.selected span {
font-weight:bold;
color:#FFC;
border-bottom:3px solid #FFFF99;
padding-bottom:8px;
}

ul.arrowunderline li.selected span:after  { /* use CSS generated content to add arrow to the menu */
content:'';
width:0;
height:0;
position:absolute;
left:50%;
margin-left:-5px; /* value should match border-width below */
bottom: 0;
border-width:5px; /* value should match margin-left above */
border-style:solid;
border-color: transparent transparent #FFFF99 transparent; /* create up arrow */
}

/*footer*/
#footer {
background:url(../images/image_14.jpg) no-repeat;
height: 88px;
width:100%;
margin:0;
padding:0;
border:0;
position:relative;
float:left;
}

#footer p.footerlink {
color: #CBCBCB;
margin:0;
padding:0;
margin-left:75%;
}

#footer p.footerlink a {
color: #CBCBCB;
}

#footer p.footerlink a:hover {
color:#FFC;
font-weight:bold;
}

#footer p.copyright {
color:#FFF;
text-align:center;
margin:0;
padding:0;
margin-top:2%;
}


/*horizontal panel holder*/
.panel_holder {
 position: relative;
 width: 3500px;
}

.panel {
 height: 300px;
 position: absolute;
 width: 720px;
}

.txt_holder {
 float: left;
 line-height: 1.5em; 
 padding: 0px 5px 5px 5px;
 position: relative;
 text-align:justify;
 width: 620px;
 font-size: 1em;
}

.txt_holder h4{
 margin:0 5% 5% 5%;
 color: #FFF;
 font-size: 1.5em;
 font-weight:bold;
}

.arrow_holder {
 float: left; 
 position: relative;
 padding-top: 150px;
 padding-left: 20px;
 padding-right: 20px;
}

#section1 {
left: 0;
top: 0;
}

#section2{
left: 790px;
top: 0;
}

#section3{
left: 1580px;
top: 0;
}

#section4{
left: 2370px;
top: 0;
}

#section5{
left: 3160px;
top: 0;
}

#section6{
left: 3950px;
top: 0;
}

#section7{
left: 4740px;
top: 0;
}

#section8{
left: 5530px;
top: 0;
}

#section9{
left: 6320px;
top: 0;
}

#section10{
left: 7110px;
top: 0;
}

.clear {
clear:both;
}