/* --- 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,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; }

/* --- Global Styles --- */

strong { font-weight:bold; }
.hidden { position:absolute; left:-9999em; }
a { color:#1a7770; }
a:hover { text-decoration:underline; }
a img { border:none; }
.clear { clear:both; }
dl { margin:1em 0; }
ul { list-style-type: disc; margin-left: 18px; padding-left:0px; }
p { margin-bottom:10pt; }

/* --- Layout --- */

body {
  background:#2a75b4 url(/images/bg_top.png) repeat-x left top;
  margin:0px auto;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  color:#585753;
}

#body_wrap {
  background:url(/images/bg_bottom.png) repeat-x left bottom;
}

#container{
	width:992px;
	margin:0px auto;
	background:transparent url(/images/bg_body.png) repeat-y center top;
	overflow:hidden;
	position:relative;
	background-image: url(/images/bg_body.png);
}

#container_inner{
  background:url(/images/bg_header.png) no-repeat center top;
}

#container_inner2{
  background:url(/images/bg_footer.png) no-repeat center bottom;
}

#content {
  min-height:800px;
}

#left_col {
  float:left;
  width:245px;
  padding-top:10px;
  padding-right:16px;
}

#center_col {
  margin-top:10px;
  width:468px;
  padding-left:2px;
  float:left;
  display:inline;
  padding-right:18px;
}

#center_col.wide {
  width:690px;
}

img.portal {
  margin-bottom:18px;
}

#right_col {
  float:left;
  margin-right:5px;
  width:228px;
  margin-top:10px;
}

/* --- Footer --- */

#footer {
  font-size: 14px;
}

#footer ul,
#footer li {
  list-style:none;
  margin:0;
  padding:0;
}

#footer #footer_top ul {
  float:left;
  margin-right:200px;
  width:250px;
}

#footer #footer_top li {
  margin-bottom:8px;
}

#footer #footer_top li strong {
  margin-right:6px;
}

#footer #footer_top #footer_list_right {
    margin-right:0;
}

#footer #footer_bottom {
  clear:both;
}

#footer #footer_bottom li {
  float:left;
}

#footer_partners {
  clear:both;
  margin-top:20px;
  overflow: hidden;
}

#footer_partners li { border-right:solid 1px #aea9a6; margin-right:20px; padding-right:20px; }
#footer_partners li a img { padding-bottom:6px; display:block; text-decoration:none; }
#footer_partners li a { text-decoration:none; color:#636261; font-size:11px; display:block; }
#footer_partners li a:hover { text-decoration:underline; }
#footer_partners li.last { border:0; }

#footer #footer_bottom #footer_consultants {
  clear:both;
  margin-top:20px;
}
#footer #footer_bottom h3 {
  clear:both;
  float:left;
  padding-left:36px;
  width:105px;
  margin:0;
  font-size:110%;
  font-weight:bold;
}

#footer #footer_top {
  color:#eaeaea;
  font-size:85%;
  padding-left:35px;
  padding-top:25px;
  height:140px;
  position:relative;
}

#footer {
  clear:both;
  height:350px;
  margin-top:35px;
}

#footer_top a { color: #41cfc7; font-weight:bold; text-decoration:none; }
#footer_top a:hover { text-decoration:underline; }

span.copyright {
font-size:80%;
}


/* --- Header --- */

#header {
  position:relative;
  z-index:1000;
  top:0;
  left:0;
  width:100%;
  height:140px;
  margin-bottom:20px;
  font-size: 12px;
}

#header h1 {
  position:absolute;
  left:20px;
  top:10px;
  width:450px;
  height:65px;
  overflow:hidden;
}

#header h1 span {
  position:absolute;
  left:-9999em;
}

#header h1 a {
  width:450px;
  height:65px;
  display:block;
}

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

#search {
  position:absolute;
  right:26px;
  top:20px;
  width:280px;
}

#search h4 { font-size:90%;color:#C74A54; font-weight:bold; }

#search form { margin:0; padding:0; }

#search form input,
#search form select {
  border: solid 1px #a9a398;
  /*background: #f1ede2 url(../images/search-input-bg.png) repeat-x top left;*/
  background:#fff;
  padding:0; margin:0;
  -moz-border-radius: 2px;
}

div#search-catalog { height:43px; }
form#powerpac {position:relative; top:2px;}
#powerpac input { position:absolute; left:0; top:0; width:170px; color:#c74a54; }
#powerpac select { position:absolute; left:181px; top:0; width:69px; }
#powerpac button { position:absolute; left:255px; top:0; width:25px; background:transparent url(../images/btn_go_green.png) no-repeat top left; }

/* See new styles below for
csediv#search-site { height:40px; }
#cse-search-box {position:relative; top:2px;}
#cse-search-box input { position:absolute; left:0; top:0; width:244px; }
#cse-search-box button { position:absolute; left:255px; top:0; width:25px; background:transparent url(../images/btn_go_red.png) no-repeat top left; }
*/

#search form button { text-indent:-10000px; border:0; padding:0; margin:0; cursor:arrow; cursor:pointer; height:19px; }
#search form input { height:17px; padding-left:2px; padding-right:2px; color:#000; }
#search form select { height:19px; font-size:11px; }

/* Header: Info hover */

/* General look and behavior */

a.info-icon {
  position:relative;
  z-index:2000;
  display:inline-block;
  height:14px;
  width:14px;
  background:url(../images/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;
}


/* --- Header: Quicklinks --- */

#header #quicklinks_box {
  position:absolute;
  right:68px;
  top:116px;
}

#header #quicklinks_box label {
  visibility:hidden;
}

#header #quicklinks_box select {
  border:1px solid #20605c;
  border-radius:2px;
  -moz-border-radius:2px;
  vertical-align:middle;
  width:160px;
  padding-left:5px;
  font-size:13px;
}

/* --- Breadcrumbs --- */

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

#breadcrumbs a {
  color:#47c3b8;
}

#breadcrumbs a span { display:none; }

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

#header div.menu,
#header div.menu ul,
#header div.menu ul li {
  margin:0;
  padding:0;
  list-style:none;
}

#header div.menu {
  position:absolute;
  margin-left:40px;
  margin-top:118px;
}

#header div.menu ul li {
  float:left;
  position:relative;
  margin-right:24px;
}

#header div.menu ul li a {
  text-decoration:none;
  color:white;
  font-weight:bold;
}

#header div.menu ul li a:hover {
  color:#26ffde;
}

#header div.menu ul li ul {
  display:none;
  position:absolute; left:0px; top:20px;
  width: 140px;
  background:#44aaa0 url(/images/top-menu-bg.png) repeat-x left top;
  margin:0px;
  padding:5px 10px 5px 10px;
  z-index:1000;
}

#header div.menu ul li ul a { font-size:12px; font-weight:normal; }

#header div.menu ul li ul li {
  float:none;
  margin:0px;
  padding-bottom:.5em;
}

#header div.menu ul li.hide-children ul { visibility:hidden; }

/* --- Main Menu --- */

#left_col .menu ul,
#left_col .menu li {
  list-style:none;
  margin:0;
  padding:0;
}

#left_col .menu {
  padding-top:26px;
  background:url(/images/menu_top.png) no-repeat top left;
  width: 245px;
}

#left_col .menu-inner {
  padding-bottom: 26px;
  background: url(/images/menu_bottom.png) no-repeat bottom left;
}

#left_col .menu-inner2 {
  background:url(/images/menu_shadow.png) repeat-y top left;
  overflow:hidden;
}

#left_col .menu ul {
  background:url(/images/menu_top_shadow.png) no-repeat top left;
}

#left_col .menu ul ul.submenu {
  background:transparent;
  padding-top:8px;
}

#left_col .menu ul li {
  margin-left:5px;
  padding-left:12px;
  border-bottom:1px solid white;
  padding-top:12px;
  padding-bottom:12px;
  overflow:hidden;
}

#left_col .menu ul li li {
  border-bottom: 0;
  padding-bottom: 5px;
  padding-top: 5px;
}

#left_col .menu li a {
  text-decoration:none;
  color:#ca535c;
  font-weight:bold;
  font-size:144%;
}

#left_col .menu li a:hover {
  text-decoration:underline;
}

#left_col .menu ul.submenu ul.submenu ul.submenu {
  font-size: 100%;
}

#left_col .menu li a span {
  padding-right:16px;
  background:url(/images/menu_tri_red.png) no-repeat center right;
}

#left_col .menu li a span.active,
#left_col .menu li a span.expanded {
  background-image:url(/images/menu_tri_red_expand.png);
}

#left_col .menu ul.submenu {
  font-size: 80%;
}

#left_col .menu ul.submenu ul.submenu {
  font-size: 90%;
}

#left_col .menu ul.submenu-1 { list-style-position:outside; }
#left_col .menu ul.submenu-1 li { margin-left:14px; padding-left:0px; }
#left_col .menu ul.submenu-1 li a { color: #84686a; }
#left_col .menu ul.submenu-1 li a.active, #left_col .menu ul.submenu-1 li a.expanded { color:#188178; }
#left_col .menu ul.submenu-1 li.active, #left_col .menu ul.submenu-1 li.expanded { color:#188178; }

#left_col .menu ul.active {
  position:static;
  left:0;
}

#left_col .menu li.active a.active, #left_col .menu li.expanded a.expanded {
  color:#1a7972;
}

#left_col .menu li.active a.active:hover {
  text-decoration:none;
  cursor:default;
}

#left_col .menu li.hide-children ul { display:none; }

#left_col .menu li.hide-children a span,
#left_col .menu li.hide-children a span.active,
#left_col .menu li.hide-children a span.expanded { background:transparent; padding:0; }

#left_col div.main-menu li.kids,
#left_col div.main-menu li.teens { padding:0; }
#left_col div.main-menu a.kids { background:transparent url(/images/menu_kids.png) no-repeat top left; }
#left_col div.main-menu a.teens { background:transparent url(/images/menu_teens.png) no-repeat top left; }
#left_col div.main-menu a.kids,
#left_col div.main-menu a.teens { display:block; width:224px; height:44px; text-indent:-10000px; }

/* --- Polls --- */

#left_col #poll {
  position:relative;
  background:#55589e;
  /* ---  border:6px solid #bbbde5; --- */
  border-left:none;
  margin-left:17px;
  width:222px;
  height: 75px;
  margin-top:8px;
}

#left_col #poll div.TR {
  position:absolute;
  top:-6px;
  right:-6px;
  width:8px;
  height:6px;
  background:url(/images/corners.png) no-repeat 0 -60px;
}

#left_col #poll div.BR {
  position:absolute;
  bottom:-6px;
  right:-6px;
  /* --- width:8px;
	height:8px; --- */
  width:7px;
  height:8px;
  background:url(/images/corners.png) no-repeat 0 -70px;
}

#poll dt, #poll dd a {
  color:#fefaf0;
}

#poll dt {
  float:left;
  font-size:108%;
  font-weight:bold;
  margin-left:10px;
  line-height:1;
}

#poll dd {
  margin-left:60px;
}

#poll dd a {
  font-size:85%;
  text-decoration:none;
  font-family:"Lucida Sans", "Bitstream";
  line-height:1.4em;
  padding-right:10px;
  font-weight:bold;
}



/* --- Right Column Modules --- */

#right_col div.module {
  border-style:solid;
  border-width:6px 0px 6px 7px;
  position:relative;
  margin-top:8px;
}

#right_col div.module div.TL{
  position:absolute;
  top:-6px;
  left:-7px;
  width:10px;
  height:9px;
  background-image:url(/images/corners.png);
  background-repeat:no-repeat;
}

#right_col div.module div.BL{
  position:absolute;
  bottom:-6px;
  left:-7px;
  width:10px;
  height:9px;
  background-image:url(/images/corners.png);
  background-repeat: no-repeat;
}

*html #left_col #poll div.TR,
*html #left_col #poll div.BR,
*html #right_col div.module div.TL,
*html #right_col div.module div.BL{
    display:none;
}

#right_col div.module h1,
#right_col div.module h2 {
  padding:10px;
  font-size:120%;
  margin:0;
}

#right_col div.module h2 {
  font-weight:bold;
}

#right_col div.module_content {
  padding:10px 10px 0px 10px;
}

#right_col div.module div.menu a span { display:none; }

/* --- Hours --- */

#hours {
  color:#188178;
  border-color:#98ded3;
}

#hours h2 {
  color:#fefaf0;
  background:#188178;
}

#hours div.TL{
  background-position: 0 -20px;
}

#hours div.BL{
  background-position: 0 -30px;
}

#hours div.module_content {
  font-size:93%;
  padding-bottom:10px;
}

#hours div.module_content p {
  margin-top:0;
}

#hours div.module_content strong {
  margin-right:4px;
}

#hours div.module_content input {
  border:1px solid #a9a398;
  border-radius:2px;
  -moz-border-radius:2px;
  vertical-align:middle;
  background:url(/images/input_gradient.png) repeat-x left top;
  width:155px;
  padding-left:2px;
  height:15px;
  font-size:12px;
  margin-right:2px;
}

#hours div.module_content button {
  width:25px;
  height:19px;
  border:none;
  vertical-align:middle;
  background:url(/images/btn_go_green.png) no-repeat left top;
}

#hours div.module_content button span {
  position:absolute;
  left:-9999em;
}

#hours div.module_content form p {
  margin-bottom:4px;
  margin-top:0;
}

/* --- Events --- */

#right_col #events {
  color:#188178;
  border-color:#f1a37e;
}

#events h2 {
  color:#fefaf0;
  background:#c9754a;
}

#right_col #events div.TL{
  background-position: 0 -40px;
}

#events div.BL{
  background-position: 0 -50px;
}

#events div.module_content {
  font-size:93%;
  line-height:1.3em;
}

#right_col #events li {
  margin-bottom:16px;
}

#events h3 {
  margin:0;
}

#events h3 a {
  font-size:93%;
  color:#c9754a;    
}

#events h4 {
  font-size:93%;
  color:#a49f93;
  margin:0;
}

#events h5{
  font-size:93%;
  color:#a49f93;
  font-style:italic;
  margin:0;
}

#events ul,
#events li {
  list-style:none;
  margin:0;
  padding:0;
}

#events iframe { width:221px; height:270px; }
*html #events iframe { width:221px;}
#right_col a.see_all {
  color:#c9754a;
  text-align:right;
  display:block;
  text-decoration:none;
  font-weight:bold;
}

/* --- "flesh" modules --- */

#right_col div.module.flesh div.TL{
  background-position: 0 -80px;
  left:-3px; top:-3px;
}

#right_col div.module.flesh div.BL {
  background-position: 0 -90px;
  left:-3px; bottom:-3px; height:10px;
}

#right_col div.module.flesh {
  background-color: #f5dac8;
  border-top:solid 3px #e1bfb7;
  border-bottom:solid 3px #e1bfb7;
  border-left:solid 3px #e1bfb7;
}

#right_col div.module.flesh div.module_content { padding-top:0; }
#right_col div.module.flesh h1 { font-size:150%;  }
#right_col div.module.flesh h2 { padding-bottom:0; font-weight:bold; }
#right_col div.module.flesh address { padding-bottom:10px; }
#right_col div.module ul { padding-bottom:10px; }
#right_col div.module ul li a { text-decoration:none; }
#right_col div.module ul li a.active { font-weight:bold; }

/* --- Did You Know? --- */

#did_you_know {
  border-color:#9ac5dd;
}

#did_you_know h2 {
  color:#fefaf0;
  background:#2a75b4 url(/images/did_you_know.png) no-repeat top right;
}

#right_col #did_you_know div.TL{
  background-position: 0 0px;
  height:8px;
}

#right_col #did_you_know div.BL{
  background-position: 0 -10px;
  height:9px;
}

#right_col #did_you_know div.module_content { padding-bottom:10px; }

#right_col #did_you_know div.module_content div {
  float:right;
}

#right_col #did_you_know a.see_all {
  float:none;
  display:block;
}

#right_col #did_you_know p {
  margin-top:0;
  margin-bottom:0;
}

#right_col #did_you_know p img {
  float:right;
}

#right_col #weather_closings {
  margin-top:1px;
  margin-left:8px;
}

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

/* --- mobile togle above side menu -- */
a#mobile-toggle {
  height:22px;
  background:url(/images/mobile.png) no-repeat 0px -2px;
  display:block;
  position:absolute;
  top:147px;
  left:30px;
  padding-left:22px;
  text-decoration:none;
 /* color:#fff;
  top:176px;x
  left:150px;*/
}

a#mobile-toggle:hover {
  color:#000;
  text-decoration:underline;
}

#center_col #page_tools{
  float:right;
} 
#right_col #page_tools{
  margin-left:8px;
}
#page_tools {
  width:161px;
  height:33px;
  margin:0;
  padding:6px 0 0 11px;
  list-style:none;
  background:url(/images/page_tools_bg.png) no-repeat top left
}
#page_tools li {
  float:left;
}
#page_tools li a {
  height:22px;
  width:20px;
  background-image:url(/images/page_tools.png);
  background-repeat:no-repeat;
  display:block;
}
#page_tools a span {
  position:absolute;left:-9999em;
}
#page_tools #page_tools_print a{
 background-position:0 0;
 width:18px;
 margin-right:18px;
}
#page_tools #page_tools_mobile a{
  background-position:-35px 0;
  width:18px;
  margin-right:14px;
}
#page_tools #page_tools_rss a{
  background-position:-67px 0;
  width:22px;
  margin-right:13px;
}
#page_tools #page_tools_font_l a{
  background-position:-102px 0;
  width:15px;
}
#page_tools #page_tools_font_m a{
  background-position:-117px 0;
  width:10px;
  margin-right:3px;
}
#page_tools #page_tools_font_s a{
  background-position:-130px 0;
  width:8px;
}

body.fontsize-l { font-size:19px; }
body.fontsize-m { font-size:16px; }
body.fontsize-s { font-size:12px; }

/* --- Home Blocks --- */

#home_blocks,#home_blocks li, #home_blocks ul {
  list-style:none;margin:0;padding:0;
}
#home_blocks {
  margin-left:-5px;
}
#home_blocks li {
  float:left;
  width:150px;
  padding-top:210px;
  background-image:url(/images/home_blocks.jpg);
  background-repeat:no-repeat;
}
#home_blocks li li {
  float:none;
  padding-top:0px;
  padding-right:10px;
  padding-left:20px;
  background-image:none;
  margin-bottom:5px;
  width:auto;
}
#home_blocks ul {
  background:none;
}
#home_blocks h2 {
  position:absolute;
  left:-9999em;
}
#home_blocks #find_it{
  background-position:0 0;
  margin-right:12px;
}
#home_blocks #find_community{
  background-position:-162px 0;
  margin-right:10px;
}
#home_blocks #find_home{
  background-position:-324px 0;
}
#home_blocks li li a {
  color:#0cab6a;
  text-decoration:none;
}
#home_blocks li li a:hover {
  text-decoration:underline;
}

/* --- Call-outs --- */

#center_col div.callout {
  background:#f1ebdd;
  padding:0px 5px 5px 5px;
}

#center_col div.callout h2 {
  color:#ca535c;
  font-size:139%;
  padding:10px 15px;
  margin:0 -5px 10pt -5px;
  border-bottom:2px solid #e1bfb7;
}

#center_col div.callout li img {
  vertical-align:middle;
}

#center_col div.callout li {
  margin-bottom:15px;
}

/* --- Misc. --- */

#center_col label {
  color:#1a7770;
  font-size:108%;
}

#center_col form dd {
  margin-left:0;
}

#center_col select {
  width:100%;
}

#center_col ul li a { text-decoration:none; }
#center_col ul li a:hover { text-decoration:underline; }

#center_col #alphabetical_list_link {
  text-decoration:none;
  color:#1a7770;
  padding-right:28px;
  background:url(/images/arrow_right_green.png) no-repeat center right;
  font-size:108%;
}

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

#spotlight {
  width:468px;
  height:315px;
  background:url(/images/spotlight_bg.png) no-repeat left top;
  margin-bottom:10px;
  position:relative;
  display:none;
}

#spotlight ul {
  position:absolute;
  left:104px; top:42px;
  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:6px; top:42px;
  width:74px; height:251px; overflow:hidden;
  padding:8px 10px;
  color: #b6b3ac;
}

#spotlight-nav .btn { display:block; float:left; height:15px; background-image:url(/images/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; }

/* --- Footnote --- */

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