/*
 * Title:   Kerr screen styles and IE fixes
 * Author:  Cyrus A. Elworth <celworth@supero-inc.com>
 * Created: June 20 2005
 * Updated: July 08 2005
 */
/* =universals */
*
{
  margin:              0;
  padding:             0;
  font:                100.01%/1.8em normal verdana, arial, helvetica, arial, sans-serif;
}
body
{
  background:          #fff;
  color:               #333;
  font:                70%/160% tahoma, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
}
abbr,
acronym
{
  font-style:          normal;
  border-bottom:       0;
  cursor:              help;
}
/* =hx */
h1,
h2,
h3,
h4,
h5
{
  clear:               both;
  font-weight:         bold;
  line-height:         1.3em;
}
h1
{
  color:               #598ab2;
  font-size:           1.8em;
}
h2
{
  font-size:           1.6em;
}
h3
{
  font-size:           1.4em;
  font-style:          italic;
}
h4
{
  font-size:           1.3em;
}
h5
{
  font-size:           1.2em;
  font-style:          italic;
}
h6
{
  font-size:           1.1em;
}
dl
{
  margin:              0 0 10px 0;
}
dt
{
  font-weight:         bold;
  margin-top:          10px;
}
dd
{
  margin:              0;
  padding:             0;
}
strong
{
  font-weight:         bold;
}
/* =blockquotes */
blockquote
{
  background:          url(../images/right-quote.gif) no-repeat 100% 100%;
  color:               #598ab2;
  margin:              30px 5px 30px 5px;
/* IE has no ASS */
  _background-image:   none;
/* Holy Hack for f'in IE peekaboo bug */
  _height:             1%;
}
blockquote p
{
  background:          url(../images/left-quote.gif) no-repeat 0 .4em;
  font-size:           1.3em;
  font-style:          italic;
  margin:              5px 0 5px 20px;
  padding:             0 30px 0 30px;
  letter-spacing:      2px;
  line-height:         1.2em;
  text-shadow:         #B7B7B7 0.2em 0.3em 0.2em;
/* IE has no ASS */
  _background-image:   none;
}
blockquote p + p
{
  background-image:    none;
  padding-right:       20px;
}
blockquote .author
{
  margin:              0 0 0 55px;
}
/* ul */
ul
{
  list-style-type:     disc;
  margin:              1em 0;
  padding-left:        2.5em;
}
ul.left
{
  display:             block;
  float:               left;
}
ul.right
{
  display:             block;
  float:               right;
}
/* =ol */
ol
{
  margin-left:         20px;
}
/* =li */
li
{
  display:             list-item;
}
/* =forms */
fieldset
{
  padding:             8px;
  border:              1px dotted #333;
}
legend
{
  background:          #FFF;
  color:               #333;
  font:                bold 1.5em verdana, "trebuchet ms", arial, helvetica, helv, geneva, swiss, sans-serif, system;
  padding:             0 6px 0 6px;
}
label
{
  color:               #333;
  cursor:              pointer;
}
input,
textarea,
select
{
  background:          #F8F8F8;
  color:               #2E2E2E;
  border:              1px solid #000;
  padding:             2px;
  vertical-align:      middle;
  font:                normal 1em verdana, "trebuchet ms", arial, helvetica, helv, geneva, swiss, sans-serif, system;
}
input:hover,
textarea:hover,
select:hover
{
  border:              1px solid #CCC;
}
input:active
{
  border:              1px solid #F00;
}
input:focus,
textarea:focus,
select:focus
{
  background:          #FF9;
  border:              1px solid #000;
}
input[type="button"],
input[type="submit"]
{
  padding:             2px 8px 2px 8px;
  margin-left:         129px;
  margin-top:          2px;
  -moz-border-radius:  25px;
}
input[type="button"]:hover
{
  background:          #333;
}
/* =hyperlinks */
a
{
  color:               #00C;
  text-decoration:     none;
  padding:             1em;
}
a:hover,
a:active,
a:focus
{
  background:          transparent;
  color:               #C00;
}
[href^="http://"]:not([href*="kerr-consulting-group.com"])::after
{
  content:             "\2197";
}
a[accesskey]:after,
button[accesskey]:after,
input[accesskey]:after,
label[accesskey]:after,
legend[accesskey]:after,
textarea[accesskey]:after
{
  content:             "[" attr(accesskey) "]";
  color:               #00C;
  padding:             0 0.5em;
}
/* =skip a IE */
* html a#fir-a0
{
  position:            absolute;
  top:                 -200px;
  left:                -9999px;
  display:             block;
  width:               18px;
  height:              18px;
  background:          #FFF url(../images/a-skip.gif) no-repeat;
/*text-indent:         -9999px;*/
  text-decoration:     none;
}
/* =skip a */
a#fir-a0
{
  position:            absolute;
  top:                 -200px;
  left:                -9999px;
  display:             block;
  width:               18px;
  height:              18px;
  background:          #FFF url(../images/a-skip.gif) no-repeat;
/*text-indent:         -9999px;*/
  text-decoration:     none;
}
a#fir-a0:hover,
a#fir-a0:active,
a#fir-a0:focus
{
  top:                 5px;
  text-decoration:     none;
}
a[id="fir-a9"]
{
  display:             block;
  position:            absolute;
  top:                 20px;
  left:                580px;
  width:               40px;
  height:              40px;
}
/*
a.podcast
{
  display:             block;
  height:              20px;
  padding-left:        80px;
  background:          transparent url(../images/podcast.png) no-repeat;
}
*/
/* the Owen hack -- http://www.albin.net/CSS/OwenHack.html */
/* the following selector is NOT seen by Opera 6 (and below) or by IE6/win (and below) */
head:first-child+body #branding-extra
{
  position:            fixed;
  top:                 0;
  left:                0;
  width:               100%;
  height:              50px;
  background:          transparent url(../images/glans.png) 0 0 repeat-x scroll;
  z-index:             50;
}
/* =images */
img
{
  border:              none;
}
p
{
  padding:             0.7em 0 0.7em 0;
}
p a
{
  padding-left:        0;
  padding-right:       0;
}
/* =container IE */
* html div#container
{
  width:               100%;
  margin:              0 auto;
  text-align:          left;
}
/* =container */
div[id="container"]
{
  margin:              0 auto;
  text-align:          left;
}
/* =intro IE */
* html div#intro
{
  width:               943px;
  height:              98px;
  margin:              10px auto 10px auto;
}
/* =intro */
div[id="intro"]
{
  width:               943px;
  height:              98px;
  margin:              10px auto 10px auto;
}
/* =branding IE */
* html div#branding
{
  float:               left;
  width:               236px;
  height:              98px;
  margin:              0 5px 0 0;
}
/* =branding */
div[id="branding"]
{
  float:               left;
  width:               236px;
  height:              98px;
  margin:              0 5px 0 0;
}
#nav-main
{
  float:               right;
  margin:              55px 0 0 0;
}
#nav-main ul
{
  list-style:          none;
  margin:              0;
  padding:             0;
}
#nav-main li
{
  margin:              0 5px 0 0;
  display:             block;
  float:               left;
  line-height:         20px;
  text-align:          center;
}
#nav-main li a
{
  font-size:           8pt !important;
  display:             block;
  color:               #3D4C30;
  text-decoration:     none;
}
#nav-main li a:hover
{
  background:          #fff;
  color:               #000;
}
/* =content IE */
* html div#content
{
  width:               943px;
  height:              612px;
  margin:              0 auto 0 auto;
  background:          #FFF url(../images/back.gif) no-repeat;
  overflow: hidden;
}
/* =content */
div[id="content"]
{
  width:               943px;
  height:              612px;
  margin:              0 auto 0 auto;
  background:          #FFF url(../images/back.gif) no-repeat;
  overflow:            hidden;
}
/* =content-main IE */
* html div#content-main
{
  float:               left;
  margin:              35px 0 35px 20px;
}
/* =content-main */
div[id="content-main"]
{
  float:               left;
  margin:              35px 0 35px 44px;
}
/* =content-sub IE */
* html div#content-sub
{
  float:               right;
  margin:              35px 20px 35px 0;
}
/* =content-sub */
div[id="content-sub"]
{
  float:               right;
  margin:              35px 44px 35px 0;
}
/* Standard CSS2 rules used because Opera does not support CSS3 selectors */
div.col
{
  width:               400px;
  height:              524px;
}
div.editorial
{
  padding:             5px;
  overflow:            auto;
  overflow-x:          hidden;
}
div.highlights
{
}
#grid
{
  background:          #C8C893;
  width:               400px;
  margin-top:          10px;
  text-align:          left;
}
#grid:after
{
  content:             ".";
  display:             block;
  height:              0;
  clear:               left;
  visibility:          hidden;
}
#grid .photo
{
  float:               left;
  width:               94px;
  height:              280px;
  margin:              0 1px 1px 1px;
  padding:             1px;
  border:              1px solid #573706;
}
#grid a
{
  color:               #999;
  text-decoration:     none;
  border-style:        none;
  padding:             0;
}
#grid a:hover
{
  color:               #000;
}
br.cl
{
  clear:               both;
}
/* =siteinfo IE */
* html div#siteinfo-legal
{
  position:            relative;
  clear:               both;
  width:               100%;
  height:              50px;
  background:          #fff;
  color:               #333;
  font-weight:         bold;
  font-size:           1em;
  text-align:          center;
}
/* =siteinfo */
div[id="siteinfo-legal"]
{
  position:            relative;
  clear:               both;
  width:               100%;
  min-height:          50px;
  padding-bottom:      1em;
  background:          #fff;
  color:               #333;
  font-size:           1em;
  text-align:          center;
}