body { background-color: #ccc; font-size: 12px; font-family: verdana, sans-serif; margin: 8px 0px; text-align:center; }

p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; 
	margin-top: 10px; margin-bottom: 10px; 
}
h1{ color: #336633; font-size: 1.3em; font-weight: normal; font-family: Georgia, Tahoma, Verdana, Serif; 
	margin-top: 10px; margin-bottom: 10px;
}
h2 { color: #336633; font-size: 12px; font-weight: bold; 
	margin-top: 10px; margin-bottom: 10px;
}
h3 { color: #666; font-size: 12px; font-weight: bold; 
	margin-top: 10px; margin-bottom: 10px;
}
.h3style { color: #666; font-size: 12px; font-weight: bold; }

td { font-size: 11px; vertical-align: top; }

#header { border: 0px; padding: 0px; width: 100%; height: 85px; background: url(images/header_bg.gif); }
#header img { border: 0px; }
#logo { position: absolute; left: 22px; top: 18px; width: 130px; height: 145px; background: url(images/header_logo09.gif); }



#navHome { position: absolute; left: 234px; top: 60px; }
#navAbout { position: absolute; left: 282px; top: 60px; }
#navTechnical { position: absolute; left: 367px; top: 60px; }
#navCustInfo { position: absolute; left: 458px; top: 60px; }
#navDirectory { position: absolute; left: 577px; top: 60px; }
#navLinks { position: absolute; left: 658px; top: 60px; }
#navContact { position: absolute; left: 711px; top: 60px; }
#navMembers { position: absolute; left: 811px; top: 60px; }


#main { position: relative; margin: 0px auto; width: 930px; border: 1px solid #000; text-align: left; background-color: #fff; }
#content { width: 100%; border-top: 5px solid #f1f1ee; }
.prop { float: right; width: 1px; height: 400px; border: 0px}
.clear { clear: both; height: 1px; overflow: hidden; }
#content a:link { color: #24712e; text-decoration: underline; font-weight: bold; }
#content a:hover { color: #39b54a; text-decoration: underline; font-weight: bold; }
#content a:visited { color: #24712e; text-decoration: underline; font-weight: bold; }
#content a:visited:hover { color: #39b54a; text-decoration: underline; font-weight: bold; }

.spacer { clear: both; width: 100%; border: 0px; }

#searchbox { float: left; display: inline; margin-left: 20px; margin-top: 90px; width: 210px; height: 290px; }
#searchbox-top { width: 100%; height: 24px; margin-left: 3px; margin-bottom: 10px; }
#searchbox-border { width: 100%; height: 240px; border: 1px solid #d3d3d3; }
#searchbox-mid { width: 100%; height: 230px; border-top: 5px solid #f1f1ee; }
#searchbox-mid p { font-size: 11px; padding-left: 4px; padding-right: 4px; margin-top: 10px; margin-bottom: 10px; }


/* Replaces #searchbox on homepage only. */
#competitionbox { float: left; display: inline; margin-left: 20px; margin-top: 90px; width: 210px; min-height: 300px; }
#competitionbox-top { width: 100%; height: 24px; margin-left: 3px; margin-bottom: 10px; }
#competitionbox-border { width: 100%; min-height: 250px; border: 1px solid #d3d3d3; }
#competitionbox-mid { width: 100%; min-height: 240px; border-top: 5px solid #f1f1ee; }
#competitionbox-mid p { font-size: 11px; padding-left: 4px; padding-right: 4px; margin-top: 10px; margin-bottom: 10px; }
#competition-link { padding: 4px; margin: auto; margin-bottom: 10px; border: 1px dashed #ccc; width: 84%; text-align: center; }
#competition-link img { border: 0px; }

#floorstyle-logo { float: left; background: #ccc; display: block; width: 210px; height: 120px; }


#searchbox-directory { float: left; display: inline; margin-left: 20px; margin-top: 90px; width: 210px; height: 280px; border: 1px solid #d3d3d3; background: url(images/directory_photo.jpg);}
#searchbox-members { float: left; display: inline; margin-left: 20px; margin-top: 90px; width: 210px; height: 280px; border: 1px solid #d3d3d3; }

#textbox { float: right; display: inline; margin-right: 20px; margin-top: 20px; width: 640px; border: 1px solid #d3d3d3; background: #fafafa; }
#textbox-centre { width: 632px; min-height: 372px; float: left; display: inline; background: #f0f0f0; margin: 4px; }
#textbox-index-img { float: right; width: 254px; height: 440px; margin: 4px 4px 20px 10px; /*border: 4px solid #fafafa;*/ display: inline; background: url(images/home_photo.jpg); }
#textbox-prop { float: right; width: 1px; height: 372px; border: 0px}
#textbox-clear { width: 640px; clear: both; height: 1px; overflow: hidden; background: #fafafa; }

#textbox-lower-clear { width: 620px; clear: both; height: 10px; overflow: hidden; }

#textbox-dir { float: right; display: inline; margin-right: 20px; margin-top: 74px; width: 888px; border: 1px solid #d3d3d3; background: #fafafa; }
#textbox-centre-dir { width: 880px; min-height: 372px; float: left; display: inline; background: #f0f0f0; margin: 4px; }
#textbox-clear-dir { width: 888px; clear: both; height: 1px; overflow: hidden; background: #fafafa; }


#database-content { padding-left: 6px; padding-right: 4px; }






#footer-top { width: 100%; height: 20px; background-color: #fff; border-bottom: 5px solid #f1f1ee; }
#footer { width: 100%; height: 28px; background-color: #fff; border-top: 1px solid #d9d9cb; font-size: 9px; color: #999; }
.footer-text { font-size: 9px; color: #999; padding: 4px; }
.footer-text a { font-size: 9px; color: #999; padding: 4px; text-decoration: none; }
.footer-logo { float:right; margin-right: 4px; margin-top: 4px; display: inline; }
.footer-logo a { color: #999; text-decoration: none; }


ul { list-style-type: disc; list-style-image: url(images/bullet.gif); }
.uline { text-decoration: underline; }
.note { font-size: x-small; color: #666; }
.redText { color: red; }
.imgFloatLeft { float: left; margin: 10px; }
.imgFloatRight { float: right; margin: 10px; }
hr { border: none 0; border-top: 1px dashed #999; height: 1px; margin: 10px; }

#memberLoginForm { margin: 0 auto; width: 300px;}

/* Contact Form CSS */
#contactFormRHS { width: 246px; float: right; margin-left: 20px; margin-right: 10px; padding: 2px; /*border: 1px dashed #666;*/ }


/* Map/Directions CSS */
#zoom_buts { position: relative; height: 22px; left: 6px; top: 272px; }
#zoom_buts img { border-width: 0; }

/* Page content elements */
#news-box {
  float: left;
  width: 200px;
  height: 260px;
  background: #fff;
  border: 1px solid black;
  padding: 4px;
  overflow: auto;
  margin-right: 10px;
  margin-bottom: 10px;
}



/* Member Area code below. */
#pdfDownloads { width: 300px; min-height: 300px; border-left: 1px dashed #666; margin: auto 4px; float: right; padding-left: 8px; }
#pdfDownloads a:link { font-size: 10px; color: #24712e; text-decoration: none; font-weight: bold; }
#pdfDownloads a:hover { font-size: 10px; color: #39b54a; text-decoration: underline; font-weight: bold; }
#pdfDownloads a:visited { font-size: 10px; color: #24712e; text-decoration: none; font-weight: bold; }
#pdfDownloads a:visited:hover { font-size: 10px; color: #39b54a; text-decoration: underline; font-weight: bold; }

#logindetails { position: absolute; left: 0px; top: 4px; color: #fff; font-size: 10px; width: 920px; text-align: right; }

/* Member Area navigation */
#memberBackToSiteNav { position: absolute; left: 280px; top: 60px; }
#memberBackToSiteNav a:link {font-size: 12px; color: #fff; text-decoration: none; padding: 0px 7px 1px 7px; }
#memberBackToSiteNav a:hover {font-size: 12px; color: #fff; text-decoration: underline; padding: 0px 7px 1px 7px; }
#memberBackToSiteNav a:visited {font-size: 12px; color: #fff; text-decoration: none; padding: 0px 7px 1px 7px; }
#memberBackToSiteNav a:visited:hover {font-size: 12px; color: #fff; text-decoration: underline; padding: 0px 7px 1px 7px; }
#logoutButtonOnly { position: absolute; left: 780px; top: 60px; }
#logoutButtonOnly a:link {font-size: 12px; color: #fff; text-decoration: none; padding: 0px 7px 1px 7px; }
#logoutButtonOnly a:hover {font-size: 12px; color: #fff; text-decoration: underline; padding: 0px 7px 1px 7px; }
#logoutButtonOnly a:visited {font-size: 12px; color: #fff; text-decoration: none; padding: 0px 7px 1px 7px; }
#logoutButtonOnly a:visited:hover {font-size: 12px; color: #fff; text-decoration: underline; padding: 0px 7px 1px 7px; }


.form-textbox {
	padding: 3px;
	background: url("images/form_textbox_bg.gif") bottom left repeat-x #fff;
	border: 1px solid #b7b7b7;
	border-bottom: 2px solid #5a7064;
	font-size: 12px;
	color: #333; 
	width: 240px;
}
.form-textbox180 {
	margin-left: 4px;
	padding: 3px;
	background: url("images/form_textbox_bg.gif") bottom left repeat-x #fff;
	border: 1px solid #b7b7b7;
	border-bottom: 2px solid #5a7064;
	font-size: 12px;
	color: #333; 
	width: 180px;
}
.form-textbox-red {
	padding: 3px;
	background: url("images/form_textbox_bg_red.gif") bottom left repeat-x #fff;
	border: 1px solid #b7b7b7;
	border-bottom: 2px solid #ed585c;
	font-size: 12px;
	color: #333;
	width: 240px;
}
.form-textarea {
	padding: 3px;
	background: url("images/form_textarea_bg.gif") bottom left repeat-x #fff;
	border: 1px solid #b7b7b7;
	border-bottom: 2px solid #5a7064;
	font-family: sans-serif, verdana;
	font-size: 12px;
	color: #333;
	width: 240px;
}
.form-textarea-red {
	padding: 3px;
	background: url("images/form_textarea_bg_red.gif") top left repeat-x #fff;
	border: 1px solid #b7b7b7;
	border-bottom: 2px solid #ed585c;
	font-family: sans-serif, verdana;
	font-size: 12px;
	color: #333;
	width: 240px;
}





/*  Dropdown Menu CSS below.  --------------------------------------------------------------------- */
.menuLink { padding-left: 2px; font-size: 10px; color: #000; font-family: verdana, helvetica, sans-serif; text-decoration: none; }
.menuLink:hover { color: #009933; text-decoration: none; }
/*  Can specify each dropdown here for different widths.  */
.dropdown { padding: 2px 0px 0px 0px; z-index: 200; margin: 0px; width: 160px; border: 1px solid #000; background-color: #fff; }
/*.dropdown_technical {  padding: 2px 0px 0px 0px; z-index: 200;  margin: 0px; width: 170px; border: 1px solid #000; height: 100px; background-color: #fff; }*/
.menuContainer { z-index: 1000; }
.dropdownBottom { vertical-align: bottom; }