@charset "utf-8";
/* CSS Document */

/* page region and design */
body { width:940px;	padding:10px; background-color:#d1ccbe;  margin:10px 0 0 40px; } /* background-color:#c9c6b3;cdc5ab;9b906c; ** d9d5bf;*/
a p li span div li { font-family:Verdana, Helvetica; font-size:11px; color: #5e4f3d; text-decoration:none;}
ul { padding: 0; margin: 0; list-style: none; }
li { padding: 0;  color: #5e4f3d;}
a { color: #990000; text-decoration:none; }
a:hover { text-decoration: underline; color:#990000 }


#logo { background:url(../images/header/tsi-logo.gif) top right no-repeat; width:150px; height:250px; position: absolute; left: 825px; top:35px; }


#supplemental_nav { float:right; width: 940px; }
#supplemental_nav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; background:none; }
#supplemental_nav ul li { float: right; line-height: 18px;padding:0 20px 0 20px; margin: 0;  background:url(../images/header/bg-nav_seperator.gif) center right no-repeat; }
#supplemental_nav ul li a { font-family:Verdana; font-size: 14px; font-weight: bold; color:#990000; text-decoration: none; } /* old color:#635068 */
#supplemental_nav ul li.last { background-image: none; }

/* custom css for ID's */
#home-header { padding:0px; height:169px; width:940px; margin-bottom: 1px; 
		  border-top: 3px solid #6d5c72; border-bottom: 3px solid #6d5c72;
		  background:url(../images/header/home-header.jpg) bottom left no-repeat; }

#header { padding:0px; height:78px; width:940px; margin-bottom: 1px; 
		  border-top: 3px solid #6d5c72; border-bottom: 3px solid #6d5c72;
		  background:url(../images/header/header-bridge.jpg) bottom left no-repeat; }
#header2 { padding:0px; height:78px; width:940px; margin-bottom: 1px; 
		  border-top: 3px solid #6d5c72; border-bottom: 3px solid #6d5c72;
		  background:url(../images/header/header-tree.jpg) bottom left no-repeat; }
#header3 { padding:0px; height:78px; width:940px; margin-bottom: 1px; 
		  border-top: 3px solid #6d5c72; border-bottom: 3px solid #6d5c72;
		  background:url(../images/header/header-water.jpg) bottom left no-repeat; }		  




/* Global Navigation styles */
#nav_global { width: 940px; height: 20px; padding: 8px 0 3px 0; background-image: url(../images/navigation/bg-top_nav.jpg); background-repeat: repeat-x;  }
#nav_global:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#nav_global ul li { float: left; padding: 0 17px 0 17px;  }
#nav_global ul li a { font-family:helvetica; font-size:14px; Font-weight:bold;  display: block; color: #efecdc; text-decoration: none; padding: 0 8px 0px 0; }
#nav_global ul li.selected a { text-transform: uppercase; background-image: url(../images/nav_global/bg_hover.gif); background-repeat: no-repeat; background-position: bottom center; }

#left_nav { float:left;	width:180px; padding:40px 10px 10px 20px; }
#left_nav #nav_label a	{ font-weight:bold; font-size:14px; font-family: verdana; color: #5e4f3d;  }
#left_nav #nav_label a:hover	{ text-decoration:none;  }
#left_nav #nav_label2 { font-weight:bold; font-size:12px; font-family: verdana; color: #6d5c72;  }
#left_nav ul { padding:10px; margin:0px; list-style-type:none; list-style-position:outside; }
#left_nav ul li { padding-top: 5px; padding-bottom:5px; }
#left_nav ul li a { color: #5e4f3d; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:12px;  text-decoration:none; }
#left_nav ul li a:hover{  color: #990000; }
#left_nav ul li a.selected {  color: #990000; }


#breadcrumbs { text-align:center; \width: 940px; w\idth: 925px; padding: 0 0 0px 15px; position: relative; top:-10px; height:12px;}
#breadcrumbs:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#breadcrumbs ul {  padding:0; text-align:center; }
#breadcrumbs ul li {  float: left;  font-size: 9px; padding: 0 10px 0 0; background-image: url(../images/navigation/bg_breadcrumb.gif); background-repeat: no-repeat; background-position: center right; margin: 0 5px 0 0;line-height:12px; }
#breadcrumbs ul li.last { background-image: none; clear: both;}
#breadcrumbs ul li a { font-family:Verdana; font-size: 9px; text-decoration: none; color:#635068; text-decoration: none; margin:0; padding:0; } /* #6e5c72; */


#footer { width: 940px; padding: 0; border-top: 1px solid #837582;  margin:-5px auto 0 auto; }
#footer:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#footer ul li {float:left; padding: 2px 20px 1px 0; background:url(../images/header/bg-nav_seperator.gif) center right no-repeat; margin: 0 13px 0 0; }
#footer ul li a { font-family:Verdana; font-size: 11px; text-decoration: none; color:#635068; text-decoration: none; }
#footer ul li.last { background-image: none; }
#footer p { padding-top:0px; font-family:Verdana; font-size: 11px; text-decoration: none; color:#635068; text-decoration: none; }

/* HOME PAGE CSS */
#content_home_outline { width:940px; height:395px; background: url(../images/content/bg-home.gif ) top left no-repeat; margin-top:8px; padding:12px 15px 0 15px; }	

#content_home_outline ul { margin:0; }
#content_home_outline ul li {  color: #5e4f3d; line-height:16px; padding:0 0 5px 0px; margin:0 0 0 22px; list-style-image: url(../images/content/bullett.gif); 
							   font-family:Verdana; font-size: 11px; background-image:none; }
							   
							   
#content_home_outline #top_area { float:left; margin:10px 0 0 5px; padding:0; width:910px; height: 170px; }
#content_home_outline #top_area img { padding-right:20px; }
#content_home_outline #top_area p { padding:0; margin:0; font-family: Verdana; font-size: 16px; font-weight:normal; }
#content_home_outline #top_area p.head { padding:0 0 10px 0; margin:0; font-family: verdana; font-size: 24px; color: #6d5c72; }



#content_home_outline #bottom_area { float:left;  margin:10px 0 0 5px; padding:0; width:895px; height:190px; }
#content_home_outline #bottom_area #news { background-image:url(../images/content/bg_home-bottom-left.gif); background-repeat: no-repeat; 
										   padding-right:30px 15px 0 0px; width:280px; height:186px; float:left; margin-right:15px; }	
#content_home_outline #bottom_area #news .head { margin: 10px 0 15px 15px; font-family: verdana; font-size: 16px; color: #4c4036; font-weight:bold;}
#content_home_outline #bottom_area #news #text { margin: 0 0 0 10px; width:250px; height:130px;}										   								   
#content_home_outline #bottom_area #news #text .more_link { position:absolute; top:610px; float:right;font-size:11px; font-family:verdana;  }


#content_home_outline #bottom_area #events { background-image: url(../images/content/bg_home-bottom-left.gif); background-repeat: no-repeat; 
											 padding-right:0 15px 0 0px; width:280px; height:186px; float:left;  margin-right:15px; }
#content_home_outline #bottom_area #events .head { margin: 10px 0 15px 15px;  font-family: verdana; font-size: 16px; color: #4c4036; font-weight:bold; }
#content_home_outline #bottom_area #events #text { margin: 0 0 0 10px; width:250px;  height:130px; }												 
#content_home_outline #bottom_area #events #text .more_link {position:absolute; top:610px; float:right;font-size:11px; font-family:verdana;  }


#content_home_outline #bottom_area #teaser { background-image:url(../images/content/bg_home-bottom-right.gif); background-repeat: no-repeat; 
											 padding-right:0 15px 0 0px;  width:305px; height:186px; float:left; }
#content_home_outline #bottom_area #teaser .head { margin: 10px 0 15px 15px;  font-family: verdana; font-size: 16px; line-height:18px; color: #4c4036; font-weight:bold; }		
#content_home_outline #bottom_area #teaser #text {  margin: 0 0 0 15px; width:275px; height:130px; font-family:arial; font-size: 14px; line-height:18px; }							
#content_home_outline #bottom_area #teaser #text .more_link { position:absolute; top:608px; float:right;font-size:11px; font-family:verdana; }
#content_home_outline #bottom_area #teaser img.thermometer { margin-top: -10px; padding:-10px 15px 0 15px; }



/* INTERNAL PAGE CSS */
#content_outline { width:940px; height:520px; background: url(../images/content/bg-content.gif ) top left no-repeat; margin:0 }
	
	
	
/* standarad content markup - internal pages */
#content {  float:right; height:440px;	width:610px; margin:15px 80px 5px 5px;  padding:20px 20px 40px 15px;  background: url(../images/content/bg-text_area.gif) top left no-repeat;}  /* border:1px solid black; */
#content p { font-family:Arial, Helvetica, sans-serif;  color: #5e4f3d; font-size:12px; line-height: 18px; padding:2px 25px 12px 20px; margin:0; }

#content img { border:1px solid #4c4036; padding:3px; margin:10px; }
#content a { color: #990000; text-decoration:none; }
#content a:hover { text-decoration:underline; }
#content a.selected { text-decoration:underline; }

#content .head {  font-family:Verdana; color:#635068; font-size:24px; font-weight:normal;  padding-bottom:10px; }	
#content .subhead {  color: #5e4f3d;font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; }
#content .note {  color: #5e4f3d;padding-top:10px;border-top: 1px solid #d4d2c2; font-size:10px; line-height:14px; width:480px; }
#content .chinese_character { font-size:14px; }

/* standard content bullets */
#content ul { margin:0px 0 0 35px; padding:0;  color: #5e4f3d;}
#content ul li { line-height:16px; padding:0 0 5px 0px; margin:0; list-style-image: url(../images/content/bullett.gif); font-family:Verdana; font-size: 11px; background-image:none;  color: #5e4f3d; }

/* used for in content horizontal navs */
#content ul.content_nav {  margin:0px 10px 10px 8px; padding:0; } 
#content ul.content_nav li { list-style-image:none; float: left;  background-image: url(../images/content/seperator.gif); 
							 background-repeat: no-repeat;  background-position: center right; margin: 0 3px 0 3px;padding: 0 30px 0 10px;  color: #5e4f3d;}
#content ul.content_nav li.last { background-image: none; }
#content ul.content_nav li a { font-family:Verdana; font-size: 11px; text-decoration: none; color:#990000; text-decoration: none; margin:0; 
								padding:5px 0 0 0; }
#content ul.content_nav li a.selected { text-decoration: underline; color:#6d5c72; }

/* in content table */
#content table { margin:0 0 10px 15px; border:none; padding:15px; }
#content th { font-weight:bold; color:#4c4036; font-family: verdana; font-size:11px; text-align:left; line-height:16px; }
#content td { color:#990000; font-family: verdana; font-size:10px; vertical-align:top; text-align:left;  line-height:16px;}