#scroll
{
position:relative;
left:30px;top:7%;
height:550px;width:80%;
overflow:auto;
}

#picpage
{
position:absolute;
left:10px;
height:550px;width:100%;
overflow:auto;
}

#ticket
{
width:100%;
font-size:1.8em;
color:red;
text-align:center;
border:3px solid blue;

}

.serno
{
font-size:0.8em;
color:black;
text-align:center;
}

html, body 
{
margin:0; padding:0; width:100%; height:100%; overflow:hidden;
}

body 
{
font-size:76%;
left:50px;width:100%;
}

#header
{
position:absolute;
top:0px;left:0px; 
width:100%;z-index:100;
text-align:center;
color:blue;
padding:15px;font-size:4.5em;
font-family:cursive;
font-variant:small-caps;
border-bottom:1px solid yellow;
}

#main 
{
position:absolute;
left:55px;top:200px;
width:75%;height:400px;
color:#ffffff;
padding:15px 20px 0px 10px;
font-size:1.8em;
font-family:cursive;
text-align:left;
overflow:auto; 
border-right: 1px transparent #fe0012;
}

#mainleft 
{
position:absolute;
left:30px;top:200px;
width:43%;height:400px;
color:black;
padding:15px 20px 0px 10px;
font-size:1.8em;
font-family:cursive;
text-align:left;
overflow:auto; 
border-right: 1px transparent #fe0012;
}

#mainright 
{
position:absolute;
left:51%;top:200px;
width:48%;height:400px;
color:black;
padding:15px 0px 0 0px;
font-size:1.8em;
font-family:cursive;
text-align:left;
overflow:auto; 
}

#mainleft a
{
color:black;
}

#mainright a
{
color:#black;
}

#mainleft a:hover
{
color:white;
background:black;
}

#mainright a:hover
{
color:#ffff00;
background:#fe0012;
}

.h1
{
font-size:3.8em;
font-variant:small-caps;

}
.h2
{
font-size:2.4em;
font-variant:small-caps;

}

#fixedmenu 
{
position:absolute;
top:10px; left:0; 
width:100%;
border:1px transparent white;
text-align:center;
color:blue;
height:20px;
}

#fixedmenu a
{
color:blue;
}

#fixedmenu a:hover
{
background-color:yellow;
color:blue;
}

#central
{
position:absolute;
top:200px;left:0px;
width:100%;
font-size:1.8em;
color:yellow;
text-align:center;
}

#footer 
{
position:absolute;
color:black;
/*color:#fe0012;*/
font-size:1.0em;
bottom:0;left:0;
width:100%;height:65px; 
text-align:center;
padding:20px 0 0 0; 
}

* html #footer {height::50px;}





/* slides styling from here*/


.photo {width:635px; height:550px; text-align:left; 
position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; 
width:935px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; 
height:31px; float:left;}
.photo ul.topic li a.set {display:block; 
font-size:11px; width:124px; height:30px; 
text-align:center; line-height:30px; color:#000; 
text-decoration:none; border:1px solid #fff; 
border-width:1px 1px 0 0; background:#ccc; 
font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; 
list-style:none; padding:0; margin:0; height:375px; 
background:#ddd; width:464px; padding:40px 60px; 
border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; 
list-style:none; padding:0; margin:0; height:375px; 
background:#ddd; width:464px; padding:40px 60px;
border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; 
border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; 
float:left; text-decoration:none; background:#444; 
border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; 
width:200px; height:150px; border-color:#fff;}
