/* begin commensuration */
h1, h2, h3, h4, h5, h6, pre, code, kbd { font-size: 1em; }
h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dd, ul, ol, li { margin: 0; padding: 0; }
:link, :visited { text-decoration: none; }
a:active, a:focus, a:hover { overflow: hidden; }
a:focus, a:hover { text-decoration: underline; }
a img, :link img, :visited img, fieldset { border:none }
ul, ol { list-style: none; }
address, abbr { font-style: normal; }
form label { cursor: pointer; }
input, select, textarea { font-size: 100%; font-family: Arial, Helvetica, sans-serif; }
hr { display:none }
/* commensuration ended. from here on out, all hell breaks loose! */

body { background-color: #836D51; font-size: 90%; font-family: Arial, Verdana, sans-serif; color: #4a2d15; }

/* Page Structure */
#page        { width: 680px; margin: 0 auto;        background: url(../images/content_bg.gif) repeat-y bottom center; }
#content     { width: 640px; margin: 0 auto;        background: transparent; position: relative; }
#navigation  { width: 640px; margin: 0 auto;        background-color: #000000; }
#mainContent { width: 454px; margin: 30px 32px 0 155px; min-height: 400px; }
#the1938 { position: absolute; left: 10px; top: 200px;}
#footer      { width: 100%;  padding-bottom: 20px; padding-top: 12px; clear: both; }

/* Styling for the header Brand header */
h1#header { text-indent: -9999px; overflow: hidden; }
h1#header a { display: block; height: 124px; width: 640px; background: transparent url(../images/header_index.jpg) top left no-repeat; }

/* Navigation Secondary */
ul#navSecondary { z-index: 10; height: 23px; width: 640px; background: transparent url(../images/nav_secondary2.gif) top left no-repeat; position: relative; }
ul#navSecondary li { position: absolute; top: 0; }
ul#navSecondary li,
ul#navSecondary a { height: 23px; display: block; }
ul#navSecondary li a { text-indent: -9999px; overflow: hidden; text-decoration: none; }

#news {left: 395px; width: 51px;}
#appr {left: 446px; width: 122px;}
#cont {left: 568px; width: 74px;}

#news a:focus, #news a:hover { background: transparent url(../images/nav_secondary2.gif) no-repeat -395px -23px; }
#appr a:focus, #appr a:hover { background: transparent url(../images/nav_secondary2.gif) no-repeat -446px -23px; }
#cont a:focus, #cont a:hover { background: transparent url(../images/nav_secondary2.gif) no-repeat -568px -23px; }

/* these are the 'you are here' rules for the secondary navigation
	.newsewywu #news { background: transparent url(../images/nav_secondary2.gif) no-repeat -395px -23px; }
	.appraisal #appr { background: transparent url(../images/nav_secondary2.gif) no-repeat -446px -23px; }
	.contactus #cont { background: transparent url(../images/nav_secondary2.gif) no-repeat -568px -23px; }
*/

/* Navigation Primary - Don't ask me how this is done. I forgot. It's a little this, a whole lot of that, and something else. */
ul#navPrimary { z-index: 100; height: 27px; width: 640px; background: transparent url(../images/nav_primary-double.gif) top left no-repeat; position: relative; }
ul#navPrimary li { position: absolute; top: 0; }
ul#navPrimary li,
ul#navPrimary a { height: 27px; display: block; font-size: 95%; outline: 0; border: 0;}
ul#navPrimary li a { text-indent: -9999px; overflow: hidden; text-decoration: none; }

#hom {left: 0; width: 78px;}
#lan {left: 78px; width: 144px;}
#own {left: 222px; width: 90px;}
#pro {left: 315px; width: 134px;}
#tes {left: 446px; width: 92px;}
#bio {left: 538px; width: 38px;}
#faq {left: 576px; width: 62px;}

#hom a:focus, #hom a:hover {background: transparent url(../images/nav_primary-double.gif) 0 -27px no-repeat;}
#lan a:focus, #lan a:hover {background: transparent url(../images/nav_primary-double.gif) -78px -27px no-repeat;}
#own a:focus, #own a:hover {background: transparent url(../images/nav_primary-double.gif) -222px -27px no-repeat;}
#pro a:focus, #pro a:hover {background: transparent url(../images/nav_primary-double.gif) -315px -27px no-repeat;}
#tes a:focus, #tes a:hover {background: transparent url(../images/nav_primary-double.gif) -446px -27px no-repeat;}
#bio a:focus, #bio a:hover {background: transparent url(../images/nav_primary-double.gif) -538px -27px no-repeat;}
#faq a:focus, #faq a:hover {background: transparent url(../images/nav_primary-double.gif) -576px -27px no-repeat;}

/* these are the 'you are here' rules for the primary navigation
	body.indexhome #hom {background: transparent url(../images/nav_primary-double.gif) 0 -27px no-repeat;}
	body.horticlut #lan {background: transparent url(../images/nav_primary-double.gif) -78px -27px no-repeat;}
	body.hortlands #lan {background: transparent url(../images/nav_primary-double.gif) -78px -27px no-repeat;}
	body.hortnurss #lan {background: transparent url(../images/nav_primary-double.gif) -78px -27px no-repeat;}
	body.hortturfs #lan {background: transparent url(../images/nav_primary-double.gif) -78px -27px no-repeat;}
	body.hortvitis #lan {background: transparent url(../images/nav_primary-double.gif) -78px -27px no-repeat;}
	body.homeowner #own {background: transparent url(../images/nav_primary-double.gif) -222px -27px no-repeat;}
	body.samplings #pro {background: transparent url(../images/nav_primary-double.gif) -315px -27px no-repeat;}
	body.watertest #tes {background: transparent url(../images/nav_primary-double.gif) -446px -27px no-repeat;}
	body.biography #bio {background: transparent url(../images/nav_primary-double.gif) -538px -27px no-repeat;}
	body.faqsuspra #faq {background: transparent url(../images/nav_primary-double.gif) -576px -27px no-repeat;}
*/

/* The dropdown menu gets neutralized by the rules above. */
ul#navPrimary ul li   { position: static; height: auto; top: auto;}
ul#navPrimary ul li a { height: auto; display: block; text-indent: 0; overflow: visible; }

/* The dropdown menu gets suckered here on out with jquery to the rescue. */
#lan li,
#lan li a,
#lan li a:link,
#lan li a:visited,
#lan li a:active { background-color: #FCFEDA !important; background-image: none !important; color: green; }
#lan li a:focus,
#lan li a:hover { background-color: #FCFEDA !important; background-image: none !important; color: #4a2d15; }
ul#navPrimary ul      {border: 1px solid #95c05c; background: #FCFEDA; width: 144px;}
ul#navPrimary ul li   {border-top: 1px solid #95c05c; background: #FCFEDA;width: 144px;}
ul#navPrimary ul li a {display: block; padding: 3px 5px;}
.nav ul { position: absolute; top: -999em; left: -1px; }
.nav li:hover ul, 
.nav li.sfHover ul { top: 25px; }

/* Generic Styles in Yellow Packaging */
a:link, a:visited { text-decoration: none; color: #2E2EA5; background-color:transparent; }
a:focus, a:hover, a:active { text-decoration: underline; color: #ba5d27; }

/* light color BLUE: color: #369*/

h1, h2, h3, h4, h5, h6 { background:transparent; }
#mainContent { line-height: 1.3em; font-size: 90%; color: #4a2d15; }

#mainContent h1 { font-size:130%; margin: 1em auto; color: #ba5d27; font-weight: normal; text-transform: capitalize; }
#mainContent h2 { font-size:105%; margin: 1em auto; color: green; font-weight: bold; text-transform: capitalize; }
#mainContent h3 { font-size:100%; margin: 1em auto; color: #ba5d27; font-weight: bold; }

#mainContent ul { list-style-type: disc; margin: 0 0 1em 2em; }
#mainContent ol { list-style-type: decimal; margin: 0 0 1em 2em; }
#mainContent p { margin-bottom: 1em; }
#mainContent dt { font-weight: bold; }
#mainContent dd { margin-left: 1em; }
#mainContent ul.anAddress { text-align: center; list-style-type: none; font-weight: bold; margin: 1em 0; }
.btt {font-size: 90%;}

/* content styling */
.newsPull { width: 230px; float: right; margin: 0 4px 10px 12px; border: 1px solid #95c05c; background: #FCFEDA; padding: 8px 4px 10px 8px; }
.newsPull h2 { font-size: 110%; text-transform: uppercase; }
.newsPull p { line-height: 1.1em; }

#footer { text-align: center; font-size: 80%; }

/* The Specialized Ones - They just couldnt leave well enough alone */
#footer .vcard { display: none;}
.floatMeLeft { margin-right: 1em; float: left; }
.floatMeRight { margin-left: 1em; float: right; }
.centreMe{margin: auto;display:block;}
.noBullets li {list-style-type:none;}

table { margin-bottom: 1em;  }
table caption { font-weight: bold; font-size: 110%; text-align: left; color: green; padding-bottom: 0.5em; }
table, td, th, tr { border: 1px solid #4a2d15; border-collapse: collapse; }
td, th { padding: 4px 2px; }
td h3 { padding-left: 50px; }

dt { margin: 0.5em 0; }