/* CSS Document */

/*=============================all=============================*/
h1 img,address img{ behavior:url(/js/iepngfix.htc) }
*{
margin:0;padding:0;
}
body{
background:#FFFFFF;
color:#333333;
font-size:12px;
line-height:1.8em;
}
em{font-style:normal;font-weight:bold;}
a{color:#666666;text-decoration:none;outline:none;}
a:visited{color:#666666;}
a:hover{color:#666666;text-decoration:underline;}
strong{color:#000000;font-size:13px;}
.clear{clear:both;font-size:0;margin:0;padding:0;height:0px;line-height:0;}
/*=============================block=============================*/


#bookcafe,address{
margin:0 auto;
padding:0 0 10px 0;
width:760px;
}
address{
margin-top:10px;
margin-bottom:10px;
padding-top:10px;
padding-bottom:10px;
background:#996600;
}
#container{
width:738px;
margin:0 auto;
padding:0 11px;
background:#DCCDB0 url(../img/bg.gif) repeat-y;
}

#left{
width:299px;
float:left;
margin-top:0px;
padding-left:20px;
}
#right{
width:379px;
float:left;
margin-top:0px;
padding-top:10px;
margin-left:20px;
border-top:#333333 solid 3px;
}

/*=============================Navibar=============================*/
h1{
background-color:#996600;
width:76px;
float:left;
}
#navibar{
width:216px;
float:left;
padding:2px 0;
background:#FFFFFF;
}
#navibar ul{
list-style:none;
width:216px;
height:1%;
border-top:#DDDDDD solid 1px;
background:#FFFFFF;
}
#navibar li{
list-style:none;
border-bottom:#DDDDDD solid 1px;
clear:both;font-size:0;margin:0;padding:0;height:31px;line-height:0;
}
#navibar li img{
height:31px;
}
#navibar li a{
display:block;
background:#FFFFFF;
height:31px;

}
a#navi1:hover{background:#996600;}
a#navi2:hover{background:#FF6600;}
a#navi3:hover{background:#CC0033;}
a#navi4:hover{background:#0066CC;}
a#navi5:hover{background:#993399;}
a#navi6:hover{background:#99CC00;}
a#navi7:hover{background:#FF33CC;}

/*=============================Navibar=============================*/
h2{
clear:both;
border-bottom:#333333 solid 1px;
margin-bottom:10px;
}
h3{
padding:8px 0 0 30px;
color:#996600;
margin-bottom:20px;
font-weight:bold;
font-size:16px;
}
h3 em{
font-size:12px;
color:#333333;
}
h3#orange{
background: url(../img/orange_bt.gif) 5px 14px no-repeat;
color:#FF6600;
}
h3#event{
background: url(../img/event_bt.gif) 5px 14px no-repeat;
color:#CC0033;
}
h3#link{
background: url(../img/link_bt.gif) 5px 14px no-repeat;
color:#99CC00;
}
h3#contact{
background: url(../img/contact_bt.gif) 5px 14px no-repeat;
color:#FF33CC;
}
h3#shop{
background: url(../img/purple.gif) 5px 14px no-repeat;
color:#993399;
}
div.shoptext{
margin-left:350px;
}
img.left{
float:left;
}
#center{
padding:0px 20px 0 20px;
clear:both;
}
#center p{
margin-left:30px;
}
#center table{
margin:30px 30px 8px 30px;
display: table;
border-spacing:0;
width:620px;
border-collapse:collapse;
border:none;
}
#center td,#center th{
border-bottom:#CCCCCC solid 1px;
padding:3px;
background:#FFFFFF;
text-align:left;
vertical-align:top;
}
#news{
padding-top:35px;
clear:both;
}
#news dl{
}
#news dt{
padding:8px 0 0 30px;
color:#996600;
font-weight:bold;
background: url(../img/btnews.gif) 5px 11px no-repeat;
}

#news dd{
padding:4px 0 8px 45px;
border-bottom:#DDDDDD solid 1px;
color:#666666;
}
dl.eventList{
}
dl.eventList dt{
padding:8px 0 0 30px;
color:#CC0033;
font-weight:bold;
background: url(../img/event_bt.gif) 5px 11px no-repeat;
}

dl.eventList dd{
padding:4px 0 8px 45px;
border-bottom:#DDDDDD solid 1px;
color:#666666;
}
dl.eventList dd a:visited,dl.eventList dd a:link{
text-decoration:underline;
}
dl.eventList dd a:hover{
color:#000000;
}
/*=============================clearfix=============================*/
div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
 
/* WinIE7 only */
*:first-child+html div,
{
	height:1%;
}
 
/* WinIE6 and below */
/*\*/
* html div,{
	height:1%;
}
/**/
 
/* MacIE only */
/*\*//*/
div,
{
	display:inline-table;
}
/**/