﻿dhtml { 
	overflow			:scroll;
	}

body { 
	font-family: 		Arial; 
	color: 				#000; 
	font-size: 			9pt;
	font-style: 		normal;
	font-weight: 		normal;
	text-align:			center;
	padding:			0px;
	margin-top: 		0em;
	margin-bottom: 		0em;
	margin-right:		auto;
	margin-left:		auto;
	width:				100%;
	background: 		#fff url('images/BG_Tai_v4.jpg') repeat-y 50% 0;
	}

#fullpage {

	margin-right:		auto;
	margin-left:		auto;
	top:				0px;
	width:				100%;
	border: 			0px solid #0f0;
	background: 		#fff url('images/BG_Tai_v4.jpg') repeat-y 50% 0;
}

#InsidePage {
	margin-right:		auto;
	margin-left:		auto;
	width:				720px;
	background:			#dededc url('images/BG_InsideBodyArea.jpg') repeat-y 50% 0;
	border:				0px aqua solid;
}

#LeftInsideColumn {
	float:				left;
	text-align:			left;
	top:				0px;
	width:				162px;
}

#LeftNavColumn {
	float:				left;
	clear:				left;
	top:				246px;
	width:				162px;
	background:			#dededc;
}

#LogoAndNav {
	float:				right;
	margin-right:		auto;
	margin-left:		auto;
	top:				0px;
	width:				558px;
	height:				128px;
	background:			#dededc url('images/Logo-Inside-trane.jpg') no-repeat;
	border: 			0px solid #0f0;
}

#MainGraphic {
	margin-right:		auto;
	margin-left:		auto;
	top:				20px;
	width:				720px;
	height:				287px;
	border: 			0px solid #0f0;
}


#FrontCityGraphic {
	margin-right:		auto;
	margin-left:		auto;
	width:				720px;
	height:				123px;
	background:			url('images/FrontGraphic-Bottom.jpg') no-repeat;
	border: 			0px solid #0f0;
}

#FrontNavPlacement {
	position:			relative;
	top:				4px;
	text-align:			left;
	height:				35px;
	border: 			0px solid #0f0;
}

#Nav {
	color:				white;
	width:				550px;
	height:				35px;
	border: 			0px solid #0f0;
}

#NavInsidePlacement {
	float:				right;
	text-align:			right;
	width:				440px;
	margin:				70px 10px 0px 0px;
	border: 			0px solid #ff0;
}
/*
#NavInside {
	color:				black;
	text-align:			right;
	width:				430px;
	height:				15px;
	padding-top:		2px;
	border: 			0px solid #0f0;
}

#NavInside a {
	color: 				black;
	text-decoration:	none;
	font-weight:		normal; 
	}
	
#NavInside a:hover { 
	color: 				#006730;
	text-decoration: 	underline;
	font-weight: 		normal; 
	}
*/
#NavLeft {
	width:				130px;
	color:				black;
	text-align:			left;
	margin-left:		5px;
	border:				0px lime solid;
}

#NavLeft a {
	color: 				black;
	text-decoration:	none;
	font-weight:		normal; 
	}
	
#NavLeft a:hover { 
	color: 				#006730;
	text-decoration: 	underline;
	font-weight: 		normal; 
	}


#PageTitle {
	float:				left;
	width:				490px;
	margin-right:		auto;
	margin-left:		30px;
	padding-left:		0px;
	padding-right:		0px;
	text-align:			left;
	font-weight:		bold;
	border-bottom:		2px solid #bbb;
}


#Main {
	margin-right:		auto;
	margin-left:		auto;
	width:				720px;
	border: 			0px solid #0f0;
}

#Gallery {
	float:				left;
	padding-left:		35px;
	margin-right:		25px;
	margin-bottom:		25px;
	width:				440px;
	border: 			0px solid #0f0;
}

#BodyArea .ASPXBodyArea {
	float:				right;
	width:				507px;
	margin-right:		auto;
	margin-left:		auto;
	padding-left:		20px;
	padding-right:		20px;
	text-align:			left;
	border: 			0px solid #0f0;
}

#ContactInfo {
	padding-left:		220px;
	margin-right:		220px;
	margin-bottom:		25px;
	width:				440px;
	border: 			0px solid #0f0;
}
	
#FooterFront {
	clear:				both;
	width:				720px;
	font-family: 		Arial; 
	text-align:			center;
	background: 		#000;
	}
	
#Footer {
	clear:				both;
	margin-top:			0px;
	width:				720px;
	background: 		url('images/BG_Tai_v2.jpg') repeat-y 50%;
	}
	
.FooterText {
	font-family: 		Arial; 
	text-align:			center;
	color: 				#bbbbbb;
	font-size:			80%;
	padding:			0px 0px 3px 0px;
	margin:				0px 0px 3px 0px;
	}
	
#Bottom {
	width:				720px;
	height:				100%;
	font-family: 		Arial; 
	text-align:			center;
	background: 		#fff;
	}


h1 { 
	color: 				black; 
	font-size: 			160%;
	font-weight: 		bold;
	margin: 			0px; 
    text-align:			left;
    vertical-align:		top;
	}
		
h2 { 
	color: 				red; 
	font-size: 			120%;
	font-style: 		normal;
	font-weight: 		bold;
	margin-bottom: 		0px; 
    text-align:			left;
	}

h2 a:link {
	color: 				#006730;
	text-decoration:	underline;
	font-weight:		bold; 
	}

h2 a:visited {
	color: 				#006730;
	text-decoration:	underline;
	font-weight:		bold; 
	}

h2 a:hover { 
	color: 				#006730;
	text-decoration: 	none;
	font-weight: 		bold; 
	}

	
h3 { 
	color: 				#000; 
	font-size: 			110%;
	font-style:			normal;
	text-decoration:	underline;
	font-weight: 		bold;
	margin-top: 		30px;
	margin-bottom: 		5px;
    text-align:			left;
	}
	
h4 { 
	padding:			10px 0px 5px 10px;
	font-size: 			100%;
	font-weight: 		bold;
	margin-top: 		0px;
	margin-bottom: 		0px; 
    text-align:			left;
   	color: 				#006730; 
	}
		
h5 { 
	color: 				black; 
	font-size: 			100%;
	text-decoration: 	underline;
	font-weight: 		bold;
	margin-bottom: 		0px; 
    text-align:			left;
	}
	
h6 { 
	color: 				black; 
	font-size: 			7pt;
	font-style: 		normal;
	font-weight: 		bold;
    text-align:			left;
	}

p { 
	color: 				black; 
	font-size: 			100%;
	font-style: 		normal;
    text-align:			left;
    margin-bottom:		10px;
	}
	
.normal { 
	color: 				black; 
	font-size: 			9pt;
	font-style: 		normal;
	font-weight:		normal;
    text-align:			left;
    margin-bottom:		10px;
	}


.ServiceTopLinks {
	font-size:			90%;
	text-align:			right;
}

br {
	text-align:			left;
}

.indented {
	padding-left:		20px;
	}

	
.lefttext {
	text-align:			left;
	color:				#000;
	}
	
.centertext {
	text-align: 		center;
	color:				#000;
	}

.righttext {
	text-align:			right;
	color:				#000;
	}
	
.left {
	float:				left;
	border-width: 		0;
	}

.right {
	float:				right;
	text-align:			right;
	border-width: 		0;
	}
	
.center {
	text-align: center;
	border-width: 		0;
	}


ul.bulletedlist {
	list-style-type: 	none;
	font-size: 			100%;
    color: 				#000;
    margin: 			0px 0px 0px 30px;
    width: 				100%;
    padding: 			0 0.0em; 
	}
   
ul.bulletedlist li {
	font-weight: 		normal;
	text-align: 		left;
    margin: 			0px 0px 0px 30px;
    padding: 			0;
	list-style:			square;
    }

.FormHeader {
	color: 				#009638; 
	font-size: 			120%;
	font-style: 		normal;
	font-weight: 		bold; 
	text-align:			left;
	padding:			10px 0 0 1px;
	width:				100%;
	vertical-align:		top;
	background:			white;
	border-bottom:		1px black solid;
	}

.question { 
	color: 				black; 
	font-size: 			100%;
	font-style: 		normal;
	font-weight: 		bold; 
	text-align:			right;
	padding:			5px;
	width:				120px;
	vertical-align:		top;
	}
	
.questionSmall { 
	color: 				black; 
	font-size: 			100%;
	font-style: 		normal;
	font-weight: 		bold; 
	text-align:			right;
	padding:			5px;
	width:				70px;
	vertical-align:		top;
	}
	
.answer { 
	color: 				black; 
	font-size: 			100%;
	width:				450px;
	padding:			5px;
	vertical-align:		top;
	cursor:				text;
	}

.answerSmall { 
	color: 				black; 
	font-size: 			100%;
	width:				150px;
	padding:			5px;
	vertical-align:		top;
	cursor:				text;
	}

a:link {
	color: 				#006730;
	text-decoration:	underline;
	font-weight:		bold; 
	}
	
a:visited {
	color: 				#006730;
	text-decoration:	underline;
	font-weight:		bold; 
	}

a:hover { 
	color: 				#006730;
	text-decoration: 	none;
	font-weight: 		bold; 
	}

a:active { 
	color: 				#006730;
	text-decoration: 	none;
	font-weight: 		bold; 
	}

a:link.contactinfo {
	color: 				#fff;
	text-decoration:	none;
	font-weight:		normal; 
	}

.imageleft {
	float: 				left;
	border-width: 		0;
}

.imageright {
	float: 				right;
	border-width: 		0;
}




.editlabel {
	text-align:			right;
	width: 				150px;
	font-weight: 		normal;
	vertical-align: 	top;
}

.editfield {
	text-align: 		left;
	vertical-align: 	top;
}


	/*												Header Nav Bar												*/


#FrontNavContainer {
	float:				left;
	height:				25px;
	padding-left:		15px;
	}

#FrontNavContainer ul { 
	height:				25px;
	padding: 			0;
	margin: 			0;
	color: 				#000;
	font-family: 		arial;
	font-size: 			100%;
	font-weight: 		normal;
	}

#FrontNavContainer ul li { 
	display: 			inline;
	}

#FrontNavContainer ul li a {
	float:				left;
	padding: 			5px 6px;
	color: 				#000;
	text-decoration: 	none;
	font-weight: 		bold;
	border-right: 		0px solid black;
	}

#FrontNavContainer ul li a:hover {
	color: 				#000;
	background:			url('images/FrontNav-BG_on.jpg') repeat-x;
	}

#navlist li a:active {
	color: 				#000;
	text-decoration: 	none;
	}

#HeaderNavList li a:hover {
	color: 				#000;
	text-decoration: 	none;
	}








#HeaderNavContainer {
	width: 				440px;
	height:				25px;
	text-align:			right;
	}

#HeaderNavContainer ul { 
	height:				25px;
	padding: 			0;
	margin: 			0;
	color: 				#000;
	font-family: 		arial;
	font-size: 			100%;
	font-weight: 		normal;
	}

#HeaderNavContainer ul li { 
	display: 			inline;
	}

#HeaderNavContainer ul li a {
	float:				left;
	padding: 			5px 6px;
	color: 				#000;
	text-decoration: 	none;
	font-weight: 		bold;
	border-right: 		0px solid black;
	}

#HeaderNavContainer ul li a:hover {
	color: 				#000;
	background:			url('images/TopNav-BG_on.jpg') repeat-x;
	}

#navlist li a:active {
	color: 				#000;
	text-decoration: 	none;
	}

#HeaderNavList li a:hover {
	color: 				#000;
	text-decoration: 	none;
	}




	/*												Vertical Roll Menu												*/



#VerticalMenuRollover {
	width:				150px;
	font-family: 		Arial;
	font-weight:		bold;
	font-size: 			100%;
	padding: 			0px;
	margin: 			0px;
	border:				0px red solid;
	}

#VerticalMenuRollover ul {
	width:				150px;
	list-style: 		none;
	margin: 			0px;
	padding: 			0px;
	border: 			none;
	}

#VerticalMenuRollover ul li {
	text-align: 		left;
	display: 			block;
	padding: 			0px;
	margin:				0px 0px;
	text-decoration: 	none;
	font-weight:	bold;
	color: 				#006730;
	width:				150px;
	height:				36px;
	background:			url('images/LeftNav-BG_off.jpg') no-repeat;
	border:				0px fuchsia solid;
	}

#VerticalMenuRollover ul li a {
	text-align: 		left;
	display: 			block;
	padding: 			11px 0px 0px 15px;
	margin:				0px;
	text-decoration: 	none;
	font-weight:		bold;
	color: 				#006730;
	border:				0px green solid;
	}

#vertmenu ul li a:focus {
	color: 				#006730;
	background-color: 	#E3EAE6;
	}

#VerticalMenuRollover ul li a:hover {
	color: 				#006730;
	font-weight:		bold;
	background:			url('images/LeftNav-BG_on.jpg') no-repeat;
	}








	
INPUT {
	border:				solid 1px #000;
	color: 				black;
	font-weight: 		normal;
	font-size: 			100%;
	padding:	 		5px 10px;
	cursor:				pointer;
	} 

INPUT.textbox {
	width:				300px;
	height:				20px;
	padding:			0px;
	}
	
INPUT.textarea1 {
	width:				300px;
	height:				60px;
	padding:			0px;
	}
	
INPUT.textboxSmall {
	width:				100px;
	height:				20px;
	padding:			0px;
	}
	
INPUT.textboxTiny {
	width:				50px;
	height:				20px;
	padding:			0px;
	}
	
INPUT.dropdown {
	background-color: 	white;
	color: 				black;
	font-weight: 		normal;
	font-size: 			9px;
	border: 			#BAC9BF 1px solid;
	padding-left: 		4px;
	padding-right: 		4px;
	padding-top: 		1px; 
	padding-bottom: 	1px; 
	}
	
INPUT.radioNormal {
	background-color: 	#fff;
	border: 			white 0px solid; 
	}
	
.altButtonFormat {
	background-color: 	#006730;
	border: 			none;
	font-size: 			9pt;
	font-weight:		normal;
	color: 				white; 
	cursor: 			pointer;
	}

/* Section for ASPX forms */

.ActionBar
{
	position: relative;
	margin: 2px 10px -17px 10px;
	padding: 0 0 0 0;
	text-align: right;
	z-index: 1;
}

.ASPXButton .ASPXTextBox
{
	height: 25px;
}

.ASPXTextBox
{
	padding: 0 1px 0 1px;
	border-width: 0 0 1px 0;
}

.ASPXButton
{
	padding: 0 1px 0 1px;
/*	font-size: smaller;  */
	vertical-align:top;
	text-align:center;
}

.ASPXValidationError
{
	vertical-align:		middle;
	margin-left:			10px;
}

.tdLabel
{
	border-color: 	#000000;
	border-width: 	0;
	width: 					23%;
	text-align: 		right;
	font-weight: 		bold;
	vertical-align: middle;
	padding-right:  1em;
/*	font-size:				smaller; */
}

.tdField
{
	vertical-align:   middle;
	text-align:				left;
	width:						76%;
/*	font-size:				smaller;  */
} 

.ASPXBodyArea
{
	padding: 0 0 0 0;
}

.ASPBodyTable
{
	position:relative;
	left: 84px;  /* 1/2 of the left column + offset to white area */
}

.ASPXUserWizardLabel .ASPXUserWizardField
{
}

.ASPXUserWizardLabel
{
	
}

.ASPX80Percent
{
	width: 401px;
}

.ASPX90Percent
{
	width: 456px;
}

.ASPXVerticalMenuRollover {
	width:				150px;
	font-family: 		Arial;
	font-weight:		bold;
	font-size: 			100%;
	padding: 			0px;
	margin: 			0px;
	border:				none;
	}

.ASPXVerticalMenuRolloverItem
{
	text-align: 	left;
	display: 			block;
	padding: 			0px;
	margin:				0px 0px;
	text-decoration: 	none;
	font-weight:	bold;
	color: 				#006730;
	width:				150px;
	height:				36px;
	background:		url('images/LeftNav-BG_off.jpg') no-repeat;
	border:				0px fuchsia solid;
	}

.ASPXVerticalMenuRolloverActive
{
	text-align: 		left;
	display: 			block;
	padding: 			11px 0px 0px 15px;
	margin:				0px;
	text-decoration: 	none;
	font-weight:		bold;
	color: 				#006730;
	border:				0px green solid;
	}
	
.ASPXVerticalMenuRolloverHover
{
	color: 				#006730;
	font-weight:		bold;
	background:			url('images/LeftNav-BG_on.jpg') no-repeat;
	}

.ASPXH4
{
	padding:			10px 0px 5px 10px;
	font-size: 			100%;
	font-weight: 		bold;
	margin-top: 		0px;
	margin-bottom: 		0px; 
    text-align:			left;
   	color: 				#006730; 
	}
