body {
	background-image: url(../images/bg.gif);
	background-color: #891F33;
	padding: 0px;
	margin: 14px 0px 0px 0px;
	font: 0.7em/1.2 trebuchet ms, Arial, Helvetica, sans-serif;
	color: #29424B;
	background-repeat: repeat-x;}

a { text-decoration: none; color: #a82b43; font-weight:bold;}
a:hover {text-decoration: underline;color: #000;}

img {border:0;}
.make_center {text-align: center;}
.hand {cursor: pointer;}
.clear {clear:both;}
#wrapper {min-height: 100%;margin: 0 auto;width: 728px;}
#col_left {float: left;width: 185px;}

h2 {padding: 0px;
	margin: 0px 0px 25px 0px;
	border-bottom:#dedede solid 1px;
	color: #a82b43;
	font: 2em Georgia, "Times New Roman", Times, serif;}
	
h6 {padding: 0px;
	margin: 0px;
	color: #6b1525;
	font: 1.3em Georgia, "Times New Roman", Times, serif;
	font-weight: bold;}

.divider {height:550px;float:left;width:1px;}
  
#logo {height:170px; background:url(../images/logo.gif) no-repeat;}
  
img, a, input {outline:none;}  

p.box { color: #a82b43;}
p.box a 
{text-decoration:none;color:#a82b43; background:#fff; border:#a82b43 solid 1px; padding:2px 4px;}
p.box a:hover {text-decoration:none; color:#333; background:#ffe294; border:#000 solid 1px;}
 
 
/*----------------------------------------------------------------------------------------- Nav */
ul {list-style: none;}

#nav {
	width: 177px;
	margin: 25px 0px 0px 0px;
	padding: 0px;}

#nav li {
	font: 1.2em trebuchet ms, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-weight: bold;}

#nav a {
	border-bottom: 1px solid #6e1022;
	border-top: 1px solid #9f2139;
	display: block;
	padding: 7px 0px 0px 4px;
	color: #FFFFFF;
	height: 25px;}

.nav_icon {vertical-align: text-top;}

#nav a.first {border-top-width: 0px;}

#nav a:hover {
	background: url(../images/nav_bg.gif) repeat-x bottom left;
	color: #ffe294;
	text-decoration: none;}

#nav_selected {
	border-top: 1px solid #9f2139;
	border-bottom: 1px solid #6e1022;
	display: block;
	padding: 7px 0px 0px 4px;
	color: #ffe294;
	height: 25px;}

#nav_selected_first {
	border-bottom: 1px solid #6e1022;
	display: block;
	padding: 7px 0px 0px 4px;
	color: #ffe294;
	height: 25px;}



/* --------------------------------------------------------------------------------------Sign Up */

#signup {
	background: url(../images/signup_top.gif) repeat-x;
	margin:20px 0px;
	width: 177px;
	background-color: #801d31;
	padding: 8px 0px 0px 0px;}

#signup h1 {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	color: #ffe294;
	font: 1.5em normal Georgia, "Times New Roman", Times, serif;}

#signup a{color: #FFFFFF;}
#signup a:hover{text-decoration: none;color: #ffe294;}
#signup_wrapper{height: 0px; overflow:hidden;}



/* -------------------------------------------------------------------------------Right Column */
#col_right {
	background: url(../images/main_repeat.png) repeat-y;
	float: left;
	width: 531px;
	margin-left: 7px;}

#main_header {background: url(../images/main_top.gif) no-repeat; width: 531px; height: 17px;}

#main_body {padding: 0px 22px 0px 22px; position: relative;}


/* --------------------------------------------------------------------------------content area */
#content_left {
	float: left;
	width: 258px;
	margin: 0px;
	padding: 0 10px;
	position: relative;
	border-right:#dedede solid 1px;
	min-height: 550px;}

#content_left_home {
	float: left;
	width: 278px;
	margin: 0px;
	padding: 0px;
	position: relative;}

#content_right {
	float: left;
	width: 207px;
	position: relative;}
	
#tours {
	float: left;
	width: 180px;
	position: relative; text-align:left; padding-left:20px;}
	
#content_right img, #tours img {border:1px solid #333333;}

#content_right_home {
	float: left;
	width: 207px;
	position: relative;
	min-height: 400px;
	border-left:#dedede solid 1px;}

#content_left p {margin: 0px; padding: 0px 10px 20px 0px; line-height:18px;}

.home_news {padding: 10px 10px 10px 0px;}

.home_news h4{
	color: #6b1525;
	font: 1.3em "Times New Roman", Times, serif;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: bold;}

h2 img {vertical-align: top; margin-top: 2px;}

h4 img {vertical-align: bottom;}

h3 {margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;}

h5 {margin: 0px;
	padding: 0px;
	font: 1.3em "Times New Roman", Times, serif;
	color: #6b1525;
	font-weight:bold;}

#content_left h3 {color: #a82b43; font: 2em Georgia, "Times New Roman", Times, serif;}

#content_left_home h3 {
	color: #a82b43;
	font: 2em Georgia, "Times New Roman", Times, serif;}

#content_right h3, #content_right_home h3 {
	color: #6b1525;
	font: 1.5em Georgia, "Times New Roman", Times, serif;}

h4 {color: #6b1525;
	font: 1.2em trebuchet ms, Arial, Helvetica, sans-serif;
	padding: 0px; margin:2px 0 4px;
	font-weight: bold;}

#content_left li {
	margin: 0px;
	padding: 0px 0px 4px 15px;
	background: url(../images/bullet.gif) left top no-repeat;
	position: relative;}

.about_list {margin: 3px 5px 0px 10px; padding: 0px;}

#sub_header {margin-top: 15px;}

.sub_wrapper1 {
	padding: 5px 3px 5px 8px;
	margin: 3px 12px 3px 12px;
	background-color: #f6f6f6;
	text-align:left;}

.sub_wrapper2 {
	padding: 5px 3px 5px 8px;
	margin: 3px 12px 3px 12px;
	background-color: #efefef;
	text-align:left;}


/* --------------------------------------------------------------------------------footer */

#footer {
	background-color:#891F33;
	clear:both;
	padding: 10px 0px 5px 0px;
	color: #C66678;
	text-align: center;
	font: 0.9em/1.5 trebuchet ms, Arial, Helvetica, sans-serif;}

#footer a {color: #C66678;}

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


/* --------------------------------------------------------------------------------form */
input, textarea {background:#ffe294; color:#a82b43; font-size:1.2em;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
input.button {padding:0 3px; overflow:visible;}

.form {font-size:1.2em;margin:10px 0 5px 0;}
label {display:block;}


/* --------------------------------------------------------------------------------accordian------*/

#basic-accordian{border:5px solid #EEE; padding:5px;}
	
.accordion_headings{
	padding:5px;
	background:#f8e4ac;
	color:#891f33;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;}

.accordion_headings:hover{background:#891f33; color:#fff;}

.accordion_child{padding:15px;background:#EEE;}

.header_highlight{background:#891f33; color:#fff;}
.header {background: #000;cursor: pointer;padding:4px;}
.header:hover{background-color:#666;}

.selected{background-color:#F00;color:#FFF;}

.content{background:#FFF;padding:4px;}

/* --------------------------------------------------------------------------------main map */

#map {background:url(../images/hanoi.gif) no-repeat; height:400px; width:287px; margin:20px 0; border:#a82b43 solid 1px;}


/* --------------------------------------------------------------------------------district map */

#imap {display:block; width:287px; height:400px; background: url(../images/hanoi.gif) no-repeat; position:relative; margin:10px 0; border:1px solid #333;}

#imap dd {position:absolute; padding:0; margin:0;}
#imap #hotay {left:10px; top:10px; z-index:20;}
#imap #badinh {left:30px; top:140px; z-index:20;}
#imap #dongda {left:20px; top:230px; z-index:20;}
#imap #hoankiem {left:170px; top:180px; z-index:20;}
#imap #haibatrung {left:170px; top:270px; z-index:20;}

#imap a#link_hotay {display:block; width:180px; height:130px; text-decoration:none; z-index:20;}
#imap a#link_badinh {display:block; width:158px; height:80px; text-decoration:none; z-index:20;}
#imap a#link_dongda {display:block; width:150px; height:110px; text-decoration:none; z-index:20;}
#imap a#link_hoankiem {display:block; width:80px; height:80px; text-decoration:none; z-index:20;}
#imap a#link_haibatrung {display:block; width:110px; height:110px; text-decoration:none; z-index:20;}

#imap a em, #imap a span, #imap a:visited span {display:none;}

#imap a#link_hotay:hover, #imap a#link_badinh:hover, #imap a#link_dongda:hover, #imap a#link_hoankiem:hover, #imap a#link_haibatrung:hover{border:2px solid #f00;}

#imap a:hover span {position:absolute; display:block; color:#000; width:150px; height:270px; line-height:1.4em; font-size:1em; text-align:justify;}

#imap a#link_hotay:hover span {left:310px; top:0px;}
#imap a#link_hotay:hover em {position:absolute; display:block; left:182px; top:30px; width:127px; height:1px; overflow:hidden; font-size:1px; background:#f00;}

#imap a#link_badinh:hover span {left:290px; top:0px;}
#imap a#link_badinh:hover em {position:absolute; display:block; left:160px; top:35px; width:129px; height:1px; overflow:hidden; font-size:1px; background:#f00;}

#imap a#link_dongda:hover span {left:300px; top:0px;}
#imap a#link_dongda:hover em {position:absolute; display:block; left:151px; top:45px; width:146px; height:1px; overflow:hidden; font-size:1px; background:#f00;}

#imap a#link_hoankiem:hover span {left:150px; top:0px;}
#imap a#link_hoankiem:hover em {position:absolute; display:block; left:82px; top:45px; width:66px; height:1px; overflow:hidden; font-size:1px; background:#f00;}

#imap a#link_haibatrung:hover span {left:150px; top:0px;}
#imap a#link_haibatrung:hover em {position:absolute; display:block; left:111px; top:45px; width:39px; height:1px; overflow:hidden; font-size:1px; background:#f00;}

/* --------------------------------------------------------------------------- all districts map */

#hkmap, #bdmap, #htmap, #ddmap, #hbtmap {display:block; position:relative; margin:10px 0; border:1px solid #333;}

#bdmap dd, #hkmap dd, #htmap dd, #ddmap dd, #hbtmap dd {position:absolute; padding:0; margin:0;}

#bdmap a em, #bdmap a span, #bdmap a:visited span, #hkmap a em, #hkmap a span, #hkmap a:visited span, #htmap a em, #htmap a span, #htmap a:visited span, #ddmap a em, #ddmap a span, #ddmap a:visited span, #hbtmap a em, #hbtmap a span, #hbtmap a:visited span {display:none;}

#bdmap a:hover span, #hkmap a:hover span, #htmap a:hover span, #ddmap a:hover span, #hbtmap a:hover span {position:absolute; display:block; color:#000; font-size:1em; background:#fff; padding:3px; text-align:center; border:1px solid #333; left:30px; top:-10px; width:100px;}


a.link_hoi{display:block; width:3px; height:3px;border:2px solid #f00; background:#ff0;}

a.link_hoi:hover{border:2px solid #00f; text-decoration:none;}


/* ---------------------------------------------------------------------------ba dinh image map */

#bdmap {width:490px; height:377px; background: url(../images/district_maps/ba_dinh.jpg);}

#nguyenchithanh {left:85px; top:265px; z-index:90;}
#kimma {left:74px; top:234px; z-index:100;}
#fifteen {left:152px; top:236px; z-index:90;}
#foursixyenphu {left:433px; top:77px; z-index:10;}
#cuabac {left:395px; top:38px; z-index:10;}
#sixtysevenpdc {left:393px; top:45px; z-index:10;}
#threefouryenphu {left:388px; top:30px; z-index:10;}
#trucbac {left:378px; top:40px; z-index:10;}
#ngocha {left:283px; top:155px; z-index:10;}

/* ---------------------------------------------------------------------------dong da image map */

#ddmap {width:490px; height:420px; background: url(../images/district_maps/dong_da.jpg);}

#mydinh {left:-15px; top:280px; z-index:20;}
#hoangcau {left:292px; top:180px; z-index:20;}
#minhkhai {left:436px; top:270px; z-index:20;}
#fatboys {left:140px; top:170px; z-index:20;}


/* -------------------------------------------------------------------------hai ba trung image map */

#hbtmap {width:490px; height:538px; background: url(../images/district_maps/hai_ba_trung.jpg);}

#highwaymhd {left:170px; top:94px; z-index:80;}
#hoama {left:246px; top:95px; z-index:60;}
#hxtbh {left:293px; top:62px; z-index:40;}
#lctbh {left:297px; top:52px; z-index:40;}
#vhb {left:103px; top:222px; z-index:40;}

/* ---------------------------------------------------------------------------hoan kiem image map */

#hkmap {width:490px; height:618px; background: url(../images/district_maps/hoan_kiem.jpg);}

#phuctan {left:283px; top:117px; z-index:20;}
#hangtre {left:311px; top:230px; z-index:20;}
#highwayht {left:303px; top:212px; z-index:20;}
#tongdan {left:361px; top:414px; z-index:20;}
#corner {left:233px; top:180px; z-index:60;}
#hangquat {left:163px; top:232px; z-index:60;}
#twotwoht {left:316px; top:275px; z-index:60;}
#trangtien {left:388px; top:422px; z-index:60;}
#twosevennhh {left:293px; top:217px; z-index:60;}
#twelvetongdan {left:350px; top:382px; z-index:60;}
#eightytnd {left:237px; top:100px; z-index:60;}
#hamlong {left:274px; top:577px; z-index:60;}
#threesixbatdan {left:120px; top:203px; z-index:60;}
#batsu {left:148px; top:132px; z-index:60;}
#elevendt {left:100px; top:200px; z-index:60;}
#twodt {left:97px; top:220px; z-index:60;}
#fiftybatdan {left:111px; top:203px; z-index:60;}
#hangnon {left:133px; top:231px; z-index:60;}
#hangbai {left:255px; top:465px; z-index:60;}

/* ---------------------------------------------------------------------------ho tay image map */
#htmap {width:490px; height:666px; background: url(../images/district_maps/ho_tay.jpg);}

#laclongquan {left:152px; top:127px; z-index:20;}
#fifteenyp {left:440px; top:478px; z-index:20;}
#onesixthreeyp {left:392px; top:391px; z-index:20;}
#twofivefourtk {left:134px; top:555px; z-index:20;}
#twoninetyllq {left:77px; top:405px; z-index:20;}
#fourfourthreellq {left:55px; top:384px; z-index:20;}
#sixfivefivellq {left:95px; top:215px; z-index:20;}
#xuandieu {left:303px; top:296px; z-index:20;}
#sevenayp {left:450px; top:488px; z-index:20;}
#fouronexd {left:313px; top:308px; z-index:20;}