/* CSS Document */

#main_content #info {
clear:left;
float:none;
width:auto;
margin-right:30%;
}
#info h2 {
color: #cc0000; 
border:0;
border-bottom:1px solid #ccc;
background-color:transparent; 
background-image:none; 
}

#main_content{
position:static;
}
#main_content .submenu {
float:none;
position:absolute;
top:20px;
right:20px;
overflow:visible;
width:25%;
}
#main_content > .submenu {
right:0px;
}

.submenu ul {
border-top:1px solid #ccc;
}
.submenu a {
border-left: 4px solid #F42E2F;
margin-bottom:1px;
}
.submenu.home li a#home, 
.submenu.THT a#theater,	 .submenu.DAN li a#dance, .submenu.MUS a#music, .submenu.MIS a#robots, .submenu.EXH a#exhibit, 
.submenu.FLM a#anime, .submenu.LSR a#literature, .submenu.FFS a#free, .submenu.calendar a#calendar, 
.submenu.shop a#shop, .submenu.learn a#learn,  .submenu.fsponsor a#fsponsor  {
background-image:url(/images/assets/30_38/XIJFN_Genius_30.jpg); 
background-position:left center;
background-repeat:no-repeat;
padding-left:37px;
font-weight:bold;
color:black;
}

#info .table td {
vertical-align:top;
border-color:#ccc;
}
#info .table .detail, #info .table .detail h3, 
#info .table .detail p, #info .table .detail ul {
margin:0px;
padding:0px;
}
#info .table .detail {
padding-left:100px;
}
#info .table img {
border:0px solid white;
}
#info .table .detail ul {
font-weight:bold;
display:block;
list-style-type:none;
}

#info.calendar table caption {font-size:1.15em; }
#info.calendar table th {background-image: url(/images/h2_blue_bg.jpg); color:white; border:none; text-align:center;}
#info.calendar table.table td {padding:0px; padding-bottom:.5em;}
#info.calendar strong.thisday { background-color:#dfdfdf; display:block; padding-left: 1em;}
#info.calendar table.table td p {padding-right: 5px; padding-left: 10px;}

.center {
display: block;
margin-left: auto;
margin-right: auto; 
margin-bottom:1em;
}
.hello {
display:block;
margin-left: 35em;
margin-right: auto; 
margin-top:-35px;
vertical-align: top;
}

h3 {
border-top:1px solid #ccc;
margin-top: 30px;
padding-top: 20px;
}

.h3none{
border: none;
padding-top:0px;
}

table h3{
border:none;
}

#info.fsponsor {margin-bottom:5em; text-align:center;}
#info.fsponsor h2 {text-align:left;}
#info.fsponsor .grids li, .sponsor .grids li {
border-bottom:none;
height:auto;
}
 .grids li {
float:left;
width:45%;
list-style-type:none;
}
.grids img,  .grids big {
display:block;
margin:1.5em auto;
font-style:normal;
font-size:15px; 
}
#info.fsponsor .grids big {font-size:21px; /* >_<   so it lines upd perfrctly with other sponsor img*/}
.sponsor p img {display:inline;}
.sponsor {
clear:left;
}