/* Architectural Traditions CSS */

/* COLOR:
Home Page:
  page bg: 72634d
      tan: f3edc6
    brown: 3b3428
 dk brown: 221e17
   nav bg: bfbb93
dk orange: 9d4202
 nav a:v : c48e67

// template style
.style { font-family: Verdana, Arial, Helvetica, sans-serif; 
				 font-size: 10px; line-height: 14px;
				 color: #ffffff; 
				 font-weight: normal; text-decoration: none; }
.style a:link    { color: #ffffff; text-decoration: none; }
.style a:visited { color: #ffffff; text-decoration: none; }
.style a:hover   { color: #000000; text-decoration: none; }
.style a:active  { color: #000000; text-decoration: none; }

*/

/* global */
form { margin: 0; }
body { margin-left: 30px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
td   { font-family: Verdana, Arial, Helvetica, sans-serif; 
	     font-size: 10px; line-height: 14px; 
	     color: #221e17; 
	     font-style: normal; font-weight: normal; text-decoration: none; }

a:link    { color: #9d4202; text-decoration: none; font-weight: bold; }
a:visited { color: #c48e67; text-decoration: none; font-weight: bold; }
a:hover   { color: #bfbb93; text-decoration: none; font-weight: bold; }
a:active  { color: #bfbb93; text-decoration: none; font-weight: bold; }

/* SEO optimized text */
.bodycopy   { font-family: Verdana, Arial, Helvetica, sans-serif; 
	     font-size: 10px; line-height: 14px; 
	     color: #221e17; 
	     font-style: normal; font-weight: normal; text-decoration: none; 
	     background: #f3edc6; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }

.bodycopy a:link    { color: #9d4202; text-decoration: none; font-weight: bold; }
.bodycopy a:visited { color: #c48e67; text-decoration: none; font-weight: bold; }
.bodycopy a:hover   { color: #bfbb93; text-decoration: none; font-weight: bold; }
.bodycopy a:active  { color: #bfbb93; text-decoration: none; font-weight: bold; }

/* Left sub-navigation */
.subNav a:link    { color: #9d4202; text-decoration: none; font-weight: bold; }
.subNav a:visited { color: #9d4202; text-decoration: none; font-weight: bold; }
.subNav a:hover   { color: #bfbb93; text-decoration: none; font-weight: bold; }
.subNav a:active  { color: #bfbb93; text-decoration: none; font-weight: bold; }

/* Page body sub-navigation */
.bodyNav { padding-top:10px; padding-bottom:10px; }
.bodyNav a:link    { color: #9d4202; text-decoration: none; font-weight: bold; }
.bodyNav a:visited { color: #72634d; text-decoration: none; font-weight: bold; }
.bodyNav a:hover   { color: #bfbb93; text-decoration: none; font-weight: bold; }
.bodyNav a:active  { color: #bfbb93; text-decoration: none; font-weight: bold; }

/* sub-page body headline text */
h1   { font-family: Arial, Helvetica, sans-serif;
						 color: #9d4202;
						 font-size: 17px; 
						 line-height: 21px;
						 text-decoration: none; 
						 font-weight: bold; 
margin: 0px auto 5px;
}

/* sub-page body headline2 text */
h2   { font-family: Arial, Helvetica, sans-serif;
						 color: #000000;
						 font-size: 14px; 
						 line-height: 18px;
						 text-decoration: none; 
						 font-weight: bold; 
margin: 0px auto 3px;
}

h3   { font-family: Verdana, Arial, Helvetica, sans-serif; 
	     font-size: 10px; line-height: 14px; 
	     color: #221e17; 
	     font-style: normal; font-weight: bold; text-decoration: none;
margin: 0px auto 1px; 
	      }

.smapCat   { font-family: Arial, Helvetica, sans-serif;
						 color: #000000;
						 font-size: 12px; 
						 line-height: 17px;
						 text-decoration: none; 
						 font-style: italic;
						 font-weight: bold; 
}

p { margin: 10px auto }

/* TD attributes */
.dkBrn { background: #221e17; }
.mdBrn { background: #221e17; }
.tan   { background: #f3edc6; }
.navBg { background: #bfbb93; }
.specs { background: #9d4202; color: #f3edc6; text-decoration: none; font-weight: bold; }


/* image embedded in text block: attributes */
.imgBorderOne { border: 1px solid #221e17; 
								margin-left: 10px;
								margin-bottom: 10px;
}

/* Home page text */
.padOne { padding-top: 6px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }

/* Home page / Design a Door text */
.padTwo { color: #ffffff; padding-top: 2px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }

/* Home page / sitemap, locator */
.padThree { color: #ffffff; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }

/* Generic 10px padding */
.padTen { background: #f3edc6; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }

/* copyright, BOL links */
.copy { color: #72634d; padding-top: 6px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }

/* bottom copyright */
.bcopy { color: #bfbb93; }

/* bottom links */
.bLinks { color: #72634d; 
					background: #3b3428;
					padding: 10px;
					font-size: 9px; line-height: 12px;
				  font-weight: normal; text-decoration: none; }
.bLinks a:link    { color: #72634d; font-weight: normal; text-decoration: none; }
.bLinks a:visited { color: #72634d; font-weight: normal; text-decoration: none; }
.bLinks a:hover   { color: #bfbb93; font-weight: normal; text-decoration: none; }
.bLinks a:active  { color: #bfbb93; font-weight: normal; text-decoration: none; }

/* Light Tan Type */
.tanType { color: #f3edc6; }

/* Orange Type */
.orType { color: #9d4202; }

/* locator box BG image */
.locBg {
	background-image: url(../images/locatorbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* nav cell BG image */
.navPattern {
	background-image: url(../images/mid_pattern.gif);
	background-repeat: repeat;
	background-position: left top;
}

/* form stuff */


/* ======================================================================================================= */
/* sitemap */
.smap { font-family: Verdana, Arial, Helvetica, sans-serif; 
	  		font-size: 10px; line-height: 12px; 
	  		color: #221e17; background: #FFFFFF; 
				width: 100%; height: 14px; 
	   		border: #221e17; border-style: solid; 
	   		border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

/* dealer locator for home page */
.dlh { font-family: Verdana, Arial, Helvetica, sans-serif; 
	     font-size: 10px; line-height: 12px; 
	     color: #221e17; background: #ffffff; 
			 width: 100%; height: 16px; 
	   	 border: #221e17; border-style: solid; 
	     border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

/* dealer locator */
.dl { font-family: Verdana, Arial, Helvetica, sans-serif; 
	    font-size: 10px; line-height: 12px; 
	    color: #221e17; background: #ffffff; 
			width: 78px; height: 16px; 
	   	border: #221e17; border-style: solid; 
	   	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

/* GO button */
.go { font-family: Verdana, Arial, Helvetica, sans-serif; 
	    font-size: 9px; line-height: 14px; font-weight: bold; 
	    color: #ffffff; background: #9d4202;
	    width: 40px; height: 16px;
	    border: #221e17; border-style: solid; 
	    border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
/* ======================================================================================================= */


.box { background: #fff; 
	     font-size: 9px; line-height: 11px; 
	     width: 100%; height: 18px; 
	     border: 1px solid #221e17; 
}

.box100 { background: #fff; 
	     width: 100px; height: 18px; 
	     border: 1px solid #221e17; 
}

.field { background: #fff; 
		     width: 100%; height: 80px; 
	       border: 1px solid #221e17; 
}

/* drop-down */
.dd { font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 10px; line-height: 14px; 
			color: #333; background: #eee; 
			width: 100%; 
			border: #333; border-style: solid; 
			border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px 
}

.dd2 { font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 10px; line-height: 14px; 
			color: #333; background: #eee; 
			width: 100px; 
			border: #333; border-style: solid; 
			border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px 
}

/* contact drop-down */
.cdd { background: #fff; 
			 width: 300px; 
			 border: 1px solid #221e17;
}

/* button */		  
.but { font-size: 9px; 
			 line-height: 14px; 
			 font-weight: bold; 
	     color: #ffffff; background: #9d4202;
	     padding: 2px 4px 2px 4px; 
	     border: 1px solid #221e17;
}
/* buttons */		  
.but1 { font-family: Verdana, Arial, Helvetica, sans-serif; 
   	font-size: 10px; line-height: 14px; font-weight: bold; 
	color: #ffffff; background: #9D4202;
	width: 60; height: 18px; 
	border: #35271a; border-style: solid; 
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.but2 { font-family: Verdana, Arial, Helvetica, sans-serif; 
   	font-size: 10px; line-height: 14px; font-weight: bold; 
	color: #ffffff; background: #9D4202;
	width: 80; height: 18px; 
	border: #35271a; border-style: solid; 
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
