/***********************************************************************
   AUTHOR:  	     Andy Lim
   WEBSITE URL:      http://www.webs-sg.com/
   Site Name:        Webs Sg Home
   LAST MODIFIED:    #-#-2009
************************************************************************/

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body {
	background: #fff url('images/chinese_herbal_recipes_bg.gif'); /* Optional */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: center; /* IE Fix */
	margin: 0;
	color: #666
	}
acronym { cursor: help; border-bottom: 1px dashed #999; }
a { text-decoration: none; color: #369; font-weight: bold;  }
a:hover { border-bottom: 1px dashed #49515C; color: #49515C; }
/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
	margin: 0 auto;
	width: 740px;
	background: #fff url('images/chinese_herbal_dot_line.gif') repeat-y 25% 25%;
	border: 1px solid #ddd;
	text-align: left; padding-left:3px; padding-right:3px; padding-top:0; padding-bottom:0
	}
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/		
#header {
	background: #e9f0ce url('images/chinese_herbs_banner.jpg') no-repeat center;
	border-bottom: 3px solid #fff;
	border-top: 3px solid #fff;
	padding: 32px;
	}	
	
#header h1 { 	
	margin: 0;
	color: #000066;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	cursor: default;
	}	
#header h2 { 	
	margin: 0;
	color:  #000000;
	font-size: 10pt;
	text-align: center;
	padding-left: 1px;
	cursor: default;
	}	

/*------------------------------------------------------------*
**  Nav
**------------------------------------------------------------*/

#nav {
	background: #858F9E; 
	border-bottom: 3px solid #fff;
	margin: 0; 
	padding: 0;
	height: 2.2em;
	}
#nav li {
	list-style-type: none;
	display: inline;
	line-height: 20px;
	}		
#nav li a { 
	text-decoration: none; 
	color: #ddd;
	background-color: #858F9E;
	border-right: 3px solid #fff; 
	border-bottom: 0px none;
	font-size: 1em;
	float: left;
	font-weight: bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
	}
#nav li a:hover { background-color: #6B7687; }
#nav li a.on { background-color: #49515C; color: #C6C4C5; }

/*------------------------------------------------------------*
**  Side Bar
**------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 175px;
	position: relative;
	line-height: 16px; 
	word-spacing: 2px;	
	}
#sidebar div { background: #e9f0ce; }

#sidebar a { text-decoration: none; color: #996666; font-weight: bold; border-bottom: none #A2AFBF; }
#sidebar a:hover { background-color: #A2AFBF; border-bottom: 1px dashed #fff; color: #fff; }	
/*------------------------------------------------------------*
**  Side Bar & Content
**------------------------------------------------------------*/
#sidebar h3, #content h3 { 
	font-size: 1.1em; 
	color: #49515C; 
	margin: 0 10px 0 0; 
	cursor: default;
	}
#content div, #sidebar div { 
	padding: 1px 0 10px 0;  
	border-top: 1px solid #ddd; 
  padding: 10px;
	}	
/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
	float: left;
	width: 550px;
	position: relative;
	margin-left: 15px;
	line-height: 20px; 
	text-align: none; 
	word-spacing: 0.5px;	
	}	
#content div { background:  #fff; }	

#Chinese_herbal_links {
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
}
#Chinese_herbal_links a {
	font-size: 12px;

	line-height: 11px;
}

/*------------------------------------------------------------*
**  Contact
**------------------------------------------------------------*/
#contact{
	width:312px; float:left;}
#contact span.ctop{
	background:#FCFAF3 url('images/contact_top.gif') no-repeat 0 0; color:#000000;
	line-height:0; font-size:0; height:14px; display:block}
#contact span.cbottom{
	background:#FCFAF3 url('images/contact_bottom.gif') no-repeat 0 0; color:#000000;
	line-height:0; font-size:0; height:25px; display:block}
#contact form.contact{
	background:#FCFAF3 url('images/contact_midle.gif') repeat-y 0 0; color:#000000;
	width:272px; float:left; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0}
#contact form.contact h2.text3{
	background:#FFFFFF url('images/contact_h2_bg.gif') no-repeat 0 0; color:#0B0B0B;
	float:left; width:228px; height:37px;
	font-style:normal; font-variant:normal; font-weight:normal; line-height:30px; font-size:24px; font-family:Georgia, Times New Roman, Times, serif; padding-left:55px; padding-right:0; padding-top:0; padding-bottom:10px}
#contact form.contact h2.text3 span{
	background-color:#FFFFFF; color:#A60101;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#contact form.contact label{
	background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; float:left;
	font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#contact form.contact input{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:168px; height:22px; padding:2px; margin:0 0 8px 15px; float:right;
	font:normal 14px/20px Arial, Helvetica, sans-serif;}
#contact form.contact textarea{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:168px; height:66px; padding:2px; margin:0 0 13px 15px; float:right;
	font:normal 14px/20px Arial, Helvetica, sans-serif;}
#contact form.contact input.submit{
	background:#FFFFFF url('images/submit_bg.gif') no-repeat 45px 0; color:#0B0B0B; border:medium none;
	width:60px; height:13px; float:right; cursor:pointer;
	text-transform:uppercase; font-style:normal; font-variant:normal; font-weight:normal; line-height:13px; font-size:10px; font-family:Arial, Helvetica, sans-serif; margin-left:10px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:0; padding-right:20px; padding-top:0; padding-bottom:0}
#contact form.contact input.reset{
	background:#FFFFFF url('images/more_bg.gif') no-repeat 45px 0; color:#0B0B0B; border:medium none;
	width:60px; height:13px; float:right; margin:0; cursor:pointer;
	text-transform:uppercase; font-style:normal; font-variant:normal; font-weight:normal; line-height:13px; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding-left:0; padding-right:15px; padding-top:0; padding-bottom:0}


/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer {
	background: #e9f0ce url('images/chinese_herbs_footer.jpg') no-repeat 100% 0;
	border-bottom: 3px solid #fff;
	border-top: 3px solid #fff;
	text-align: center;	
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 0 10px 0;
	line-height: 15px;
	clear: both
	}
	
#footer a { text-decoration: none; color: #000000; font-weight: bold; border-bottom: none #A2AFBF; }
#footer a:hover { background: #e9f0ce; border-bottom: 1px dashed #A2AFBF; color:  #A2AFBF; }