/*--------------------------+
 | Site: Lead Safe Illinois |
 | Part: Master styles      |
 +--------------------------*/

/* Imports
=====================================================================*/
@import "/styles/reset.css"; /* Reset styles */
@import "/styles/forms.css"; /* Form styles */
@import "/styles/ie.css"; /* IE styles */


/* Fonts
======================================================================*/
body { font-family: Arial, sans-serif; }
#ripple-effects { font-family: "Gill Sans", "Gill Sans MT", "GillSans", Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #069; }
a:hover { text-decoration: none; }
address { font-style: normal; }
body { background: #e2f2fe url(/images/bg.jpg) repeat-x 0 0; font-size: 14px; line-height: 1.4; padding-bottom: 2em; }
blockquote, dl, ol, p, table, ul { margin-bottom: 1em; }
cite, em { font-style: italic; }
dt { font-size: 16px; margin-top: 1em; }
dt:first-child { margin: 0; }
dt, h2, h3, h4, h5, h6, strong { font-weight: bold; }
h1 { font-size: 23px; font-weight: normal; margin-bottom: 1em; }
h2 { color: #393a96; font-size: 16px; margin: 2em 0 0.4em; }
h2:first-child { margin-top: 0; }
h3 { color: #68aee0; font-size: 15px; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 25px 0; }
iframe { width: 100%; }
input, select, textarea { font-size: 1em; }
li { margin-bottom: 0.5em; }
ol { list-style: decimal; margin-left: 1.5em; }
ol ol { list-style: lower-alpha; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; }
table { border-collapse: collapse; width: 100%; }
table p { margin: 0; }
td { border-bottom: 1px solid #ccc; color: #669; padding: 6px 8px; vertical-align: top; }
thead th { border-bottom: 2px solid #6678b1; color: #039; font-size: 16px; padding: 10px 8px; }
ul { list-style: disc; margin-left: 1.5em; }
ul ul { list-style: circle; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#page { margin: 0 auto; width: 960px; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }
ul.c2l, ul.c2r { list-style: none; margin-left: 0; }
.c2l h2, .c2r h2 { margin-top: 0; }

/* Content */
#content { background: #fff; border: 1px solid #d1d3d4; padding: 30px 20px; }
#content-primary { float: left; width: 65.8%; }
#content-secondary { float: right; width: 31.8%; }

  /* Full */
  #full #content-primary { float: none; width: 100%; }
  #full #content-secondary { display: none; }
  
  /* Home */
  #home #content { background: #fff url(/images/home-bg.gif) repeat-y 100% 0; padding-top: 20px; }
  #home #content-primary { width: 63.6%; }
  #home #content-secondary { width: 31.7%; }


/* Content
======================================================================*/

/* Callouts */
div.call-l, img.call-l { clear: left; }
div.call-r, img.call-r { clear: right; }
.call-l { float: left; margin: 0.5em 1em 1em 0; }
.call-r { float: right; margin: 0.5em 0 1em 1em; }
.call, div.call-l, div.call-r { font-size: 0.75em; }
.call img, .call-l img, .call-r img { border: 1px solid #ddd; display: block; }
.call img.icon, .call-l img.icon, .call-r img.icon { display: inline; }
.call, .call-l p, .call-r p { margin-bottom: 0.5em; }
.credit { color: #7f8183; font-size: 10px; letter-spacing: 0.01em; margin-bottom: 0.5em; text-align: right; text-transform: uppercase; }

/* Features */
.feature { border-bottom: 1px solid #ddd; margin-bottom: 25px; padding-bottom: 25px; }
.feature h1, .feature p { margin: 0; }

/* Footer */
#footer {
  background: #4f4fac;
  background-image: -moz-linear-gradient(top, #5151a4, #393a96); /* FF */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5151a4), color-stop(1, #393a96)); /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5151a4', EndColorStr='#393a96'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5151a4', EndColorStr='#393a96')"; /* IE8 */
  padding: 15px 20px;
  font-size: 12px;
  margin-bottom: 10px;
}

#footer, #footer a { color: #fff; }
#footer .adr, #footer .fax, #footer .tel { border-right: 1px solid #6b6bb1; margin-right: 0.5em; padding-right: 0.5em; }
#footer .org { display: block; font-size: 16px; margin-bottom: 0.25em; }

  /* Colophon */
  #colophon { font-size: 11px; }
  #colophon, #colophon a { color: #808285; }
  
    /* Site credit */
    #credit { float: right; text-align: right; }
    #credit a { color: #6d6e71; text-decoration: none; }
    #credit a strong { display: inline; font-weight: normal; text-decoration: underline; }
    #credit a:hover strong { text-decoration: none; }
  
  /* Subfooter */
  #subfooter {
    background: #f3f3f3;
    background-image: -moz-linear-gradient(top, #fff 50%, #ebebeb 100%); /* FF */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fff), color-stop(1, #ebebeb)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ebebeb'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ebebeb')"; /* IE8 */
    border: 1px solid #d1d3d4;
    border-width: 0 1px;
    font-size: 13px;
    padding: 15px 0 25px 20px;
  }

  #subfooter h5 { color: #393a96; font-weight: normal; margin-bottom: 0.5em; }
  #subfooter h6 { font-size: 14px; margin-bottom: 0.5em; text-transform: uppercase; }
  #subfooter li { margin: 0; }
  #subfooter .panel { float: left; margin-right: 1%; width: 32%; }
  #subfooter ul { list-style: none; margin: 0; }
  #subfooter ul li { background: url(/images/bullet.gif) no-repeat 0 0.5em; padding-left: 15px; }

/* Header */
#header { background-position: 0 0; background-repeat: no-repeat; }
.header-1 { background-image: url(/images/header-1.jpg); }
.header-2 { background-image: url(/images/header-2.jpg); }
.header-3 { background-image: url(/images/header-3.jpg); }
.header-4 { background-image: url(/images/header-4.jpg); }
.header-5 { background-image: url(/images/header-5.jpg); }

  /* Logo */
  #logo { float: left; margin: 40px 0 10px; }
  
  /* Utilities */
  #utilities-nav { float: right; font-size: 12px; list-style: none; margin: 40px 0 15px; }
  #utilities-nav a { text-decoration: none; }
  #utilities-nav a:hover { text-decoration: underline; }
  #utilities-nav li { display: inline; margin-left: 1em; }

/* Highlights */
.highlight { background: #e6f4fe; border: 1px solid #6dafdf; margin-bottom: 25px; padding: 20px 25px; }
.highlight h2 { margin-top: 0; }
.highlight ul.plain li { margin: 0; }
#content-secondary .highlight { padding: 10px 15px; }

/* Home */
#home h2 { margin-top: 0; }

/* Icons */
.icon { background-repeat: no-repeat; background-position: 0 50%; line-height: 1; padding: 3px 0 3px 20px; }
.icon-doc { background-image: url(/images/shared/doc.png); }
.icon-pdf { background-image: url(/images/shared/pdf.png); }
.icon-ppt { background-image: url(/images/shared/ppt.png); }
.icon-xls { background-image: url(/images/shared/xls.png); }

/* Muted text */
.mute { color: #777; font-size: 11px; }

/* Navigation */
#nav {
  background: #4f4fac;
  background-image: -moz-linear-gradient(top, #4646a3 0%, #4f4fac 30%, #3d3d9a 100%); /* FF */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4646a3), color-stop(0.3, #4f4fac), color-stop(1, #3d3d9a)); /* Saf4+, Chrome */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#4f4fac', EndColorStr='#3d3d9a'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4f4fac', EndColorStr='#3d3d9a')"; /* IE8 */
  border-top: 4px solid #68aee0;
  padding-right: 1em;
}

#nav a { color: #fff; text-decoration: none; white-space: nowrap; }
#nav a:hover { text-decoration: underline; }
#nav li { float: left; margin: 0; }

#nav li.current a {
  background: #fff;
  background-image: -moz-linear-gradient(top, #f5f4f4 0%, #fff 30%, #ecebeb 100%); /* FF */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f4f4), color-stop(0.3, #fff), color-stop(1, #ecebeb)); /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f4f4', EndColorStr='#ecebeb'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f4f4', EndColorStr='#ecebeb')"; /* IE8 */
  color: #069;
  font-weight: bold;
}

#nav ul { list-style: none; margin: 0; }
#nav ul a { border-right: 1px solid #6b6bb1; display: block; font-size: 15px; line-height: 1; padding: 13px 12px; }
#nav #nav-extras { float: right; font-size: 11px; margin-top: 1.25em; }

  /* Secondary navigation */
  #nav-secondary { background: #eaeaff; border: 1px solid #c3c3e9; border-top: 4px solid #393a96; font-size: 16px; list-style: none; margin: 0 0 2em; }
  #nav-secondary a { border-bottom: 1px solid #c3c3e9; display: block; padding: 7px 20px; text-decoration: none; }
  #nav-secondary a:hover { text-decoration: underline; }
  #nav-secondary li { margin: 0; }
  #nav-secondary li:last-child a { border: 0; }
  #nav-secondary li.current { background: #fff; padding-bottom: 7px; }
  #nav-secondary li.current a { border: 0; }
  #nav-secondary li.current > a { color: #414042; font-weight: bold; padding-bottom: 0; }
  #nav-secondary li.current li.current { background: none; border: 0; padding: 0; }
  #nav-secondary li li { background: none; }
  #nav-secondary li li a { background: none; display: inline; padding: 0; }
  #nav-secondary li ul { font-size: 14px; padding: 7px 15px 7px 20px; }
  #nav-secondary li ul ul { font-size: 12px; }

/* Page tools */
.page-tools { clear: both; padding-top: 2em; }

/* Plain items */
ul.plain { list-style: none; margin-left: 0; }

/* Ripple effects */
#ripple-effects { position: relative; }
#ripple-effects .legend { display: block; }
#ripple-effects .legend dd, #ripple-effects .legend div { display: none; }
#ripple-effects a { font-size: 13px; height: 1%; line-height: 1.2; }
#ripple-effects dt a, #ripple-effects h2 a { color: #fff; display: block; padding: 10px; position: absolute; text-align: center; text-decoration: none; }
#ripple-effects h2 a { color: #fff; font-size: 18px; font-weight: normal; padding: 0; top: 316px; text-decoration: none; }

  /* Text */
  #trigger-childhood-lead-poisoning { left: 333px; }
  #trigger-costs-to-childs-future { left: 568px; }
  #trigger-costs-to-society { left: 770px; }
  #trigger-academic-failure { left: 276px; top: 82px; width: 61px; }
  #trigger-behavioral-disorders { left: 101px; top: 414px; width: 61px; }
  #trigger-childhood-deliquency { left: 427px; top: 231px; width: 61px; }
  #trigger-crime-in-adulthood { left: 274px; top: 436px; width: 61px; }
  #trigger-criminal-record { left: 454px; top: 494px; width: 61px; }
  #trigger-health-problems { left: 34px; top: 302px; width: 67px; }
  #trigger-healthcare { left: 474px; top: 27px; }
  #trigger-hyperactivity { left: 226px; top: 158px; }
  #trigger-joblessness { left: 739px; top: 182px; }
  #trigger-juvenile-justice { left: 472px; top: 589px; }
  #trigger-lack-of-employment { left: 588px; top: 217px; width: 68px; }
  #trigger-learning-difficulties { left: 454px; top: 110px; width: 61px; }
  #trigger-learning-disabilities { left: 109px; top: 186px; width: 61px; }
  #trigger-life-long-health-problems { left: 592px; top: 377px; width: 61px; }
  #trigger-reduced-intelligence-lower-iq-scores { left: 413px; top: 364px; width: 61px; }
  #trigger-socialization-problems { left: 274px; top: 518px; width: 61px; }
  #trigger-special-education { left: 693px; top: 481px; }
  #trigger-speech-disorders { left: 332px; top: 187px; width: 61px; }

/* Summaries */
.summaries dt { font-size: 16px; font-weight: bold; }

/* Table of contents */
.toc { list-style: none; margin-left: 0; }

/* Tooltips */
#tooltip {
	background-color: #fff;
	border: 1px solid #ddd;
  box-shadow: 0 1px 10px #000;
  -moz-box-shadow: 0 1px 10px #000;
	-webkit-box-shadow: 0 1px 10px #000;
  font-size: 12px;
	position: absolute;
	padding: 10px;
  width: 250px;
	z-index: 3000;
}

#tooltip h3 { border-bottom: 1px solid #ddd; margin-bottom: 5px; padding-bottom: 5px; }