/* --- Global Reset --- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
  { margin:0; padding:0; }
table
  { border-collapse:collapse; border-spacing:0; }
fieldset,img
  { border:0; }
address,caption,cite,code,dfn,em,i,strong,th,var
  { font-style:normal; font-weight:normal; }
ol,ul
  { list-style:none; }
caption,th
  { text-align:left; }
h1,h2,h3,h4,h5,h6
  { font-size:100%; font-weight:normal; }
q:before,q:after
  { content:''; }
abbr,acronym
  { border:0; }

/* --- Globals --- */

strong { font-weight:bold; }
.hidden { position:absolute; left:-9999em; }
a { color:#885216; }
a:hover { color:#f27d16; }
a img { border:none; }
.clear { clear:both; }
dl { margin:1em 0; }
p { margin-bottom:10pt; }

body {
  font-family:Arial,Helvetica,sans-serif;
}

/* --- Font Sizes --- */

@media screen {
  body { font-size:14px; }
  body.fontsize-l { font-size:19px; }
  body.fontsize-m { font-size:17px; }
  body.fontsize-s { font-size:14px; }
}

/* --- Layout --- */

html, body { min-height:100%; }

#layout-footer-bg { background:transparent url(footer.jpg)   no-repeat bottom center; }
#layout-header-bg { background:transparent url(kids-header.jpg)   no-repeat top    center; }
#layout-ladder    { background:transparent url(ladder.gif)   repeat-y  bottom center; }
#layout-gradient  { background:transparent url(gradient.gif) no-repeat top    center; }
#layout-border    { background:transparent url(border.gif)   repeat-y  top    center; }
#layout-water     { background:transparent url(water.gif)    repeat-x  bottom center; }
#layout-sky       { background:#80cbff     url(sky.gif)      repeat-x  top    center; }

#layout-header { height:165px; position:relative; z-index:10; }
#layout-inner { width:986px; min-height:600px; }
#layout-footer { height:485px; }

#layout-border { width:986px; margin:0 auto; }

#layout-left   { float:left; width:260px; position:relative; }
#layout-middle { float:left; width:455px; padding:13px 17px 50px 13px; } /* 455+18+13 = 486px */
#layout-middle.wide { width:686px; }
#layout-right  { float:left; width:240px; padding-top:14px; }

#layout-menu { width:276px; height:396px; position:absolute; left:-17px; background:transparent url(menu-top.jpg) no-repeat top left; }
#layout-menu-bottom { width:276px; height:16px; position:absolute; left:-17px; top:380px; background:transparent url(menu-bottom.png) no-repeat top left; }
#layout-menu-pad { height:396px; }

#layout-search { position:absolute; left:703px; top:18px; width:260px; }
#layout-search h4 { font-size:90%; color:#C74A54; font-weight:bold; }

div#search-catalog { height:43px; }
div#search-site { height:40px; }

div#quicklinks_box { position:absolute; top:114px; right:195px;}

/* --- Drop-down Menu --- */

#nav { position:absolute; margin-left:40px; margin-top:118px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#nav li { float:left; position:relative; margin-right:22px; }
#nav li a { text-decoration:none; color:#fffacb; font-weight:bold; }
#nav li a:hover { color:white; }

#nav li ul { display:none; position:absolute; left:0px; top:18px; width: 120px; background-color:#6f4513; margin:0px; padding:5px 10px 5px 10px; z-index:1000; }
#nav li ul li { float:none; margin-right:0; padding-bottom:6px; }

#nav li ul a { font-size:12px; }
#nav li ul a:hover { text-decoration:underline; }

/* --- Header: Search --- */

#layout-header h1 { display:none; }

#search-polaris { position:relative; top:3px; }

#search-polaris input, #search-polaris select { background:#fff; border:solid 1px #8a5b1a; margin:0; padding:0; }
#search-polaris input.term { position:absolute; left:0; top:0px; padding-top:3px; padding-left:2px; width:142px; color:#000; font-size:11px; font-weight:bold; background:#fff; }
#search-polaris select { position:absolute; left:147px; top:0px; width:71px; height:18px; font-size:11px; }
#search-polaris button { position:absolute; left:222px; top:-3px; }
#cse-search-box {position:relative; top:-58px;}
#cse-search-box input { border:solid 1px #8a5b1a; position:absolute; left:0px; top:60px; width:216px; height:16px; padding:1px 0px 0px 2px; font-size:11px; font-weight:bold; }
#cse-search-box button { position:absolute; left:222px; top:56px; }

/* --- Header: How do I? --- */

#quicklinks_box label { position:absolute; left:8px; top:84px; width:81px; height:22px; text-indent:-10000px; }
#quicklinks_box select { position:absolute; left:0px; top:0px; width:160px; height:20px; font-size:11px; }

/* --- Header: Coconuts! :-) --- */

button.coconut { background:transparent url(coconuts.gif) no-repeat 0px -27px; width:36px; height:26px; border:0; margin:0; padding:0; text-indent:-10000px; }
button:hover.coconut, button.coconut.hover { background-position:0px 0px; }

/* --- Footer --- */

#layout-footer { font-size: 14px; }

#footer_top { color:white; font-size:93%; padding-left:35px; padding-top:145px; height:140px; }
#footer_top a { color: #41cfc7; font-weight:bold; text-decoration:none; }
#footer_top a:hover { text-decoration:underline; }
#footer_top ul { float:left; width:250px; }
#footer_top ul.contacts { margin-left:200px; }
#footer_top li { margin-bottom:8px; }
#footer_top li strong { margin-right:6px; }

#footer_bottom { clear:both; }
#footer_bottom a, #footer_bottom h3 { font-weight:bold; color:#636261; font-size:11px; }
#footer_bottom h3 { clear:both; float:left; padding-left:36px; width:105px; margin:0; font-weight:bold; }
#footer_bottom li { float:left; }

#footer_partners { clear:both; margin-top:20px; overflow: hidden; height:120px; }
#footer_partners h3 { padding-top:12px; }
#footer_partners li { border-right:solid 1px #aea9a6; margin-right:20px; padding-right:20px; }
#footer_partners li.last { border:0; }
#footer_partners li a { text-decoration:none; display:block; }
#footer_partners li a:hover { text-decoration:underline; }
#footer_partners li a img { padding-bottom:6px; display:block; text-decoration:none; }

#footer_consultants { clear:both; height:50px; }

/* --- Menu --- */

#layout-left div.kids-menu { padding:50px 0px 0px 24px; }

/*pre-summer2011 menu edit -
#layout-left div.kids-menu li a {
  display:block; width:190px; height:36px;
  padding-left:45px;  padding-top:8px;
  font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-decoration:none;
  color:#fffbcc;
}
*/

#layout-left div.kids-menu li a {
  display:block; width:190px; height:34px;
  padding-left:40px;  padding-top:8px;
  font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none;
  color:#fffbcc;
}

#layout-left div.kids-menu li a:hover { color:#ffb54c; }
#layout-left div.kids-menu li a.expanded { color:#ffed00; text-decoration:underline; cursor:default; }

/* --- Polly Parrot! :-) --- */

#parrot { position:absolute; left:193px; top:117px; width:46px; height:52px; background:transparent url(polly.gif) no-repeat top left; cursor:pointer; }
#parrot.squawking { background-position:0px -52px; cursor:default; }

/* --- Breadcrumbs --- */

#breadcrumbs {
  font-size:85%;
  color:#398780;
  margin:0px;
  position:absolute;
  font-size:12px;
  top:152px;
  z-index: 1;
}

#breadcrumbs a{
  color:#47c3b8;
}

/* --- Page tools (print, share, subscribe, etc) --- */

#page_tools { position:relative; width:171px; height:34px; display:block; background:transparent url(tools.gif) no-repeat top left; }
#page_tools li { display:block; position:absolute; height:21px; width:24px; top:7px; overflow:hidden; }
#page_tools a { display:block; width:auto; overflow:hidden; }
#page_tools a span { display:block; text-indent:-10000px; }
li#page_tools_print  { left:10px; }
li#page_tools_mobile { left:44px; }
li#page_tools_rss    { left:77px; }
li#page_tools_font_l { width:15px; left:118px; }
li#page_tools_font_m { width:14px; left:133px; }
li#page_tools_font_s { width:10px; left:147px; }

#layout-middle #page_tools { float:right; } 
#layout-right #page_tools { margin-bottom:10px; }

/* --- Monkey --- */

/*
#monkey { position:relative; width:1px; height:1px; }
#monkey span { display:block; position:absolute; left:-31px; top:178px; background:transparent url(monkey.gif) no-repeat top left; width:503px; height:72px; }
*/

/* --- Spotlight (slides) --- */

#spotlight-wrap {
  width:455px;
  height:350px;
  position:relative;
}

#spotlight {
  background:transparent url(spotlight.png) no-repeat left top;
  left:-32px;
  width:504px;
  height:350px;
  position:absolute;
  display:none;
}

#spotlight ul {
  position:absolute;
  left:123px; top:77px;
  padding:0; margin:0;
}

#spotlight li {
  width:356px; height:267px;
  overflow:hidden;
  display:none;
  position:absolute; left:0px; top:0px;
}

#spotlight-nav {
  position:absolute; left:24px; top:77px;
  width:74px; height:251px; overflow:hidden;
  padding:8px 10px;
  color: #b6b3ac;
}

#spotlight-nav .btn { display:block; float:left; height:15px; background-image:url(spotlight-nav.gif); }
#spotlight-nav .prev { width:13px; background-position:0px 0px; }
#spotlight-nav .pause { width:19px; background-position:-13px 0px; }
#spotlight-nav .play { width:19px; background-position:-13px -15px; cursor:pointer; }
#spotlight-nav .next { width:13px; background-position:-32px 0px; }

#spotlight-num { display:block; float:left; width:26px; text-align:right; color: #fefaf0; font-size:12px; }
#spotlight-text { padding-top:10px; overflow:hidden; clear:both; }
#spotlight-text a { display:block; padding-top:10px; color:#fefaf0; text-decoration:none; font-size:13px; }
#spotlight-text a:hover { font-weight:bold; }

/* --- Box Wrap --- */

#layout-right div.box { position:relative; background:transparent url(box-right-top.png) no-repeat top left; margin-bottom:10px; }
#layout-right div.box div { display:block; width:auto; padding:6px 18px 2px 18px; background:transparent url(box-right-bottom.png) no-repeat bottom left; }
#layout-right div.box div div { padding:0; background:transparent; }
#layout-right div.box h1 {
  background:transparent url(box-gradient.png) repeat-x top left;
  border-bottom:solid 1px #f9e67a;
  padding: 8px 18px 8px 13px;
  font-size:17px; font-weight:bold;
  color:#0c9a78;
  margin:0px -6px 10px -12px;
}
#layout-right div.box h1 a { text-decoration:none; }

#layout-left div.box { position:relative; background:transparent url(box-left-top.png) no-repeat top left; margin-bottom:10px; }
#layout-left div.box div { display:block; width:auto; padding:6px 18px 2px 18px; background:transparent url(box-left-bottom.png) no-repeat bottom left; }
#layout-left div.box div div { padding:0; background:transparent; }

/* --- Box Content --- */

div.box { font-size:95%; }
div.box input { border: solid 1px #aaa59a; background:#f2eee3 url(input-bg.png) repeat-x top left; }

div.box a { text-decoration:none; font-weight:bold; }
div.box a.active { font-weight:bold; }

div.box div.common ul { list-style-type:disc; padding:0px 0px 16px 12px; margin:0px; }
div.box div.common ul li { margin:0; padding:0; }

div.box ul { margin-bottom:10pt; list-style-type:disc; color:#0c9a78; }
div.box ul li { margin-left:10px; }
div.box ul li a { font-weight:normal; }
div.box ul ul { list-style-type:square; margin-left:4px; }

div.box em { font-style:italic; }
div.box strong { font-weight:bold; }

/* --- Center Column Menus --- */

#layout-middle div.menu h5 { margin-bottom:5px; }
#layout-middle div.menu ul { list-style-type:circle; font-size:100%; margin-left:11pt; }
#layout-middle div.menu ul li { padding-left:2pt; }
#layout-middle div.menu ul a, #layout-middle ul.submenu a { font-size: 16px; font-weight:bold; text-decoration:none; }

/* --- Alterations to common typographies --- */

.common h1, .common h2, .common h3, .common h4, .common h5, .common h6 { font-family:Trebuchet MS, Helvetica, sans-serif; font-weight:bold; }
.common h1 small { display:block; font-size:60%; }

.common code, .common pre, .common samp { border-color:#5c3d11; }

.common li { padding-bottom:.2em; }

@media screen {
  .common h1, .common h2, .common h3, .common h4, .common h5, .common h6 { color:#0c9a78; }
  .common blockquote, .common cite { background-color:#fffec4; }
}

/* --- Print CSS --- */

@media print {
  body { font-size:9pt; } 
  #layout-header, #layout-left, #page_tools, #layout-footer, #breadcrumbs, #layout-right, .hidden { display:none !important; }
  #layout-sky, #layout-water, #layout-border, #layout-gradient, #layout-ladder, #layout-header-bg, #layout-footer-bg, div.box, div.box *
    { background:transparent !important; border:none !important; }
  #layout-inner, #layout-middle, #layout-border { width:auto; }
}

/* --- Footnote --- */

small#footnote { display:block; font-size:11px; color:#636261; text-align:center; padding-top:20px; }

/* --- Photos --- */

div.photos { text-align:center; }
div.photos img { border:solid 1px black; margin:10px; }

/* --- Portal Image --- */

img.portal { border:solid 4px white; margin-right:15px; margin-bottom:15px; }


/* Header: Info hover */

/* General look and behavior */

a.info-icon {
  position:relative;
  z-index:2000;
  display:inline-block;
  height:14px;
  width:14px;
  background:url(information-icon.png) no-repeat left top;
  text-decoration:none;
}

a.info-icon:hover {
  cursor:pointer;
}

a.info-icon:hover span.info-bubble {
  display:block;
}

span.info-bubble {
  display:none;
  position:absolute;
  z-index:2000;
  background:#2a75b4;
  border-radius: 4px;
 	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
 	color:#fff;
 	padding:10px;
}

/* specific placement */

a#search-info {
  top:3px;
  z-index:2001;
}

a#search-website {
  top:3px;
}

span#search-bubble-catalog {
  top:12px;
  left:-80px;
  width:165px;
  z-index:2001;
}

span#search-bubble-website {
    left: -185px;
    top: -22px;
    width: 165px;
}

/*a#mobile-toggle {
  height:22px;
  background:url(mobile.png) no-repeat 0px -1px;
  display:block;
  position:absolute;
  z-index:100;
  padding-left:22px;
  text-decoration:none;
  color: #FFFBCC;
  top:23px;
  left:8px;
}

a#mobile-toggle:hover {
  color:#FFB54C;
}
*/

a#mobile-toggle {
  height:22px;
  background:url(mobile.png) no-repeat 0px -1px;
  display:block;
  position:absolute;
  z-index:100;
  padding-left:22px;
  text-decoration:none;
  top:-6px;
  left:18px;
  font-size:85%;
  color:#885216;
}

a#mobile-toggle:hover {
  color:#348179;
}