/* SmSh CSS Styles by Alexander Weng */
	
	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #232323;
		background: #ffffff url(img/sitebg2.gif);
	}
	

	/* General Text Styles */
	
	tr {
		font-size: 12px;
	}
	
	A {
		text-decoration: none;
		 outline: none;
		 border: 0px;
		color: #AF6F67;
	}
	 
	A:hover {
		text-decoration: underline;
	}
	
	.small {
		font-size: 11px;
		color: #666666;
	}
	
	.verysmall {
		font-size: 10px;
	}
	
	.larger {
		font-size: 16px;
	}
	
	.morelink {
		font-size: 11px;
		color: #333333;
		padding-left: 16px;
		background: url(../fakeimg/essential-guide_home_listarrow.gif) no-repeat;
		margin-right: 5px;
	}
	
	.morelinkblue_greybg {
		font-size: 11px;
		color: #333333;
		padding-left: 18px;
		background: url(img/morelink_blue_greybg.gif) no-repeat;
		margin-right: 5px;
	}

	h1 {
		font-size: 18px;
		font-weight: normal;
	}
	
	h2 {
		font-size: 18px;
		font-weight: normal;
	}
	
	h3 {
		font-size: 15px;
		font-weight: normal;
	}

	.list_bigger {
		margin: 0 0 0 0;
		padding: 0px;
		width: 590px;
	}
	
	.list_bigger LI {
		list-style-type: none;
		margin-top: 8px;
		margin-left: 25px;
		line-height: 19px;
		font-size: 12px;
		background: url(img/ul_bigger_arrow.gif) no-repeat;
		border-bottom: 1px dashed #c2c2c2;
		padding: 3px 0 5px 22px;
	}
	
	.rightcol_list {
		width: 280px;
		font-size: 11px;
		margin-left: 20px;
	}
	
	.rightcol_list UL {
		margin: 0px;
		padding: 0px;
	}
	
	.rightcol_list LI {
		list-style-type: none;
		margin: 3px 0 3px 0;
		border-bottom: 1px dotted #f6f6f6;
		padding: 5px 0 5px 10px;
	}
	
	.rightcol_list .last {
		border: none;
	}
	
	
	#int_q {
	border-left: 4px solid #00adef;
	padding-left: 10px;
	font-style: italic;
	background-color: #f9f9f9;
	padding-top: 5px;
	padding-bottom: 5px;
}


	
/* Main Setup  */
		#container_ad {
			width: 980px;
			margin: 0 auto 0 auto;
			overflow: hidden;
		}
			
		#container {
			background: #ffffff;
			width: 980px;
			margin: 0 auto 0 auto;
			padding-left: 7px;
			padding-right: 7px;
			overflow: hidden;
		}
		
		/* Main Area Type 1, used for Evetns, Loc (Maincol  is wider)  */
		
		#events_main {
			width: 970px;
			background: url(img/events_main_bg.gif) repeat-y;
			margin-top: 15px;
		}
	
		#events_maincol {
			width: 630px;
			float: left;
			padding-left: 5px;
		}
		
		#events_maincol_cont {
			width: 620px;
		}
	
		#events_rightcol {
			width: 335px;
			float: left;
		}
		
		/* Main Area Type 2, used for Blog, EssentialGuide  */
		
		#blog_main {
			width: 980px;
			margin-left: 10px;
		}
		
		#blog_maincol {
			width: 550px;
			float: left;
		}
		
		#blog_rightcol {
			width: 395px;
			margin-left:24px!important;
			margin-left:20px;
			float: left;
		}
		

/* Rightcol Boxes  */
		
		#blog_rightcol_greysection {
			width: 395px;
			float: left;
			background: #f3f3f3;
			margin-top: 10px;
		}
		
		#blog_rightcol_greysection_cont {
			width: 360px;
			margin: 10px 0 10px 15px;
			line-height: 18px;
		}
		
		#blog_rightcol_greysection_cont A {
			color: #8f1f99;
		}
		
		#blog_rightcol_greysection_cont .title {
			width: 355px;
			border-bottom: 2px solid #ffffff;
			font-size: 11px;
			padding: 6px 0 5px 0;
			margin-bottom: 5px;
		}

		#rightcol_col {
			float: left; 
			width: 105px;
			padding-left: 13px;
		}
	
		#rightcol_smallcol {
			float: left; 
			width: 80px;
			padding-left: 10px;
			font-size: 10px;
			color: #999999;
		}
		
		#rightcol_smallcol A {
			color: #8f1f99;
			font-size: 12px;
		}
		
	

/* Blue Top Bar with Search  */


		#topbar {
			height: 150px;
			width: 980px;
		}
		
		#topbar_logo {
			float: left;
			width: 300px;
			font-size: 10px;
			height: 150px;
		}
		
		#topbar_login {
			height: 30px;
			font-size: 10px;
			color: #ccccd2;
		}

		#topbar_login A {
			color: #ccccd2;
			border-bottom: 1px dotted #ccccd2;
		}
				
		#topbar_login_cont {
			padding-top: 10px;
			text-align: right;
			padding-right: 20px;
		}
		
		#topbar_search {
			float: left;
			width: 493px;
			height: 120px;
		}
		
		#topbar_browse {
			float: left;
			width: 187px;
			font-size: 10px;
			height: 120px;
		}

	/* Navigation  */

		#nav {
			margin-top: 3px;
		}
		
		#nav IMG {
			border: 0px;
			margin: 0px;
			padding: 0px;
		}
		
		#nav_columns {
			display: none;
		}
		
		#nav_columns_cont {
			border-bottom: 4px solid #CECECE;
			font-size: 12px;
			text-align: center;
			padding-top: 5px;
			background: #F4F4F4;
			height: 80px;
		}
		
		#nav_columns_cont .column {
			width: 138px;
			float: left;
			border-right: 2px solid #ffffff;
			margin-top: 3px;
		}
		
		#nav_columns_cont .lastcolumn {
			width: 135px;
			float: left;
			margin-top: 3px;
		}


/* Browse Pannel */

		#browsepanel {
			width: 972px;
			border: 4px solid #832B7C;
			background: #FFFFFF;
			height: 400px;
			margin-bottom: 10px;
			margin-top: 3px;
			display: none;
		}
		
		#browsepanel_cont {
			width: 960px;
			margin: 25px 0 10px 10px;
			font-size: 12px;
		}
		
		#browsepanel_cont UL {
			margin: 0px;
			padding: 0px;
		}
		
		#browsepanel_cont LI {
			list-style-type: none;
		}
		
		#browsepanel_cont LI A  {
			color: #000000;
			display: block;
			width: 100px;
			font-size: 11px;
			padding-left: 14px;
			line-height: 18px;
			text-decoration: none;
			border-bottom: 1px solid #e4e4e4;
		}
		
		#browsepanel_cont LI A:hover {
			background-color: #e4e4e4;
		}
		
		.col {
			width: 130px;
			float: left;
		}
		
		.titlecol {
			width: 50px;
			float: left;
			padding-left: 10px;
		}
		
		.mapcol {
			width: 330px;
			float: left;
		}
		
		
		#browsepanel_widecol {
			float: left;
			font-size: 11px;
			margin-top: 12px;
			margin-left: 10px;
			width: 950px;
			border-top: 1px solid #f2f2f2;
			padding-top: 10px;
		}
		
		#browsepanel_widecol H1 {
			font-size: 15px;
			margin: 0 0 3px 0px;
			padding: 0px;
			font-weight: normal;
		}
		
		#browsepanel_widecol H1 A  {
			color: #5D4110;
		}
		
		
		#browsepanel_widecol .leftcol {
			float: left;
			width: 840px;
		}
		
		#browsepanel_widecol .rightcol {
			float: left;
			width: 80px;
		}


/* Footer */

		#footer {
			font-size: 11px;
			float: left;
			width: 980px;
			margin-top: 10px;
			background: url(img/footerbg.gif) repeat-x;
			border-top: 1px solid #23B0E1;
			padding-top: 10px;
			text-align: center;
			color: #999999;
			padding-top: 11px;
			padding-bottom: 15px;
		}
		
		
		#footer A {
			color: #000000;
			margin: 0 4px 0 5px;
		}
		
		#footer A:hover {
			color: #23B0E1;
		}
		
		#copyright {
			font-size: 11px;
			margin-top: 8px;
			line-height: 17px;
		}
		
		#copyright A  {
			font-size: 11px;
			color: #8e8e8e;
			margin-top: 9px;
			line-height: 17px;
		}


/* ---- Blog Formatting   ----- */

		#blog_formatting {
			line-height: 18px;
		}
		
		#blog_formatting A {
			color: #AF6F67;
		}
		
		#blog_formatting H1 {
			font-size: 24px;
			font-weight: normal;
			margin: 10px 0px 10px 0px;
		}
		
		#blog_formatting .georgiah1 {
			font: 84.5% Georgia, serif;
			font-size: 24px;
			font-weight: normal;
			margin: 10px 0px 10px 0px;
		}
		
		#blog_formatting H2 {
			font-size: 17px;
			font-weight: normal;
			margin: 10px 0px 8px 0px;
		}
		
		#blog_formatting H2 A {
			color: #330033;
		}
		
		#blog_formatting .georgiah2 {
			font: 84.5% Georgia, serif;
			font-size: 18px;
			font-weight: normal;
			margin: 10px 0px 5px 0px;
		}
		
		#blog_formatting H3 {
			font-size: 11px;
			font-weight: normal;
			margin: 0px 0px 8px 0px;
		}
		
		#blog_formatting H1 A  {
			color: #333333;
		}
		
		#blog_formatting IMG {
			border: 2px solid #CFD1C6;
		}
		
		#blog_formatting .venuebox {
			border-top: 1px solid #e9e9e9;
			border-bottom: 1px solid #e9e9e9;
			padding: 3px 0 3px 0;
			margin: 3px 0 5px 0;
			font-size: 11px;
			color: #333333;
		}
		
		#blog_formatting .venuebox A  {
			color: #23B0E1;
		}
		
		#blog_formatting .abox  {
			border: 1px solid #aaaaaa;
			font-size: 11px;
		}
		
		#blog_formatting .abox UL  {
			margin: 5px 0px 15px 0px;
			padding: 0px;
		}
		
		#blog_formatting .abox LI  {
			background: url(http://www.smartshanghai.com/CSS2/img/essential-guide_home_listarrow.gif) no-repeat;
			list-style-type: none;
			font-size: 11px;
			margin-bottom: 9px;
			margin-top: 13px;
			line-height: 13px;
			padding-left: 17px;
			color: #666666;
		}
		
		#blog_formatting .abox LI A {
			color: #000000;
			font-size: 13px;
			display: block;
			margin-bottom: 4px;
		}
		
		#blog_formatting .abox H1  {
			font-size: 16px;
			font-weight: normal;
			margin: 4px 0px 4px 0px;
		}
		
		#blog_formatting .abox H2  {
			font-size: 14px;
			font-weight: normal;
			margin: 4px 0px 2px 0px;
		}


	/* Ads  */
	
	#topbanner {
		width: 850px;
		background: #EEEEEE;
		margin: 10px 0 25px 60px;
		font-size: 10px;
	}
	
	#topbanner_cont {
		width: 600px;
		padding: 20px 0 20px 90px;
		height: 120px;
	}