/* SPUYMORE (c) 2011 */
/* styles for front-end web pages */

/* ---------------------------
  custom fonts
------------------------------ */

@font-face {
  font-family: 'RockwellStdRegular';
  src: url('rockwellstd-webfont.eot');
  src: local("zRockwellStdRegular"), local("zRockwellStd"), local("zRockwell"),
    url("RockwellStd.otf") format("opentype"),
    url("rockwellstd-webfont.svg#webfont") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* ---------------------------
  general styling and lay-out
------------------------------ */
BODY            { background-color: #999999; margin: 0 }
HTML, BODY      { height: 100% }

.site-content       { width: 100% }
.site-content .a-normal .a-slot-content       { color: #00b27a; font: 12px/20px Arial, Helvetica, sans-serif }
.site-content .a-normal .a-slot-content FORM  { margin: 0; padding: 0 }
.site-content .a-area-textcol                 { margin-bottom: 6px }
.site-content .a-area-textcol                 { margin-bottom: 6px }


.site-content H1                    { font: 18px/18px RockwellStdRegular, Lucida Console, Tahoma; text-transform: uppercase; margin: 0 0 0; font-weight: normal; color: #00b27a }
/* H1 used within a RichText slot gets an extra top margin */
.site-content .a-normal .aRichText H1         { margin-top: 20px }
.site-content .a-normal .a-slot-content H2,
.site-content .a-normal .a-slot-content H3    { font-size: 12px; line-height: 20px; text-transform: uppercase; margin: 20px 0 0; font-weight: normal }
.site-content .a-normal .a-slot-content H4,
.site-content .a-normal .a-slot-content H5    { font-size: 10px; line-height: 20px; text-transform: uppercase; margin: 20px 0 0; font-weight: normal }
.site-content .a-normal .a-slot-content H6    { font-size: 8px; line-height: 20px; text-transform: uppercase; margin: 20px 0 0; font-weight: normal }
.site-content .a-normal .a-slot-content P     { margin: 0 !important }
.site-content .a-normal .a-slot-content TABLE { margin: 0 }
.site-content .a-normal .a-slot-content P,
.site-content .a-normal .a-slot-content INPUT,
.site-content .a-normal .a-slot-content TEXTAREA,
.site-content .a-normal .a-slot-content TD    { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit }
.site-content .a-normal .a-slot-content UL    { margin: 0 0 0 18px; padding: 0; list-style-image: url('/images/bullet.gif') }
.site-content .a-normal .a-slot-content HR    { height: 1px; border: none; background-color: black; color: black }
.site-content .a-normal .a-slot-content A,
.site-content .a-normal .a-slot-content A:visited { color: #0060ff; text-decoration: underline }
.site-content .a-normal .a-slot-content A:hover   { text-decoration: underline }

#bgdiv            { position: fixed; height: 100%; top: 0; width: 980px; background: url('/images/bgwhite980.gif') #999999 50% 0% repeat-y; margin: 0 auto; z-index: -1 }

#bgdiv, x:-moz-any-link            { z-index: 0 }  /* FF2 */
#bgdiv, x:-moz-any-link, x:default { z-index: -1 } /* FF3 */

#outerdiv         { height: 100%; width: 100%; margin: 0 }
#innerdiv         { height: 100%; width: 980px; margin: 0 auto 1px; }
#leftcolumn       { width: 291px; float: left }
#menucontainer    { position: absolute; top: 50px; margin-left: 24px }

/* main menu */
.site-mainmenu       { margin-top: 49px }
.site-mainmenu UL    { margin-left: 0; list-style-type: none; list-style-image: none }
.site-mainmenu UL LI { margin: 20px 0 6px; list-style-type: none !important  }
.site-mainmenu A.visited,
.site-mainmenu A     { display: inline-block; background: url('/images/menuline-red.gif') repeat-x; padding-bottom: 3px; text-decoration: none;
                  font: 18px/20px RockwellStdRegular, Lucida Console, Tahoma; text-transform: uppercase; color: #f74902
                }
.site-mainmenu A:hover  { color: #00b27a; text-decoration: none; background-position: 0 -22px }
.site-mainmenu .a-current-page A,
.site-mainmenu .ancestor { color: #00b27a; border-color: white; background: none }

.site-mainmenu UL UL     { margin: 8px 0 0 26px; list-style-image: url('/images/slash.gif'); width: 233px }
.site-mainmenu UL UL LI  { line-height: 20px; margin: 0; padding: 0 }
.site-mainmenu UL UL A   { position: relative; left: -8px; bottom: 6px; font: 12px/20px Arial, Helvetica, sans-serif; color: #00b27a; 
                           display: inline; padding: 0 0 3px; background: url('/images/menuline-green.gif') 0 100% repeat-x !important; line-height: 21px;
                         }

.fixit   { position: fixed !important; top: 50px !important }

#pagecontainer        { height: 100%; width: 689px; float: right }
#pagecontent          { height: 100% }

#whitepage            { min-height: 100%; padding: 0 10px; margin: 0 40px; background-color: #ffffff }
#whitepage, x:-moz-any-link            { position: relative }  /* FF2 */
#whitepage, x:-moz-any-link, x:default { position: static } /* FF3 */

#whitepagemargin      { padding: 100px 0 }
#pagecontent .chapter { position: relative; top: -6px; padding: 0; margin: 0; clear: both }
A.ilink               { color: #00b27a !important; text-decoration: none }

/* images / highslide */
.a-slideshowgrid                        { margin: 10px -10px 0; padding: 0 }
.a-slideshowgrid DIV.imagecontainer     { background-color: white; margin: 10px; padding: 0; display: block; float: left }
.a-slideshowgrid DIV.imagecontainer IMG { margin: 0; float: left }
.a-slideshowgrid DIV.imagecontainer .caption  { margin: 0; padding-top: 1px; font-weight: normal; font-size: 10px; line-height: 14px; clear: both }
.highslide-caption .desc                { color: #00b27a; font: 12px/20px Arial, Helvetica, sans-serif }
.highslide-caption .desc P              { margin: 0 }
.gridhalf .a-slideshowgrid DIV.imagecontainer .caption  { width: 284px }


/* green lines */
#linestop        { position: relative; height: 0; z-index: 100 }
#linestop DIV    { position: absolute; top: 0; height: 90px; width: 689px; background: url('/images/lines-top.gif') top left no-repeat }
#linesbottom     { position: relative; height: 0 }
#linesbottom DIV { position: absolute; bottom: 0; height: 90px; width: 689px; background: url('/images/lines-bottom.gif') bottom left no-repeat }
#pagebg          { height: 100% }

/* contactform */
.contactForm UL,
.contactForm LI           { list-style: none }
.contactForm INPUT[type=text],
.contactForm TEXTAREA     { border: 1px solid #00b27a; width: 250px; margin: 1px }
.contactForm INPUT[type=text] { height: 16px }
.contactForm INPUT.btn    { color: #000000 !important; padding: 0 6px }
.contactForm B LABEL      { font-weight: bold }
.contactForm UL.radio_list       { display: inline; margin: -1px 0 3px 4px !important }
.contactForm UL.radio_list li    { display: inline; line-height: 20px; vertical-align: middle; margin-right: 10px }
.contactForm UL.radio_list INPUT { vertical-align: middle; margin: 0 0 2px 0 }
.contactForm UL.radio_list LABEL { display: inline; line-height: 20px; vertical-align: middle }
.contactForm TD           { vertical-align: top; padding: 0 10px 0 0 }

.error_list, .confirmation  { color: #F74902 }
.confirmation               { padding: 50px 0 }
.error_list, .error_list LI { display: inline }

/* pdf slot */
.site-content .aFile                    { margin-top: 20px }
.site-content .aFile .a-file-meta       { font-size: 12px !important; line-height: 20px !important }
.site-content .aFile .a-file-title      { font-size: 12px !important; line-height: 20px !important; text-transform: uppercase }
.site-content .aFile .a-file-download   { margin: 0 !important }
.site-content .aFile .a-file-download A { padding: 0 !important }

.aSlideshow UL { margin: 0 }
.aSlideshow UL.a-slideshow LI UL LI.a-slideshow-image IMG {}