body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background:#931837 url(../images/body_bg.gif) repeat left top;
}
/* -------- Typography ----------------------*/
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align: baseline;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

a { color:#b35fa5; }
a:hover { text-decoration:none;}

.floatleft { float:left;}
.floatright { float: right;}


/* ===================================Header ===========================*/
.header_wrap { width:100%;  background: url(../images/header_bg.gif) repeat left top; float:left;}
#header { height:119px; position:relative; width:972px; margin:0 auto;}
#header div.logo { position:absolute; top:21px; left:20px; }
#header div.logo a { display:block; background:url(../images/logo.png) no-repeat; width:165px; height:88px; text-indent:-10000px;}
#header div.mycitylogo { position:absolute; top:10px; right:18px; background:url(../images/mycity_logo.png) no-repeat; width:221px; height:92px;}

/* ===================================body part ===========================*/
.body_wrap { width:100%; float:left; padding-bottom:100px;}
.body_part { width:972px; margin:0 auto;}
.body_part .top_part { background: url(../images/body_top_bg.png) no-repeat right bottom; height:152px; position:relative;}
.body_part .top_part .tv { position:absolute; left:260px; top:-48px; background:url(../images/tv.png) no-repeat; width:178px; height:173px;}

/* ===================================body left ===========================*/
.body_part .leftpan { width:241px; float:left;}
.body_part .leftpan ul  { list-style-type:none; padding-top:17px;}
.body_part .leftpan ul li { padding-bottom:24px;}
.body_part .leftpan ul li a { display:block; background:url(../images/nav_bg.gif) repeat-y;  font:bold 18px/24px Georgia, "Times New Roman", Times, serif; padding-left:10px; text-decoration:none; color:#000000!important;}
.body_part .leftpan ul li a.active, .body_part .leftpan ul li a:hover { color:#b35fa5!important;}
/* ===================================body right ===========================*/
.body_part .rightpan { width:639px; float:left; background-color:#FFFFFF; padding:0 20px 20px 20px;}
.body_part .rightpan p { font-weight:normal; color:#000000; padding-bottom:10px; line-height:22px; width:100%; float:left;}
.body_part .rightpan p.bold_text { font-weight:bold;}
.body_part .rightpan h3 { font:normal 20px/30px Georgia, "Times New Roman", Times, serif; padding:10px 0;}
.body_part .rightpan ul { list-style-type:none;}
.body_part .rightpan ul li { background:url(../images/arrow.gif) no-repeat left 4px; padding:0 0 10px 20px; line-height:18px;}
.body_part .rightpan ul li ul { padding:10px 0 0 3px;}
.body_part .rightpan ul li ul li { background:url(../images/arrow_small.gif) no-repeat left 4px!important; padding:0 0 10px 20px; line-height:18px;}