body {
margin:0px;
padding:0px;
background-color:#b0afaf;
/* configure scrollbars using MSIE at http://iconico.com/CSSScrollbar/ */
/* old lighter scrollbar
	scrollbar-base-color: #cacaa5;
	scrollbar-arrow-color: #a4a5a7;
	scrollbar-3dlight-color: #f2f0dd;
	scrollbar-darkshadow-color: #f2f0dd;
	scrollbar-face-color: #dbdbcc;
	scrollbar-highlight-color: #ededdd;
	scrollbar-shadow-color: #c3c3b6;
	scrollbar-track-color: #f2f0dd;
*/
/* new darker scrollbar */
scrollbar-base-color: #214426;
scrollbar-arrow-color: #214426;
scrollbar-3dlight-color: #214426;
scrollbar-darkshadow-color: #214426;
scrollbar-face-color: #b9b990;
scrollbar-highlight-color: #dfdfbf;
scrollbar-shadow-color: #969676;
scrollbar-track-color: #8e9d70;
	
/* darkest scrollbar 
	scrollbar-base-color: #DEDBBC;
	scrollbar-arrow-color: #ffffff;
	scrollbar-3dlight-color: #629169;
	scrollbar-darkshadow-color: #214426;
	scrollbar-face-color: #316037;
	scrollbar-highlight-color: #6a9f72;
	scrollbar-shadow-color: #345d3a;
	scrollbar-track-color: #8e9d70;*/
}

#centerpage {
position:absolute;
width:948px;
height:580px;
top: 50%; 
left: 50%; 
margin-top: -290px; margin-left: -474px;
border:1px solid black;
background-color:#cfcfd1;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
text-align:left;
}

a:link, a:visited {
font-weight:bold;
text-decoration:none;
color:#224527;
}

a:hover, a:active {
text-decoration:underline;
}

#copyright {
width:948px;
text-align:right;
font-size:0.8em;
}

/**************************************/
/* Home and Special Promo Splash page */
/**************************************/

#home_whiteborder {
border:solid white 2px;
width:924px;
height:556px;
margin:10px;
}

#home_content {
margin:10px;
border:none;
width:904px;
height:536px;
}
	/*--------------*/
	/* Top Content  */
	/*--------------*/

	#home_toptable { /* table */
	width:904px;
	height:423px;
	}
	
	#home_toptable_leftcol { /* left hand td */
	width:399px;
	height:423px;
	}

	#home_photo_flash { /* div */
	width:393px;
	height:423px;
	border-right:6px solid white;
	margin:0px;
	padding:0px;
	}

	#home_rightcol { /* right hand td */
	width:505px;
	margin:0px;
	padding:0px;
	}

	#home_logo { /* div NEW NEW */
	float:right;
	}
	
	#home_mission { /* div NEW NEW */
	height:113px;
	float:right;
	}
	
	#home_logo_smaller { /* div */
	height:85px;
	text-align:right;
	}
		
/*****************************/
/* Special Promo Splash page */
/*****************************/

	#splash_promo_container { /* div holding splash_specialpromo div */
	width:505px;
	height:279px;
	}
	
	#splash_specialpromo { /* div contains actual promo with margin and border */
	width:500px;
	height:273px;
	border:1px solid white;
	margin: 0px 0px 3px 3px;
	}

	#splash_click_to_home {
	background-color:#b5bcc4;
	background-image:url(../images/corner_darkgray_topright.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	width:505px;
	height:30px;
	}

	#splash_click_to_home img {
	border:none;
	}
	
	/*-----------------*/
	/* Bottom Content  */
	/*-----------------*/
	
	#splash_bottom {
	border-top:6px solid white;
	width:904px;
	height:107px;
	vertical-align:bottom;
	background-color:#e3e3e5;
	background-image:url(../images/corner_gray_botleft.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	}

	#splash_logos {
	vertical-align:bottom;
	text-align:right;
	margin:55px 15px 15px;
	}

/*********************************/
/*  Home Page with normal promos */
/*********************************/

	
	#home_hottopics_container { /* for new home page with hot topics instead of promos */
	width:505px;
	height:209px;
	}
	
		#home_promo_container { /* div holding splash_specialpromo div */
		width:505px;
		}
	#home_promo { /* 502x204 MAX dimensions if you remove the border. div contains actual promo with margin and border NEW NEW */
	/*margin-top:30px;*/
	width:205px;
	height:210px;
	text-align:left;
	}
	
	#home_promo img { /* buttons NEW NEW */
	margin-left:20px;
	margin-bottom:15px;
	display:block;
	}
				
				#home_quote {
clear:both;
				background-color:#b5bcc4;
				background-image:url(../images/corner_darkgray_topright.jpg);
				background-position:top right;
				background-repeat:no-repeat;
				width:505px;
				height:100px;/*
				margin:24px 0 0 0;*/
				margin:0px;
				padding:0px;
				}


	/*-----------------*/
	/* Bottom Content  */
	/*-----------------*/
	
	#home_bottom {
	border-top:6px solid white;
	width:904px;
	height:107px;
	vertical-align:bottom;
	background-color:#e3e3e5;
	background-image:url(../images/corner_gray_botleft_with_quote.jpg);
	 /* without quote: ../images/corner_gray_botleft.jpg */
	background-position:bottom left;
	background-repeat:no-repeat;
	}
	
	#home_hnav {
	height:19px;
	background-color:#b5bcc4;
	}

	#home_logos {
	vertical-align:bottom;
	text-align:right;
	margin:33px 15px 15px;
	}

/*********************************/
/*  Home Page with Hot Topics    */
/*********************************/
	
#home_whiteborder {
border:solid white 2px;
width:924px;
height:556px;
margin:10px;
}

#home_content {
margin:10px;
border:none;
width:904px;
height:536px;
}
	/*--------------*/
	/* Top Content  */
	/*--------------*/

	#home_toptable { /* table */
	width:904px;
	height:423px;
	}
	
	#home_toptable_leftcol { /* left hand td */
	width:399px;
	height:423px;
	}

	#home_photo_flash { /* div */
	width:393px;
	height:423px;
	border-right:6px solid white;
	margin:0px;
	padding:0px;
	}

	#home_rightcol { /* right hand td */
	width:505px;
	margin:0px;
	padding:0px;
	position:relative;
	}

#home_hottopics_container { /* contains home_hottopics div links on home page */
width:505px;
}

#home_hottopics { /* contains actual links/hot topics */
padding-left:10px;
}

#home_hottopics ul li {
list-style-image:url(../images/home_hottopics_bullet.png);
padding:2px 0;
font-size:14pt;
}

#home_hottopics a:link, #home_hottopics a:active, #home_hottopics a:hover, #home_hottopics a:visited {
color:#FF6600;
font-family:"Times New Roman", Times, serif;
} 

#home_quote_smaller {
	background-color:#b5bcc4;
	background-image:url(../images/corner_darkgray_topright.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	width:505px;
	height:45px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:400px;
	left: 422px;
	}
	

/*********************************/
/*  Section Landing and Subpages */
/*********************************/

#page { /* div holds whole page - allows adding (C) etc below main page outline */
position:relative;
height:580px; 
width:948px;
background-color:#cacaa5;
}

#header { /* table holds Hall's logo and other logos */
height:72px;
width:948px;
}

	#header_left { /* td holds Hall's Logo */
	width:333px;
	height:72px;
	text-align:center;
	}
	
	#header_right { /* td holds other logos etc */
	width:615px;
	background-color:white;
	height:72px;
	}
	#small_logos {
	text-align:right;
	padding-top:15px;
	}

#top_nav { /* holds horizontal navigation at top of page */
height:18px;
width:948px;
background-color:#214426;
color:white;
}

#quote_area { /* holds quote rotator below horizontal nav */
height:37px;
width:948px;
}

#quote { /* actual quote  */
text-align:right;
}

#main_area { /* table holds table that has leftnav and actual content in it */
height:436px;
}

	#main_area_left { /* TD for leftnav, etc */
	width:192px;
	height:436px;
	z-index:100;
	}
	
	#main_area_right { /* TD for main part of page */
	width:756px;
	height:428px;
	text-align:left;
	z-index:100;
	}

	#content { /* TABLE that holds the two main content pieces, right of the the leftnav */
			position:relative;
			width:748px;
			height:428px;
			background-color:#f3f0dd;
	}
	
		#content_left { /* TD for wide content column with big graphic on section landing pages or text and bottom graphic on subpages */
		width:611px;
		height:428px;
		vertical-align:top;
		}
			#hide_overflow {/* for Store Locator Google API, prevent overflow scrolling (due to some bug) */
			width:611px;
			height:428px;
			overflow:hidden;
			}
		
			#left { /* table for left column of main content */
			width:611px;
			height:428px;
			vertical-align:top;
			}
			
			#left_top { /* scrolling text */
			width:611px;
			height:290px;
			vertical-align:top;
			}
			
				#text_scroll { /* actual DIV for scrolling text */
				margin-top:2px; /* top margin offsets scroll from top line of b/g image */
				width:611px;
				height:286px; /* this DIV is 2 px shorter than td, so scroll doesn't go over top border of b/g image */
				overflow:auto;
				vertical-align:top;
				}
				
				#text_scroll_fullhigh { /* actual DIV for scrolling text FULL HEIGHT of cell */
				margin-top:2px; /* top margin offsets scroll from top line of b/g image */
				width:611px;
				height:400px;
				overflow:auto;
				vertical-align:top;
				}
				
				#text_padding { /* adds padding inside scroll */
				margin:10px;
				}
				
				#text_padding img { /* add a border to all scrollbox content images */
				border:1px solid black;
				}
				
				#text_padding img.noborder { /* no border on images with a class of "noborder" (class for spacer.gifs) */
				border:none;
				}
				
				.image_float_left {
				float:left;
				margin:0px 10px 10px 0px ;
				}
				
				.image_float_right {
				float:right;
				margin:0px 0px 10px 10px;
				}
	
				/*---------------------------------------------------------------------*/
				/* Fixing problems with the virtual showroom's offsite flash object    */
				/*---------------------------------------------------------------------*/
				
					#establish_relative_positioning {
					position:relative;
					}
					
						#stack_on_top {
						position:absolute;
						top:285px;
						left:-2px;
						width:600px;
						z-index:2000;
						background-color: none;
						}
						
							#stack_on_top h1.pagehead {
							margin:0px;
							padding:0px;
							}
					
					#showroom_hide_overflow { /* restrict size of virtual showroom iframe element */
					height:280px;
					overflow:hidden;
					}
					
						#move_up { /* move the iframe content up, to crop the top/bottom white space */
						margin-top:-66px;
						}
			
			#left_bottom { /* graphic below scrolling text */
			width:611px;
			height:138px;
			background-color: #c2cbac;
			}
			
			
				#left_bottom_table { /* table holding image and options nav */
				width:609px;
				height:138px;
				}
				
					#left_bottom_left { /* TD holding image */
					width:489px;
					}
					
					#left_bottom_right { /* TD holding options menu */
					width:120px;
					}
		
				
		
		#content_right { /* TD for narrow right hand column of content */
		width:137px;
		height:428px;
		}
			
			#right { /* table holding narrow righthand column of content */
			background-color:white;
			height:428px;
			width:137px;
			}
			
				#right_top { /* top image - do not enter dimensions, as they'll vary */
				}
				#right_middle { /* middle image - do not enter dimensions, as they'll vary */
				}
				#right_bottom { /* bottom image - do not enter dimensions, as they'll vary */
				}
		
#footer_nav { /* holds footer navigation */
height:18px;
background-color:#214426;
color:white;
text-align:right;
}

div.poweredby div { /* hide Google's Poweredby note that appears at the top of the screen on the map locator page */
display:none;
}


div.product_list ul li { /* product listing landing pages - style the unordered list */
list-style:none;
list-style-image:none;
list-style-type:circle;
color:#224527;
padding:4px 0px;
}

	div.product_list ul li a:link, div.product_list ul li a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#224527;
	}
	div.product_list ul li a:hover, div.product_list ul li a:active {
	text-decoration:underline;
	}

/*********************************/
/*  Ported over from old site    */
/*********************************/

h1, .pagehead { /* used in h1 */
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px; 
font-style: none; 
font-weight: bold; 
color: #005500; 
text-decoration: none; 
line-height: normal
}

h2, .optionhead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: none; font-weight: bold; color: #990000; text-decoration: none; line-height: 100%}
 
.bodytext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; line-height: 125%}
a.bodytext:hover {  color: #000000; text-decoration: none}

.bodytextsm { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; line-height: 115%}
a.bodytextsm:hover {  color: #000000; text-decoration: none}

.bodytextsmlink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000088; text-decoration: none; line-height: 115%}
a.bodytext2smlink:hover {  color: #990000; text-decoration: none}

.bodytext2smlink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #555555; text-decoration: none; line-height: normal%}
a.bodytextsmlink:hover {  color: #990000; text-decoration: none}

.bodylink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000088; text-decoration: underline; line-height: 135%}
a.bodylink:hover {  color: #660000; text-decoration: underline}

.bodylinkrev { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: underline; line-height: 135%}
a.bodylinkrev:hover {  color: #ffcc33; text-decoration: underline}

.menutext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none; line-height: normal}
a.menutext:hover {  color: #ffcc00; text-decoration: none}

.dateline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #ffffff; text-decoration: none; line-height: normal}

.copyright { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #555555; text-decoration: none; line-height: normal}

.copyrightlink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: bold; font-weight: normal; color: #004400; text-decoration: none; line-height: normal}
a.copyrightlink:hover {  color: #660000; text-decoration: none}

.disclaimer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; line-height: 125%}

.googlemap { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; line-height: normal}

.hptext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #444444; text-decoration: none; line-height: 125%}
a.hptext:hover {  color: #990000; text-decoration: none}

.hphead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: none; font-weight: bold; color: #990000; text-decoration: none; line-height: 200%}

.optionnav { background-color: #777777}

.optionlink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 15px}

.optionsubhead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: none; font-weight: bold; color: #003300; text-decoration: none; line-height: 75%}

.optionsubhead2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: none; font-weight: bold; color: #990000; text-decoration: none; line-height: 75%}

.pagesubhead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: none; font-weight: bold; color: #003300; text-decoration: none; line-height: 100%}

.maplink01 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #990000; text-decoration: none; line-height: normal}
a.maplink01:hover {  color: #005500; text-decoration: none}

.maplink02 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #990000; text-decoration: none; line-height: normal}
a.maplink02:hover {  color: #004400; text-decoration: none}

.maplink03 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #004400; text-decoration: none; line-height: normal}
a.maplink03:hover {  color: #990000; text-decoration: none}

.surveytext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; line-height: 115%}
a.surveytext:hover {  color: #990000; text-decoration: none}

.surveytext1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; line-height: 115%}
a.surveytext1:hover {  color: #000000; text-decoration: none}

.surveytext2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: bold; color: #660000; text-decoration: none; line-height: 115%}
a.surveytext2:hover {  color: #000000; text-decoration: none}

.surveytext3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000088; text-decoration: none; line-height: 115%}
a.surveytext3:hover {  color: #000000; text-decoration: none}

.adminlink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #770000; text-decoration: none; line-height: normal}
a.adminlink:hover {  color: #000088; text-decoration: none}

.truscene_flash {
width:570px;
height:270px;
background-color:#999966;
}

.clear {
clear:both;
}

/* ##### IWP Doors ##### */

#iwp_designs_table td { /* table holding grid of door designs */
text-align:center;
}

#iwp_designs_table h2 {
margin: 7px 4px 18px;
border-bottom: 1px dotted;
padding-bottom: 3px;
}

#iwp_designs_table img {
border:3px solid white;
}

body#iwp_details_window { /* the popup for doors, and wood grain swatches, etc */
background-color: #CACAA5;
}

#iwp_details_window_div {
margin: 15px;
padding: 15px;
border: 2px solid white;
background-color:#E2DEC5;
text-align:center;
}

#iwp_details_window_div img {
border: 2px solid white;
}

#iwp_grainfinishes_table h2 {
margin: 17px 4px 8px;
}

#iwp_grainfinishes_table img {
border:3px solid white;
margin-bottom:4px;
margin-top:15px;
}

#build_home { /* at the bottom left of every page */
	position:absolute;
	top:375px;
	margin-left:8px;
	border:none;
}

/* specifically for index_test3.php */

	/*#home_entersite {
	width:475px;
	float:right;
		background-color:#667987;
		color: white;
		font-weight:bold;
		text-align:right;
		padding:3px 15px;
		}*/
		
	#home_entersite_logos {
		vertical-align:bottom;
		text-align:right;
		margin:46px 15px 15px;
	}
	
	#home_enter_bottom {
	border-top:6px solid white;
	width:904px;
	height:107px;
	vertical-align:bottom;
	background:url(../images/home_enter_footer_bottomleft.png) bottom left no-repeat #e3e3e5;
	}


#home_enter { /* div holds enter site button */
float:left;
margin:0px;/*
margin-top:15px;*/
}