@charset "utf-8";
body {
	font-family: Tahoma;
	margin:0;
	font-size:11px;
	color:#FFFFFF;
}
a{ text-decoration:none; color:#FFFFFF;}
a:hover{ color:#e3dd9d;}
img{ border:none;}

.swap a img{opacity:1; filter:alpha(opacity=100)}
.swap a:hover img{opacity:0.5; filter:alpha(opacity=50);}

.clear{ clear:both;}
#nav{ margin:0; padding:0; list-style-type:none; }

#nav li{float:left;}
#nav li a{ display:block; height:35px; }
#nav li a span{ display:none;}
#nav1{}
#nav1 a{ width:69px;  background:url(../images/base/nav1.gif);}
#nav1 a:hover{ background:url(../images/base/nav1-swap.gif);}
.nav1-act a{ background:url(../images/base/nav1-swap.gif) !important;}

#nav2 a{ width:87px;  background:url(../images/base/nav2.gif);}
#nav2 a:hover{ background:url(../images/base/nav2-swap.gif);}
.nav2-act a{ background:url(../images/base/nav2-swap.gif) !important;}

#nav3 a{ width:77px;  background:url(../images/base/nav3.gif);}
#nav3 a:hover{ background:url(../images/base/nav3-swap.gif);}
.nav3-act a{ background:url(../images/base/nav3-swap.gif) !important;}

#nav4 a{ width:88px;  background:url(../images/base/nav4.gif);}
#nav4 a:hover{ background:url(../images/base/nav4-swap.gif);}
.nav4-act a{ background:url(../images/base/nav4-swap.gif) !important;}

#nav5 a{ width:78px;  background:url(../images/base/nav5.gif);}
#nav5 a:hover{ background:url(../images/base/nav5-swap.gif);}
.nav5-act a{ background:url(../images/base/nav5-swap.gif) !important;}

#nav6 a{ width:100px;  background:url(../images/base/nav6.gif);}
#nav6 a:hover{ background:url(../images/base/nav6-swap.gif);}
.nav6-act a{ background:url(../images/base/nav6-swap.gif) !important;}

#nav7 a{ width:43px;  background:url(../images/base/nav7.gif);}
#nav7 a:hover{ background:url(../images/base/nav7-swap.gif);}
.nav7-act a{ background:url(../images/base/nav7-swap.gif) !important;}

.bodyMid{ width:922px; }
.bodyLeft{}
.bodyRight{}
.bodyCol{ background:url(../images/base/out.gif) repeat-x; background-color:#1d1b18;}

.widthLeft{ width:288px; text-align:top; vertical-align:top;}
.bodyArea{ vertical-align:top}

.list{ margin:0; padding:0; list-style-type:none; width:274px; font-size:12px;}
.list li{ border-bottom:1px solid #624d35; height:20px; padding-top:7px;}
.list li a{ background:url(../images/base/bul.gif) no-repeat left center; display:block; padding:0px 0 0 13px; margin:0px 0 0 5px;}

#fb { font-size:11px;}
#fb div{ margin-bottom:4px;}

.banner{ padding:10px 0 10px 3px;}

.smallFont{ font-size:11px;}
.title{ height:40px; background:url(../images/base/bg-title.gif) no-repeat;}

.curve{ position:relative;}
.curve div{ position:absolute; top:0px; left:0px;}

.listIndex{ margin:15px 0 0 0; padding:0; list-style-type:none;}
.listIndex li{ background:url(../images/base/line2.gif) no-repeat bottom; padding:15px 0 15px 0;}
.listImg{ float:left; width:130px; margin-right:20px; padding-left:10px;}
.listImg a img{ border:1px solid #000000;}
.listImg a:hover img{ border:1px solid #ffffff;}
.listData{ float:left; width:149px;}
.listData h3{ margin:0; padding:0; color:#b2885d; font-weight:bold; font-size:11px;}
.listData p{ margin:0; padding:0; height:43px; overflow:hidden;}
.listLink{ display:block; padding:12px 0 12px 0; border-bottom:1px solid #624d35;}
.listLink a{ color:#b2885d; font-weight:bold;}
.listLink a:hover{ color:#e3dd9d;}
.listDate{ display:block; padding-top:10px;}

#page{ margin:0 5px 0 15px; padding:0; list-style-type:none;}
#page li{ width:23px; height:23px; float:left; margin:0 3px 0 3px;}
#page li a{ display:block;width:23px; height:23px;}
#page li a span{ display:block; text-align:center; font-size:14px; font-weight:bold; padding-top:3px;}
#page li a:hover{ background:url(../images/e-menu/bul-nav.gif);}
#page li.pageAct a{background:url(../images/e-menu/bul-nav.gif);}

.page2{ margin:0 5px 0 15px; padding:0; list-style-type:none;}
.page2 li{ width:15px; height:15px; float:left; margin:0 3px 0 3px;}
.page2 li a{ display:block;width:15px; height:15px; color:#FFFFFF; font-weight:normal !important;}
.page2 li a span{ display:block; text-align:center; font-size:11px;  padding-top:1px;}
.page2 li a:hover{ background:url(../images/what-on/bg-btm.gif);}
.page2 li.pageAct a{background:url(../images/what-on/bg-btm.gif);}