@charset "UTF-8";

/* reset */
*{
padding: 0;
margin: 0;
font-weight: normal;
font-family: sans-serif;
font-style: normal;
font-size: 100%;
}


/* common */
body{
font-size: small;
color: #333;
background: url(../img/body_bg.gif) left top repeat-x fixed #fc0;
line-height: 1.4;
}
a{
color: #03c;
text-decoration: none;
}
a:hover{
color: #06c;
text-decoration: underline;
}
a img{
border: none;
}
h2{
background: url(../img/h2_bg.jpg) bottom left no-repeat;
padding-bottom: 2px;
margin-bottom: 24px;
color: #111;
font-weight: bold;
font-size: 150%;
line-height: 1;
letter-spacing: 1px;
}
h3{
border-color: #f93;
border-style: solid;
border-width: 1px 1px 1px 6px;
margin-top: 24px;
padding-left: 2px;
font-size: 130%;
background-color: #fff;
}
.hide{
display: block;
visibility: hidden;
}
em.prog{
font-size: 120%;
letter-spacing: 1px;
border-bottom: 3px double #09f;
background-color: #ffc;
}
em.prog a{
color: #f90;
font-weight: bold;
background: url(../img/arrow.gif) left center no-repeat;
padding-left: 13px;
}
em.prog a:hover{
color: #fc0;
text-decoration: none;
}
.pb{
}
.pb em{
font-weight: bold;
border-bottom: 1px solid #fc0;
}
em.red{
color: red;
}




/* layout */
#container{
width: 780px;
margin-right: auto;
margin-left: auto;
background: url(../img/menu_bg.gif) repeat-y #fff;
border: 1px solid #f60;
position: relative;
}
#main{
width: 580px;
padding: 24px 20px 60px;
float: right;
}
#menu{
width: 160px;
float: right;
overflow: hidden;
}
#footer{
clear: both;
}


/* header */
#header{
width: 800px;
height: 77px;
margin-right: auto;
margin-left: auto;
}
/* menu */
#menu ul{
padding: 5px;
list-style: none;
line-height: 1.2;
margin-bottom: 30px;
}
#menu li{
background: url(../img/menu_li.gif) left center no-repeat;
padding: 8px 15px;
}
#menu li.out{
background-image: none;
border-top: 1px solid #999;
margin-top: 10px;
padding-top: 10px;
}
#top #topMenu a, 
#message #messageMenu a, 
#info #infoMenu a, 
#program #programMenu a, 
#registration #registrationMenu a, 
#accommodation #accommodationMenu a, 
#access #accessMenu a, 
#call #callMenu a{
color: #666;
text-decoration: none;
}


/* footer */
#footer{
padding-top: 8px;
color: #fff;
background: url(../img/footer_top.gif) left top repeat-x #f90;
border-top: 1px solid #f60;
text-align: center;
line-height: 1;
}
#footer address{
padding-bottom: 8px;
background: url(../img/footer_bottom.gif) left bottom repeat-x #f90;
}


/* top */
#top #main h1 img, 
#top #main p.date img{
text-align: center;
vertical-align: bottom;
}
#top #main #tAward{
margin-top: 48px;
padding: 5px ;
text-align: center;
}
#top #main #tAward a{
display: block;
width: 320px;
margin-right: auto;
margin-left: auto;
padding: 0 0 2px;
}
#top #main #tAward a:hover{
padding: 2px 0 0;
}
#top #deadline{
margin-top: 12px;
border: 1px solid #c33;
padding-bottom: 6px;
font-size: medium;
}
#top #main #deadline h2{
background-image: none;
margin: 0 0 6px;
padding: 5px;
color: #fff;
background:url(../img/top_deadline_bg.gif) #db6e6e top left repeat-x;
border-bottom: 1px solid #c33;
}
#top #main h2 em{
font-weight: bold;
padding: 1px 5px;
}
#top #main #deadline p{
margin: 0 12px;
}
#top .memory{
margin-top: 60px;
text-align: center;
list-style: none;
}
#top .memory li{
margin-bottom: 12px;
}
#top .memory a img{
margin: 0 0 2px;
}
#top .memory a:hover img{
margin: 2px 0 0;
}
#top .news{
padding: 10px 5px;
border: 1px dotted #ff8040;
}
#top .news a{
display: block;
padding-left: 30px;
background: url(../img/ex.gif) left center no-repeat;
font-size: 120%;
font-weight: bold;
}


/* message */
#message #main p.pre{
text-indent: 0;
text-transform: uppercase;
}
#message #main p{
text-indent: 1em;
margin-right: 24px;
margin-left: 24px;
}
#message #main p.close{
text-align: right;
margin-top: 1em;
}


/* info */
#info dt{
margin-top: 12px;
padding-left: 10px;
background: url(../img/info_dt.gif) left center no-repeat;
font-size: 120%;
}
#info dd{
margin-bottom: 6px;
margin-left: 36px;
line-height: 1.2;
}


/* program */
#program #main table{
margin: 12px 0;
border-collapse: collapse;
table-layout: fixed;
background: #fff;
}
#program #main table.session{
table-layout: auto;
}
#program #main table.session tr{
height: auto;
}
#program #main table,
#program #main th,
#program #main td{
border: 1px solid #999;
}
#program #main .day{
text-align: center;
}
#program #main table tr{
height: 2em;
}
#program #main table.session,
#program #main .session th,
#program #main .session td{
border: 2px solid #fff;
}
#program th, #program td{
padding: 5px;
overflow: visible;
}
#program th{
background-color: #e0d6a1;
color: #111;
font-weight: bold;
}
#program td{
font-size: 80%;
}
#program .session td{
font-size: 95%;
}
#program .odd td{
background-color: #fff3da;
}
#program .even td{
background-color: #fff07a;
}
#program td.no{
text-align: center;
}
#program td.speaker p{
line-height: 1.2;
margin-bottom: 6px;
}
#program p.deadl{
margin: 6px 0;
}
#program .deadl em{
color: red;
font-weight: bold;
}
#program dl{
margin: 12px;
}
#program dt{
margin-top: 1em;
font-weight: bold;
}
#program dd{
padding-left: 1em;
font-size: 90%;
}
#program .ttl{
font-weight: bold;
}
#program .dtl{
padding-left: 3em;
}
#program #main ul{
padding-left: 6em;
list-style: none;
}

/* registration */
#registration em{
color: red;
}
#registration #main table{
margin: 12px 0;
}
#registration th, #registration td{
padding: 6px;
}
#registration th, #registration td.category{
background-color: #e0d6a1;
color: #111;
font-weight: bold;
}
#registration td{
background-color: #fff3da;
}
#registration td.before, 
#registration td.after{
text-align: right;
}


/* accommodation */
#accommodation #main p{
margin-bottom: 12px;

}
#accommodation #main ul{
list-style: none;
margin-bottom: 12px;
}
#accommodation #main li{
margin: 0 24px 6px;
}


/* access */
#access #main p.bus{
padding: 12px;
}
#access #main table,
#access #main th,
#access #main td{
border: 1px solid #ccc;
}
#access #main table{
margin-right: auto;
margin-left: auto;
border-collapse: collapse;
}
#access #main th,
#access #main td{
padding: 2px 5px;
text-align: right;
}
#access #main th{
background: #8faecc;
text-align: center;
vertical-align: top;
}
#access #main td{
width: 90px;
}
#access #main td.no{
width: 40px;
}


/* call */
#call #main ol{
padding-left: 3em;
}
#call #main ol li{
margin-top: 12px;
}
#call dt{
margin-top: 12px;
padding-left: 10px;
background: url(../img/info_dt.gif) left center no-repeat;
font-size: 120%;
}
#call dd{
margin-bottom: 12px;
margin-left: 36px;
}
#call .sample{
margin: 12px 0;
font-size: 120%
}
#call #main .quot{
font-size: 90%;
}
#call #main .title{
font-style: italic;
}


/* tAward */
#tAward #main p{
margin: 12px;
}
#tAward #main ul li{
margin: 0 50px 6px;
line-height: 1.2;
}