/* staleyservices.com css by kv5r web designs 12/31/2009 8:20:42 PM
 * Copyright (c) 2009 by Harold Melton, KV5R. All Rights Reserved.
 */

/* --- the browser overrides --- */

body  { margin:0; padding:0; border:0; min-height:100.01%; margin-bottom:1px; /* stop load jump */
        background-color:white; font-family:Verdana,Geneva,'Bitstream Vera Sans','DejaVu Sans',sans-serif;
        color:#000; font-size:16px; } /* the font base size; all others are relative */

p     { margin-top:0; margin-bottom:0.5em; line-height:1.5em; }

ul    { list-style-image:url('img/bul-alab-10.gif'); } /* has an override in ie.css */
/* this margin arrangement evens out line spacing above, within, and below lists */
ul,ol { margin-top:0; margin-bottom:0.5em; line-height:1.5em; }
li    { margin-top:0.5em; margin-bottom:0; }
li ol { list-style-type:lower-alpha; }

h1,h2,h3,h4,h5,h6 { margin-top:0.75em; margin-bottom:0.25em;
  font-family:'Century Gothic',futura,'URW Gothic L',verdana,sans-serif;
  overflow:auto; letter-spacing:0.1em; color:#865; }
h1 { font-size:1.75em; font-weight:normal; font-style:normal; margin-top:0; }
h2 { font-size:1.40em; font-weight:bold; font-style:italic; }
h3 { font-size:1.25em; font-weight:bold; font-style:normal; }
h4 { font-size:1.10em; font-weight:bold; font-style:normal; }
h5 { font-size:1.00em; font-weight:bold; font-style:normal; }
h6 { font-size:0.80em; font-weight:bold; font-style:normal; }

a           { color:#008; text-decoration:none; }
a:visited   { color:#446; }
a:hover, a:focus { color:#E44; background:#EAE8D3; } /* base: E2DCAD xara light-tan, +8 clicks */
a:hover.img { background:transparent !important; }
a:active    { color:#F00; }

blockquote { margin:1em; padding:5px 10px 5px 37px;
     background:transparent url('img/quote.png') no-repeat scroll 0 8px; /* 32x32 */
     line-height:1.5em; text-align:justify; overflow:auto; }
acronym  { border-bottom:1px dashed blue; cursor:help; }
sub, sup { font-size:0.7em; line-height:0.7em; }
pre, code, tt { font-size:105%; background-color:#EAE8D3;
     font-family:Consolas,'Lucida Console','Bitstream Vera Sans Mono','DejaVu Sans Mono',monospace; }
pre, .flbox, .frbox { margin-top:0; padding:3px; overflow:auto; white-space:pre-wrap;
     background-color:#EAE8D3; /* tan; light blue: E5EAF0 */ border:1px outset #EAE8D3; }
.flbox { width:auto; padding:5px; float:left;  margin:0 20px 0 0; }
.frbox { width:auto; padding:5px; float:right; margin:0 0 0 20px; }
.flbox p, .flbox a, .frbox p, .frbox a { width:240px;
     text-align:center !important; margin:0 auto !important; font-size:0.9em !important; }
.w240  { width:240px; }

img   { border:0; }
.bdr  { border:4px ridge #CAD4DF; }
.ctr  { display:block; margin:0 auto; text-align:center !important; }
.fl   { width:auto; margin:5px 20px 5px 0; float:left;  display: inline; }
.fr   { width:auto; margin:5px 0 5px 20px; float:right; display: inline; }
.clrb { clear:both; }

form, fieldset, legend { margin:0; padding:0; }
textarea { margin:2px; padding:5px; }
input, select { margin:2px; padding:0; font-size:12px; }
input[type=text], input[type=password], input[type=file], textarea { background:#EAE8D3; border:1px inset #EAE8D3; }
input[type=password] { color:#DAA; }
input[type=submit], input[type=button], button {
  background:transparent url('img/btn-blu-gls.png') no-repeat scroll center center; height:20px; width:100px; border:0; }
input[type=image]    { background:transparent; border:0; }
input[type=checkbox] { vertical-align:middle; margin-top:0; margin-bottom:0; padding:0; }
input[type=radio]    { vertical-align:middle; margin-top:0; margin-bottom:0; padding:0; }
input[type=submit]:hover,input[type=button]:hover,input[type=image]:hover,select:hover { cursor:pointer; }
/* apply this class to align inputs' text, for IE < 7: */
.vamm0p0 { vertical-align:middle; margin:0; padding:0; }

/* Visible Data Tables */
table.dat   { border-collapse:collapse; margin:0.5em auto 1em auto; background:transparent; border:0; }
.dat th     { background-color:#CCD2DE; text-align:left; color:#865; }
.dat th,td  { padding:1px 5px 2px 5px; border:1px solid white; vertical-align:top; font-size:0.9em; }
.dat td     { background-color:#DDE2E8; }
.dat td.alt { background-color:#EAE8D3; }

/* Invisible Data Tables (for forms, etc) */
table.inv   { border-collapse:collapse; margin:0 auto; background:transparent; border:0; }
.inv th     { text-align:left; color:#865; }
.inv th,td  { background-color:transparent; padding:1px 5px 2px 5px; border:1px solid white; vertical-align:middle; }

.w100 { width:99.9%; } /* 0.1 leaves room for borders in IE. */
.w50  { width:50%; }
.w30  { width:33.3%; }
.w25  { width:25.0%; }

/* ===== LAYOUT ===== The perfect non-nested, non-float layout, by KV5R */

/* accessibility skippers */
.skip a, .skip a:hover, .skip a:visited
        { position:absolute; left:0; top:-12px; width:1px; height:1px; overflow:hidden; }
.skip a:active, .skip a:focus
        { position:fixed; top:1px; left:1px; width:auto; height:auto; background:#FFF; z-index:10000; }

/* Header div */
.hdr    { width:100%; height:100px; background:transparent url('img/bg-hdr.jpg') repeat-x scroll left top; }
.hdr h1 { margin:0; padding:16px 0 0 20px; font-size:1px; line-height:1px; text-align:left; }
.hdr h2 { margin:0; padding:0 20px 0 0;    font-size:1px; line-height:1px; text-align:right; }
/*
.logo1  { position:absolute; top:15px;  left:20px; }
.logo2  { position:absolute; top:15px; right:20px; }
*/
/* Top menubar div */
.top    { height:25px; width:100%; background:transparent url('img/bg-menu.jpg') repeat-x scroll left top;
          font-size:12px; font-weight:bold; text-align:center; }
.top p  { margin:0; padding-top:1px; text-align:center; }  /* paddding diff in ie */
.top a  { margin:0 4px; padding:1px 8px 2px 8px; background-color:transparent; border:1px outset #EAE8D1;
          font-size:12px; font-weight:bold; text-align:center; vertical-align:middle; }
.top a:hover { text-decoration:none; background-color:transparent; border:1px inset #EAE8D1; }

/* -- 2-cell Layout Table:table.lay, td.lft, td.rgt -- NO FLOATING, NO NESTING! --- */
.lay    { border-collapse:collapse; width:100%; margin:0; background:0; border:0; }
.lay>td { border:0 none transparent; }

/* Left td (main content) */
.lft    { width:100%; border:0; padding:20px; vertical-align:top;
          background:transparent url('img/bg-body-blu.jpg') repeat-x scroll left top; }
.lft h1 { border-bottom:4px solid  #6C7EA0; }
.lft h2 { border-bottom:3px double #6C7EA0; }
.lft p, .lft li { font-size:1em; text-align:justify; }

/* Right td (sidebar content) */
.rgt    { width:264px; border:0; padding:20px 20px; vertical-align:top;
          background:transparent url('img/bg-body-brs.jpg') repeat-x scroll left top; }
.rgt h2 { width:224px; margin-top:0; font-size:20px; text-align:left; font-weight:normal; }
.rgt p  { line-height:1em; }
.h200   { height:200px; }
/* use with photobg.png and overlay with a 200h x 150w jpg in foreground: */
.photbg1 { height:168px; width:218px;  padding:6px 0 0 6px;
           background:transparent url('img/photbg-blu.png') no-repeat scroll left top; }
.photbg2 { height:168px; width:218px;  padding:6px 0 0 6px;
           background:transparent url('img/photbg-bej.png') no-repeat scroll left top; }

/* Footer div */
.ftr    { height:25px; width:100%; background:transparent url('img/bg-menu.jpg') repeat-x scroll left top;
          border-top:1px solid #FFF3E0; border-bottom:1px solid #C0B3A0;
          font-size:10px; font-weight:normal; color:#865; text-align:center; }
.ftr p  { margin:0; padding-top:5px; text-align:center; }
.ftr a:hover { text-decoration:none; }


/* ===== handy text formatting classes ===== */
.n     { font-weight:normal !important; font-style:normal !important; }
.b     { font-weight:bold !important; }
.i     { font-style:italic !important; }
.u     { text-decoration:underline !important; }
.l     { text-align:left !important; }
.c     { text-align:center !important; }
.r     { text-align:right !important; }
.j     { text-align:justify !important; }
.red   { color:red !important; }
.rev   { color:#A00 !important; }
.blu   { color:blue !important; }
.close { margin-top:0 !important; margin-bottom:0 !important; line-height:1 !important; }
.nomar { margin:0 !important; }
.norap { white-space:nowrap; }
.small { margin:0; color:#865; font-size:.8em !important; font-style:normal; font-weight:normal; }
.tiny  { margin:0; color:#865; font-size:.6em !important; font-style:normal; font-weight:normal; }
.dcap  { width:auto; font-size:3em; line-height:1em; float:left; display:inline; margin:-2px 3px 0 0; color:#865; }
.cpyrt { text-align:center; margin:0.5em auto; color:#865; font-size:10px; }
.invis { background:transparent !important; }
.vatop { vertical-align:top !important; }
.vamid { vertical-align:middle !important; }
.vabot { vertical-align:bottom !important; }
.m0auto{ margin:0 auto !important; }


 /* ===== combined jQuery FancyBox 1.2.5 upgraded Nov 13, 09. Changes: z-index*10; others as noted. ===== */
div#fancy_overlay { position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index:300; }
div#fancy_loading { position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:1000; }
div#fancy_loading div { position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url('js/box/fancy_progress.png') no-repeat; }
div#fancy_outer { position:absolute; top:0; left:0; z-index:900; padding:20px 20px 40px 20px; margin:0; background:transparent; display:none; }
div#fancy_inner { position:relative; width:100%; height:100%; background:#FFF; }
div#fancy_content { margin:0; z-index:1000; position:absolute; }
div#fancy_div { background:#000; color:#FFF; height:100%; width:100%; z-index:1000; }
img#fancy_img { position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:1000; width:100%; height:100%; }
div#fancy_close { position:absolute; top:-12px; right:-15px; height:30px; width:30px; background:url('js/box/fancy_closebox.png') top left no-repeat; cursor:pointer; z-index:1810; display:none; }
#fancy_frame { position:relative; width:100%; height:100%; display:none; }
#fancy_ajax { width:100%; height:100%; overflow:auto; }
a#fancy_left, a#fancy_right { position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; z-index:1110; display:none;
/* kv5r removed: background-image:url("data:image/gif;base64,AAAA"); outline:none; overflow:hidden; */ }
a#fancy_left { left:0px; }
a#fancy_right { right:0px; }
span.fancy_ico { position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:1120; cursor:pointer; display:block; }
/* kv5r change: from -9999 to -18px puts arrows at edge */
span#fancy_left_ico { left:-18px; background:transparent url('js/box/fancy_left.png') no-repeat; }
span#fancy_right_ico { right:-18px; background:transparent url('js/box/fancy_right.png') no-repeat; }
a#fancy_left:hover, a#fancy_right:hover { visibility:visible; background-color:transparent; }
/* kv5r: added: to keep opera happy */
a#fancy_left, a#fancy_right { background-color:transparent; outline:0; }
a#fancy_left:hover span  { left: -18px; }  /* was 20 */
a#fancy_right:hover span { right:-18px; }
#fancy_bigIframe { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; }
div#fancy_bg { position:absolute; top:0; left:0; width:100%; height:100%; z-index:700; border:0; padding:0; margin:0; } div.fancy_bg { position:absolute; display:block; z-index:700; border:0; padding:0; margin:0; }
div#fancy_bg_n { top:-20px; width:100%; height:20px; background:transparent url('js/box/fancy_shadow_n.png') repeat-x; }
div#fancy_bg_ne { top:-20px; right:-20px; width:20px; height:20px; background:transparent url('js/box/fancy_shadow_ne.png') no-repeat; }
div#fancy_bg_e { right:-20px; height:100%; width:20px; background:transparent url('js/box/fancy_shadow_e.png') repeat-y; }
div#fancy_bg_se { bottom:-20px; right:-20px; width:20px; height:20px; background:transparent url('js/box/fancy_shadow_se.png') no-repeat; }
div#fancy_bg_s { bottom:-20px; width:100%; height:20px; background:transparent url('js/box/fancy_shadow_s.png') repeat-x; }
div#fancy_bg_sw { bottom:-20px; left:-20px; width:20px; height:20px; background:transparent url('js/box/fancy_shadow_sw.png') no-repeat; }
div#fancy_bg_w { left:-20px; height:100%; width:20px; background:transparent url('js/box/fancy_shadow_w.png') repeat-y; }
div#fancy_bg_nw { top:-20px; left:-20px; width:20px; height:20px; background:transparent url('js/box/fancy_shadow_nw.png') no-repeat; }
div#fancy_title { position:absolute; z-index:1000; display:none; } /* set bottom to -20 in js */
div#fancy_title div { color:#FFF; font:bold 12px Arial; padding-bottom:3px; white-space:nowrap; }
div#fancy_title table { border-collapse:collapse; border:0; background:transparent; margin:0 auto; } /* kv5r: added border-collapse, border, background */
div#fancy_title table td { padding:0; vertical-align:middle; border:0; } /* added border:0; */
td#fancy_title_left { height:32px; width:15px; background:transparent url('js/box/fancy_title_left.png') repeat-x; }
td#fancy_title_main { height:32px; background:transparent url('js/box/fancy_title_main.png') repeat-x; }
td#fancy_title_right { height:32px; width:15px; background:transparent url('js/box/fancy_title_right.png') repeat-x; }