a:link    { Color: midnightblue; text-decoration: underline;}
a:visited { color: midnightblue; text-decoration: underline;}
a:hover   { color: blue; text-decoration: underline; }
a:active  { color: blue; text-decoration: none; }

a.menu:link    { color: white; text-decoration: none; font-weight: bold;}
a.menu:visited { color: white; text-decoration: none; font-weight: bold;}
a.menu:hover   { color: lightgrey; text-decoration: none; font-weight: bold;}
a.menu:active  { color: lightgrey; text-decoration: underline; font-weight: bold;}

table.frame{
width:980px;
border-spacing: 0px;
padding: 1px;
border:0px solid;
}


table.menu{
width:980px;
border-spacing: 0px;
border:0px solid white;
background-color:white;
}

td.menu {
text-align: center;
width:123px;
padding: 5px 2px 5px 2px;
background-color:#555555;
border:1px solid white;
}

td.menuA {
text-align: center;
width:123px;
padding: 5px 2px 5px 2px;
background-color:lightgrey;
border:1px solid white;
font-weight:bold;
color: black;
}

td.menuEng {
text-align: center;
width:123px;
padding: 5px 2px 5px 2px;
background-color:#555555;
border:1px solid white;
}

table.subtitle{
width:980px;
height:180px;
border-spacing: 0px;
border:0px solid red;
background-color:white;
}

td.subtitle {
padding: 0px;
border:0px solid white;
vertical-align:bottom;
text-align:center;
}

table.submenu{
width:976px;
border-spacing: 0px;
border:0px solid;
}

td.submenu {
text-align: center;
padding: 5px 2px 5px 2px;
border:0px solid;
background-color:#555555;
}

td.submenuA {
text-align: center;
padding: 5px 2px 5px 2px;
border:1px solid;
background-color:lightgrey;
font-weight:bold;
color: black;
}

td.submenuN {
padding: 5px 2px 5px 2px;
border:0px solid;
}

td.submenuMovie {
text-align: center;
padding: 5px 2px 5px 2px;
border:0px solid;
background-color:#228b22;
}

table.list {
width:100%;
border-spacing: 0px;
border-collapse: collapse;
border:1px solid #555555;
background-color:white;
}

td.lista {
width:4px;
background-color:#555555;
border:0px solid #555555;
}

td.listb {
width:4px;
background-color:#727272;
border:0px solid #727272;
}

td.listc {
width:4px;
background-color:#A9A9A9;
border:0px solid #A9A9A9;
}

td.list {
text-align: center;
padding: 10px 2px 10px 2px;
background-color:lightgrey;
border:0px solid lightgrey;

color: midnightblue;
letter-spacing: 2px;
font-weight:bold;
font-family: "‚l‚r ƒSƒVƒbƒN",sans-serif;
}

p.list {
color: black;
margin-left: 5%;
margin-right: 5%;
line-height: 150%; 
}

p.listR {
color: black;
margin-left: 5%;
margin-right: 5%;
line-height: 150%; 
text-align:right;
}

p.listC {
color: black;
margin-left: 5%;
margin-right: 5%;
line-height: 150%; 
text-align:center;
}

p.white {
color: white;
line-height: 150%; 
}

p {
color: black;
margin-left: 20px;
margin-right: 20px;
line-height: 150%; 
}

div {
color: black;
line-height: 150%; 
}

td.staffN {
text-align: left;
vertical-align: bottom;
padding: 10px 2px 0px 10px;
border:2px solid white;
}

td.staffP {
vertical-align: bottom;
padding: 2px 2px 2px 2px;
background-color:#555555;
border:2px solid white;
}





table.generalA {
width:90%;
border-spacing: 0px;
border-collapse: collapse;
border:1px solid #555555;
background-color:white;
}

td.generalA1 {
padding: 10px 10px 10px 10px;
background-color:#555555;
border:1px solid #555555;
color: white;
letter-spacing: 2px;
font-family: "‚l‚r ƒSƒVƒbƒN",sans-serif;
}

td.generalA2 {
padding: 10px 10px 10px 10px;
background-color:lightgrey;
border:1px solid lightgrey;

color: midnightblue;
font-family: "‚l‚r ƒSƒVƒbƒN",sans-serif;
}

td.generalA3 {
padding: 10px 10px 10px 10px;
background-color:white;
border:1px solid lightgrey;

color: black;
font-family: "‚l‚r ƒSƒVƒbƒN",sans-serif;
}


hr.copyright {
size:1px;
color:#555555;
border-style:dotted;
}


.left {
border:0px;
float: left;
margin: 0px 20px 0px 20px; 
}


img.logo {
border:0px;
margin:0px; 
height:104px;
width:280;
}

img.staff {
border:0px;
height:150px;
width:200;
}





#s3slider {
   width: 600px; /* important to be same as image width */
   height: 410px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 600px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0px; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   text-align: center;
   letter-spacing: 4px;
   width: 600px;
   background-color: #FFFFFF;
   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   -moz-opacity: 0.6; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.6; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #000000;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 


