*				{margin:0; padding:0}
body 			{
				margin:0; padding:0;  /* have read star selector doesnt work in all browsers! */
				font: .9em Georgia, Times, serif; color:black;
				background-image: url('images/barc_chair_material_faded_yellow.jpg'); background-repeat:repeat;
				background-color: white; /* #E8F4DC; */ /*#FDFBE1; */ margin:0;
				}
#content		{height:100%; width: 100%; position:relative; top:0; left:0;}


/* 3 column classes LHSIDE MIDDEL & RHSIDE */

.lhside 		{
				color: #000;
				float: left;
				width: 16%;height: 900px; 
				font-family: arial, sans-serif; color: #663; /* #CC6; */ /* color:#000099;  #A48833; */
				padding-left:12px;padding-right:2px;text-align: justify
				}

.lhside h4		{margin:40px -7px 6px 5px; font-size:.8em;
				}

.lhside p		{
				margin:0 20px 20px 20px; font-size: 0.7em;
				}

.lhside p.list_title {
				margin-bottom:0;margin-top:10px;
				}

.lhside ul 		{
				font-size:0.6em;
				margin-left: 20px;
				}



.lhside ul li a:link,.lhside p a:link{
				text-decoration: none; color:#C93; /* #663 #A48833; */				}
.lhside ul li a:visited, .lhside p a:visited {text-decoration: none; color: #C93; /* #A48833; */
				}
.lhside ul li a:hover,.lhside p a:hover {
				text-decoration:underline; color:red;
				}

#menusign		{
				float:right; font-weight:bold;
				background-image:url('images/handr.gif');
				background-repeat: no-repeat;
				background-position: 95% 0%;
				padding-right: 80px;padding-bottom:20px;
				}



/*  Main - Middle Column (class= middel)  */
.middel			{
				float: left;
				width: 56%; height: 100%;
				background-color: #fff;
				color: #000; 
				
			background-image: url('images/greyweave.jpg'); background-repeat:repeat; 
			
/*				background-image: url('images/barc_chair_material_faded_pink.jpg'); background-repeat:repeat;  */
				border-top: 3px outset; border-left: 1px inset; border-right: 5px inset; border-bottom: 3px outset;
				font-style:normal; font-weight:normal; font-size:.9em; font-family: georgia, times, serif;
				text-align: justify;line-height:1.2em;

				}

.middel h3		{
				margin-top:20px; margin-right: 0; margin-bottom:6px; margin-left: 60px;
				font-size: 120%;  color:  #000099; /*   #FC3; /* #30C;*/ /* color: #CC6; #F93; */ padding-right:15px; 
				}

.middel p		{
				margin-top:0; margin-bottom:0; margin-left:70px;margin-right: 25px; padding-right:10%; 
				font-size: 110%; line-height: 140%;  font-family:"Times New Roman", Times, serif;
				}

.middel hr		{
				border: 0;
				border-top: 1px dotted #CC6; /* #09e; */
				border-bottom: 1px solid  #CC6;; /* #9cg */
/*				color: #30C;
				background-color: #30C;        */
				color: #CC6; /* #F93; */
				background-color: #CC6; /* #F93; */
				height: 1px;
				width: 45%; margin: 0;
				text-align: center; margin: 1em auto;
				}
.bulletted		{
				padding: 10px 20px 0 40px ;
				line-height:1.6em; font-weight:bold;
 				}

.middel ul li	{
				padding-bottom:20px;
				}


/* ------------end middel----------------------- */


/*  BANNER   */

#company_banner	{
				padding-top:30px;
/*				width: 100%;height:90px;padding-top:30px;
/*				background-color: #FFFFFF /* #FDFBE1 ; background-image: url('images/TWUP_logo_500_80_2.gif'); */
/*				background-color: #FFFFFF /* #FDFBE1 ; background-image: url('images/twup_logo_with_chairs.gif'); */
/*				background-color: #E8F4DC /* #FDFBE1 ; background-image: url('images/TWUP_logo_trans_3.gif'); */
				
/*				background-position:  86%; background-repeat: no-repeat; */
				}

#Company_Summary {
				width:110%; padding-top:0;
				margin: 0px auto; text-align:center;
				font:0.8em Georgia, Times, serif; color: #FFF;background-color:#000099; /* #FFCC33; */ /* #DDE; */ 
				border-top: 2px inset;border-bottom: 3px inset; border-left: 2px outset;
				}

/* ------- end company BANNER ---------  */

/*  CONTACT FORM STUFF  */
#form_box  			{font: 0.85em Arial ; 
					width: 80%; background-color: #FFE;
					border: 2px inset;
					padding: 0;	margin: 0 50px 0 40px;
					text-align:left;
					}

.newrow 			{clear: both; padding:0px 0 30px 0;}

.col1 {
					float: left;
					width: 30%;
					text-align: right;
					}

.col2				{
					float: left;
					width: 40%;
					padding-left:20px; /* seperates enry from label */
					text-align: left;
					} 

legend				{font-weight:bold; margin-bottom: 10px;}
fieldset			{margin: 10px 15px; padding: 0; padding-left:50px; } /* gap between fieldset borders and containing box */
.box_hdr			{margin:0; font-weight:bold; text-align:left; padding: 0px 0;}
textarea			{margin-left:30px;}					

.fieldMsg			{
					font-variant:small-caps;
					color:red;
					margin-left:60px;
}
.sendMsg			{font-variant:small-caps; color:red;}				
/*  end of CONTACT FORM STUFF  */

/* -------   odds &  --------   */

em			{color: red; font-weight: bold;}

.em_central	{text-align:center; color:blue; font-size: 1.5em; font-weight: bold;padding-top: 20px;}

img 		{border:none;}

.term		{font-style:italic;}

.newimage	{
			background-image: url(images/new.gif); background-repeat: no-repeat; background-position: 0 0;
			padding-left:40px;
			}

.brown		{color: #C93;} 
.small_note	{font-size: x-small; padding: 0 3px; clear:both;}
/* ----    end  odds &   -----  */

/*  Navlist - Navigation Bar with Screw Image   */

#navlist	{margin-top: 20px; margin-left: 5px ; margin-bottom:40px; line-height: 2.5em;}

#navlist ul {
			list-style-type: none; 
			width:100%;
			white-space:nowrap;
			margin-left:50px; 
			}

#navlist li	{
			display: inline;
			margin-right:4px;
						}

#navlist li a {
			background-image: url('images/nail.gif');
			background-repeat: no-repeat;
			background-position:  0 50% ;
			font-size:12px; font-weight: bold;
			background-color: #FFF; /* #DDE; /* #CC6; */
			padding-left:1.75em; padding-right:0.2em; padding-top:0.5em; padding-bottom:0.3em			
			}

#navlist a:link
	 		{
			background-color: #FFF;
			color:#667;
			text-decoration: none;
			border: 2px outset;
			}

#navlist a:visited
			{
			color: #000;
			background-color: #FFF;
			text-decoration: none;
			border: 2px outset;
			}

#navlist a:hover
			{
			color: black;
			/*background: #AAE; */
			text-decoration: none;
			border: 2px inset;
			}

#navlist a:active
			{
			color:orange;
			background-color: #FFF;
			text-decoration: none;
			border: 2px outset;
			}

#navlist ul li a.current {background-color:white; color:orange}


/* --------   end of navlist  --------- */


/*  RHSIDE +    possibly add ribbon border on left?  --------------------------------------------------------------- */

.rhside 		{
				background: #E8F4DC /* #FDFBE1 */ ;
				background-image: url('images/barc_chair_material_faded_yellow.jpg'); background-repeat:repeat;
				color: #000;
				float: left;
				width: 18%; height: 100%;
				margin: 0; 
				border:none;
				}


#imgBox			{
/*				width:250px;
				height:250px;
				margin-left:40px;
*/
				width:120px;
				height:120px;
				margin-left:40px;
				margin-top:30px;

				position: relative;
				overflow :hidden;
				border:5px white inset;
				} 


#imgs			{
				height: 120px;
}

				
.rhside h6		{margin-top: 20px; margin-right:0; padding:0; font-size:0.65em; text-align:left;}

/* ------- end of RHSIDE + ------   */

/*pic stuff */

div.pic_type {
			padding: 0px; 
			margin: 0.6em auto;  /* auto;  needed to support centering of almost-full-width pic_types */ 
			/* border: thin solid silver; ! use this border and size of imgs change (smaller)!?       */
			text-align:center;
				}

/* div.pic_type img { width: 100%; } */

div.pic_type p 	{ /* use for text under pics */					
				font-family: verdana, arial, sans-serif;
				font-size: smaller;
				padding-left: 1%;
				padding-right: 1%;
				line-height: 1.1;
				margin: 0.25em auto 0 auto;
				}

div.pic_type p.caption {
				 text-align:left; font-size:0.8em; font-weight:bold; color: blue; /* margin-left:-20px; */
				 }

div p.caption	{
				 text-align:left; font-size: 1.1em; font-weight:bold; color: red /* margin-left:-20px; */
				 }


.full { width: 100%; padding: 0px; margin: 0 auto;}
/* "full" should be unnecessary, but this responds to the box model bugs in IE */

.eighty_perc { width: 80%;}

/* end pic_type  */

#footer			{width:100%; background: #FEE; font-size:x-small; color:black; text-align: center;}