﻿
/*				{
	margin: 0 0 0 20px;
	padding: 20px 0 20px 0;
}
*/
body 			{
				margin:0; padding:0;  /* have read star selector doesnt work in all browsers! */
				font: .9em Georgia, Times, serif; color:black;
				background-color:#FDFBE1; margin:0;
				}
#content		{height:100%; width: 100%; position:relative; top:0; left:0;}


/* 3 column classes LHSIDE MIDDEL & RHSIDE */

.lhside 		{
				float: left;
				width: 14%;height: 900px; margin-top: 3.3em;
				font-family: arial, sans-serif; color:#000099; /* #A48833; */
				margin-left:5px;
				}

.lhside h4		{margin:40px -7px 0px 5px; font-size:.8em;
				}

.lhside p		{
				margin:5px 3px 10px 5px; font-size: 0.7em;
				}

.lhside p.list_title {
				margin-bottom:0;margin-top:10px;
				}

.lhside ul 		{
				font-size:0.8em;
				margin-left: -10px;
				padding-right:10px;
				}



.lhside p a:link{
				text-decoration: none; color: #A48833;
				}



.lhside ul li a:link{
				text-decoration: none; color: #A48833;
				}
.lhside p a:visited {
				text-decoration: none; color: #A48833;
				}
.lhside ul li a:visited {
				text-decoration: none; color: #A48833;
				}
.lhside p a:hover {
				text-decoration:underline; color:red;
				}

.lhside ul li 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: 30px;padding-bottom:20px;
				}


/*  Main - Middle Column (class= middel)  */
.middel			{
	float: left;
	width: 60%;
	height: 100%;
	background-color: #d6d6d6; /*#b3b3b3; /* #d8f4f3; */
	background-image:url('images/AsbestoStamp140TW.png'); background-position:95% 2%; background-repeat:no-repeat;
	color: #000;
/*	background-image: url('images/greyweave.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: left;
	line-height: 1.2em;
}




.middel h3		{
				margin-top:20px; margin-right: 0; margin-bottom:6px; margin-left: 20px;
				font-size: 120%;color:#000099;padding-right:15px; /*color:#30C; */
				}

.middel p		{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 50px;
	padding-bottom: 0;
	padding-right: 15%;
	font-size: 100%;
	line-height: 130%;
	width: 85%;
}

.middel hr		{
				border: 0;
				border-top: 1px dotted #09e;
				border-bottom: 1px solid #09c;
				color: #446570; /* #30C; */
				background-color: #d6d6d6; /* #b3b3b3; */
				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;
				}

p.small_boxed_print {
				width: 70%;
				margin-top: 20px;
				border: 1px solid gray;
				font:0.7em Georgia, Times, serif; color: #000;background-color: #DDE;
				font-style: italic;
				padding: 12px;
				}

/* ------------end middel----------------------- */


/*  BANNER   */

#company_banner	{
				width: 100%;height:80px;
				background-color:#FDFBE1; background-image: url('images/asbestosafeLogoNL9.png');
				background-position:  30%; background-repeat: no-repeat;
				}

#Company_Summary {
				width:100%; padding-top:0;
				margin: 0px auto; text-align:center;
				font:0.8em Georgia, Times, serif; color: #000;background-color: #DDE; 
				border-top: 2px inset;border-bottom: 3px inset; border-left: 2px outset;
				}

.greenish {color:#0e6307;font-weight:bold; font-variant:small-caps;}
.redish {color:red;font-weight:bold;}

/* ------- 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: 30%;
					padding-left:20px; /* seperates entry from label */
					text-align: left;
					} 

.errorMsg				{
					float: left;
/*					width: 25%; */
					padding-left:20px; /* seperates entry from label */
					text-align: left;
					font-size:x-small;
					color:red;
					} 




legend				{font-weight:bold; margin-bottom: 10px;}
fieldset			{margin: 10px 15px; padding: 0; } /* gap between fieldset borders and containing box */
.box_hdr			{margin:0; font-weight:bold; text-align:left; padding: 0px 0;}
textarea			{
	margin-left: 20px;
}



/*  end of CONTACT FORM STUFF  */

/* -------   odds &  --------   */

em			{color: #A6495F; font-weight: bold;}

.em2			{text-align:center; color:#A6495F; font-size: 1.5em; font-weight: bold;padding-top: 20px;}



.em_central	{text-align:center; color:#A6495F; font-size: 1.5em; font-weight: bold;padding-top: 20px;}

img 		{border:none;}

.term		{
	font-style: italic;
	font-weight: bold;
}

.newimage	{
			background-image: url(images/new.gif); background-repeat: no-repeat; background-position: 0 0;
			padding-left:40px;
			}

.cleb35	{
			background-image: url(images/cleb35.png); background-repeat: no-repeat; background-position: 0 0;
			padding-left:40px;
			}


.brown		{color: #A48833;} 

.green		{color: green;} 	
.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:0; */ 
			}

#navlist li	{
			display: inline;
			margin-right:2px;
						}

#navlist li a {
			background-image: url('images/screw2s.gif');
			background-repeat: no-repeat;
			background-position:  7% 50% ;
			font-size:12px; font-weight: bold;
			background-color: #DDE;
			padding-left:1.75em; padding-right:0.2em; padding-top:0.5em; padding-bottom:0.3em			
			}

#navlist a:link
	 		{
			background-color: #DDE;
			color:#667;
			text-decoration: none;
			border: 2px outset;
			}

#navlist a:visited
			{
			color: #667;
			background-color: #DDE;
			text-decoration: none;
			border: 2px outset;
			}

#navlist a:hover
			{
			color: black;
			/*background: #AAE; */
			text-decoration: none;
			border: 2px inset;
			}

#navlist a:active
			{
			color: red;
			background-color: #036;
			text-decoration: none;
			border: 2px outset;
			}

/* #navlist ul li  etc .current  {background-color:gray; color:white;}  give up!!*/

/* --------   end of navlist  --------- */


/*  RHSIDE +    possibly add ribbon border on left? */

.rhside 		{
				background: #FDFBE1;
				color: #000;
				float: left;
				width:  20%; height: 100%;
				margin: 0; 
				border:none;
				overflow:hidden;
				}

/* url('images/roofafter.jpg') url('images/base_layer_on.jpg')*/
				
.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: #A6495F; /* 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;}



/*  Contact Page - Form */ 

fieldset {
	padding-left: 0px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

legend {
}

label {
	display: block;
	padding-top:20px;
	font-weight: bold;
}

input {
	margin-left: 20px;
	margin-bottom: 20px;
	width: 300px;
}

select {
	margin-left:20px;
}

.fieldMsg
	{
	font-family: "Arial Narrow";
	font-size: medium;
	color: #FF0000;
	padding-left: 10px;
	font-variant: small-caps;
}

.sendMsg
	{
	font-family: "Arial Narrow";
	font-weight:bold;
	color: #FF0000;
	padding-left:20px;
}
/*  End of Contact Page - Form */ 