/* --------------------------------------------------------------
TT Elements basic style sheet -- addresses all styles that affect actual HTML tags
Assumes use of Eric Meyer's "reset.css" as well as use of layout.css to define all names/classed divs etc.
Starts from blueprint.css's "typography.css" 


color:#eddebd;  (xx former body background)
color:#FFCC66;  (xx former footer background)
color:#f8d59b;	body background - Amy changed to white #FFFFFF
color:#fff6e7;	header background
color:#ccdae5;  sidebar background
color:#FFd284;	beige - H1, rel topics bullets; select topic/category buttons
color:#860037;  maroon - H2; sidebar
color:#2F563B;  green - darker green (choose location text)
color:#6C8C7F;  green - lighter green (bullets)
color:#E6F5E2	green - lightest, backgound of box
color:#104275;  blue - of box with white arrow, used for clickable lists
color:#3164A8;  blue - for <a>'s in main text (a darker/grayer variation of the blue of the letter A in the logo)
color:#356BB5;  blue - for <a:hover/visited> (the blue of the letter A in the logo)
color:#003366;  blue - dark blue of menu bar
color:#BED0DE;	blue - light: of bullet on ordinary lists in flow of text

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px (0.75 * 16px = 12px; .87.5 * 16px = 14px) */
html {
	font-size:100.01%;
}
/* the .01 adds enough to fix Safari bug that renders text too small while something else screws up if it's at 101% */
body {
	font-family: "opt/17pt Georgia", "Times New Roman", Times, serif; /* used to be Georgia, "Times New Roman", Times, serif */
	color: #333;
	line-height:1.5;
}
/* Text elements
-------------------------------------------------------------- */

p { /* changed to match what is called .pagetext on the mspp main site */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px; /* 9.5pt; */
	/*	line-height: 16pt; */
	margin: 0px 0px 6px; /* margin: 0 0 1em; */
	padding: 0px 0px 6px;
}
p img.left, img.left {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}
p img.right, img.right {
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}
.dash {
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	margin-top: 12px;
	padding-top: 12px;
	border-top-color: #003399;
}
p.initQuot:before
 {
	content:"\201C";
	font-size:3em;
position:relative;
top:.4em;
vertical-align:baseline;
	line-height:0;
	color:#A4BEE4;
}
p.initQuot {
	padding-left:1.2em;
	text-indent:-1.3em;
}

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	color: #111; /*a very dark gray*/
	font-family: "Trebuchet MS";
	font-weight: normal;
	margin-bottom:0;
	line-height:normal;
}
h1 { /* changed to match mspp h1.pagetitle */
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	font-weight: bold;
	white-space: normal;
	color: #0048B2;
	margin: 9px 0px 9px;
	padding: 0px 0px 9px;
	font-size: 16pt;  /* was 12pt */
	line-height: 14pt;
}
/* h1 {
	font-size: 1.6em;
	margin-top:1em;
	margin-bottom:1.5em;
	padding-left:30px; for hanging bullet
	background-image:url(../images/bullet-sq-lg-beige.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	text-transform:uppercase;
	letter-spacing:4px;
}
*/


.home h1 {
/*	font-weight:bold;*/
}
h1 span {
	text-transform:none;
	letter-spacing:1px;
}
h1 span.sub {
	font-size:.75em;
	font-style:italic;
	font-weight:normal;
}
h1 span.mspp a {
	/*	font-weight:bold;*/
	color:black;
	font-size:.9em;
	font-style:italic;
	letter-spacing:normal;
}
h2 { /* updated to match mspp h2.pagesubtitle, some inconsistencies on town pages, some headers are h2, some are h3, need to check */
	font-family: "Trebuchet MS";
	font-size: 14pt; /* was 10.5pt */
	text-transform: none;
	font-weight: bold;
	line-height:1.5; /* 18pt; */
	color: #0048b2;
	margin: 0px 0px 4px;
	padding: 0px 0px 4px;
}
h3 {
	font-family: "Trebuchet MS";
	font-size: 15px; /* was 10.5pt */
	text-transform: none;
	font-weight: bold;
	line-height:1.5; /* 13pt; */
	color: #0048b2;
	margin: 0px 0px 4px;
	padding: 0px 0px 4px;
}
/*
h2 {
	font-size: 1.35em;
	font-weight:bold;
	color: #860037;
	margin-top:.75em;
	margin-bottom:.25em;
} */

h3 {
	/*	Making this mostly the same as h2 now
	font-size: 1.3em;
	font-weight:bold;
	color:black;
	margin-top:.75em;
	margin-bottom:.5em; */
	clear: both; /* added for showTopics.inc.php */
}
h4 {
	font-size: 1em;
	font-weight:bold;
	margin-top:.75em;
	margin-bottom:.25em;
}
/*
h5 {
	font-size: 1em;
	font-weight: bold; 
}
h6 {
	font-size: 1em;
	font-weight: bold;
}*/
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
.pagetitle {
	color: #0048B2;
	margin: 0px 0px 9px;
	padding: 0px 0px 9px;
	font-size: 16px;
	line-height: 14pt;
}
.pagesubtitle {
	color: #0048B2;
	font-size: 10.5pt;
	line-height: 16px;
	font-weight: bold;
	margin: 0px 0px 4px;
	padding: 0px 0px 4px;
}
.pagesubtitle a:hover {
	color:#F4C942;
}
.pagesubtitle a {
	text-decoration: none;
	color: #0048b2;
}
/* LINK STYLES (see also li>a's and sidebar a's)
----------------------------------------------------------------------------------------------*/
a {
	text-decoration: none;
	color: #0048b2; /* changed to match mspp pagetext a */
	text-decoration: underline; /* changed to match mspp pagetext a *//* color:#3164A8; original was a darker/grayer variation of the blue of the letter A in the logo*/
}
/*
a:visited, a:focus, a:hover {
	color:#356BB5;  a lighter blue for links on hover and visited, the blue of the letter A in the logo
	text-decoration:none;
}
Removed because mspp does not style visited or focus
*/

a:hover {
	color:#F4C942; /* changed to match mspp pagetext a:hover *//* text-decoration:underline; removed to match mspp pagetext a:hover */
}
/*add icons following links to certain common file types*/
a[href$='.doc'], a[href$='.docx'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_doc.gif) no-repeat center right;
}
a[href$='.pdf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_pdf.gif) no-repeat center right;
}
a[href$='.pps'], a[href$='.ppt'], a[href$='.pptx'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_pps.gif) no-repeat center right;
}
/* Lists
-------------------------------------------------------------- */

div#contentInner.withSidebar ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px; /* 9.5pt; */
	line-height:1.5; /* 16pt; */
	/*	margin: 0px 0px 0px; 
	padding: 0px 0px 0px; */
	list-style-type:disc;
	list-style-position:outside;
	list-style-image:none;
	background-image:none;
	margin-left: 25px;
}

/*Moved styles from layout.css - too many overlapping declarations; better to keep together*/

/* showTopics styles
 ------------------------------------------------------------------------- */
/* List of related topics, if any, that appear on Topic pages.  Plus call-out box for Support Groups link on PPD topic page */
#relTopicsDiv,
.groups {
    width:170px;
    float:right;
    font-family:Arial, Helvetica, sans-serif;
    font-size:.9em;
    /*	margin-top:-40px; Had to remove this because long h1 headers, like ADHD were covering the related topics box, pushes the box down below the h1 header */
    margin-right:0; /* -35px; */
    margin-left:10px;
    background-color:#FFF5CD;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-top:5px;
    border:2px #0048B2 solid;
}
.groups {
    float:left;
    margin-right:10px;
    margin-left:0;
    padding-right:3px;
}
#relTopicsDiv h2,
.groups h2 {
    letter-spacing:3px;
    margin-bottom:.6em;
    font-family: "Trebuchet MS";
    font-size: 15px;
    font-weight: bold;
    line-height: 16px;
    color: #0048b2;
    margin: 0px 0px 4px;
    padding: 0px 0px 4px;
}

#relTopicsDiv li {
    background-image:url(../images/bullet-sq8-beige.gif);
    background-position:left 4px;
    background-repeat:no-repeat;
    padding-left:15px;
    margin-left:0;
}

div#relTopicsDiv ul.linksList li,
div#relTopicsDiv p,
.groups p {
	font-family: "Trebuchet MS";
	font-size: 11px;
	list-style-type:disc;
	list-style-position:outside;
	list-style-image:none;
	background-image:none;
	margin:0;
	padding:0;
}

div#relTopicsDiv ul.linksList {
	margin-left:12px;
}

ul, ol { /*no, don't indent by default...*/
/*margin-left:1em;*/
	
}
ul {
	list-style-type:none;
}
ol {
	list-style-type: decimal;
}
ol.footnotes {
	margin-left:1.5em;
	list-style-type: decimal!important;/*need to override ol, ul {list-style:none;} in reset.css*/ 
}

li {    /*for custom bullet, use a background image instead of list-style-img so can adjust height of image */
	list-style-type:none;
	background-image:url(../images/bullet-sq8-lite-blue.gif); /* default bullet, blue square; see style for li.listItem a -- for list items that are entirely a link  -- below */
	background-repeat:no-repeat;
	background-position:left 6px;
	padding-left:15px;
	margin-bottom:.5em;
}
li li, ul.lite li {
	background-image:url(../images/bullet-arrowNew-blue.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
	padding-left:12px;
	margin-bottom:.5em;
}
li ul, li ol {
	margin: 0;
	padding:.5em 0 0; /* need to add margin on TOP of sublist, else less space between first sub item and upper item than between first and second sub items...*/
}
dl {
	margin: 0 0 1.5em 0;
}
dl dt {
	font-weight: bold;
}
dd {
	margin-left: 1.5em;
}
div#contentInner.withSidebar ul.advisory li {
	margin-bottom:16px;
}
div#contentInner.withSidebar ul.advisory li.adviserPhoto {
	height:100px;
	margin-left:0px;
	margin-bottom:16px;
	list-style-type:none;
	list-style-image:none;
}
ul.advisory li img {
	float:left;
	padding-right:16px;
}
/* lists of links 
when have lists make up entirely of links, add class "linksList" to the ul and change the <li> bullet and the <a> text black 
------------------------------------------------------*/

/*ul.linksList li a { 
	color:black;
}*/
ul.linksList li, ul.linksListMixed li {
	list-style-type:none;
	background-image:url(../images/bullet-arrow-sq-blue.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding-left:15px;
}
ul.linksList a {
	color:#0048B2; /* #333; was black ie same as regular body text), amy switched to blue (*/
	text-decoration:none;
}
ul.linksList a:hover {
	color:#FFCC00; /* links lists are not longer underline, so change to yellow when hovered over */
}
hr {
	clear:both;
}
/*sitewide styles
--------------------------------------------*/

.byline {
	font-style:italic;
}
.sources {
	font-style:italic;
	margin-top:1em;
}
.details {
	margin-bottom:0;
}
.profile {
	margin-top:.5em;
}
.alert { /*used for "new!" type spans*/
	font-weight:bold;
	color:black;
}
/*BREADCRUMB STYLES
------------------------------------------------------*/
#breadcrumb li {
	background-image: none;
	float: left;
	font-family: "Trebuchet MS";
	font-size: 11px;
	text-transform:none;
	font-weight: normal;
	line-height: 9pt;
	color: #FFCC00;
	padding: 0px 1px;
	margin: 0px 1px; /* padding: 0px 6px; margin: 0px 6px; */
}
div#contentInner.withSidebar div#breadcrumbDiv ul#breadcrumb li {
	background-image: none;
	float: left;
	font-family: "Trebuchet MS";
	font-size: 11px;
	text-transform:none;
	font-weight: normal;
	line-height: 9pt;
	color: #FFCC00;
	padding: 0px 0px; /* 0px 6px */
	margin: 0px 2px; /* 0px 6px */
	list-style-type:none;
}
#breadcrumb a:hover {
	color:#F4C942;
}
#breadcrumb a {
	text-decoration: none;
	color: #FFFFFF;
}
 #breadcrumb > li ~ li:before {
 content:" > ";
 color:#FC0;
}
div#breadcrumbDiv ul#breadcrumb li.firstcrumb:before {
	content:"You Are Here > ";
}
/* Suppresses breadcrumb on home page */
body.home div#wrapper div#breadcrumbDiv ul li.firstcrumb a, body.home div#wrapper div#breadcrumbDiv ul li.lastcrumb {
	display:none;
}
body.home div#wrapper div#breadcrumbDiv ul#breadcrumb li a {
	display:none;
}
 body.home div#wrapper div#breadcrumbDiv ul#breadcrumb > li ~ li:before {
 display:none;
}
/* Replaces breadcrumb text on home page */
body.home div#wrapper div#breadcrumbDiv ul li.firstcrumb:before {
	content:"Formerly known as Project INTERFACE ";
    color:#FFFFFF;
	font-size:9.5pt;
}
body.home div#wrapper div#breadcrumbDiv ul li.firstcrumb:after {
	content:"Meeting the Need...Making a Difference";
	font-style:italic;
	padding-left:405px;
	padding-right:0px;
	margin-right:0px;
	font-size:9.5pt;
}
div#breadcrumbDiv ul#breadcrumb li.lastcrumb {
	color:#FFFFFF;
}
/*SIDEBAR STYLES
------------------------------------------------------*/
.sidebarWidget {
	margin-bottom:1em;
}
#sidebar a {
	color: #0048b2; /* changed to match mspp pagetext a, was originally 	color:#860037; */
	text-decoration:none; /* removed underlined links, because the sidebar is all a long list of links */
}
#sidebar a:hover {
	color: #F4C942; /* changed to match mspp pagetext a */
}
#sidebar p { /* changed to match mspp sidelisting text */
	font-family: "Trebuchet MS";
	font-size: 11px;
	line-height:15px;
	margin: 0px 0px 4px;
	padding: 0px 0px 4px;
}
#sidebar ul {
	margin-left:0;
}
#sidebar ul li {  /*applied to all lists in the sidebar*/
	list-style-type: none; /* none; */
	background-image: none; /* url(../images/bullet-arrowNew-black.gif); */
	background-repeat:no-repeat;
	background-position:left 2px;
	padding-left:15px;
	font-family: "Trebuchet MS"; /* changed to match mspp sidelisting text */
	font-size: 11px; /* changed to match mspp sidelisting text */
	line-height: 15px; /* changed to match mspp sidelisting text */
}
/*indent the "sublists" in the accordion lists -- they're not in fact sublists, just regular-level li's, so have to address by indiv div*/
#sidebar #guides ul li, #sidebar #margolies ul li {
	margin-left:15px;	/*  used to be 10px decided not to indent anymore */
	list-style-image:url(../images/arrow-right-12-blue.png); /* test */
	padding-left:0px; /* test */
}
/* This hides the For Teens and the Publications accordion Sidebar Widgets - These are now top menu items instead */
#guides {
	display:none;
}
.sideTitle { /*applied to p tags of widgets where there is a "title," ie "in the news" or "more on X topic" - Changed to match what is called h1.pagesubtitle on mspp site */
	/*	font-weight:bold;
	text-transform:uppercase;
	font-size: 1.1em;
	margin-top:.5em;
	margin-bottom:.2em;
	color:black;*/
/*	padding-top:4px;
	border-top:2px solid #eaeaea;*/
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	font-weight: bold;
	white-space: normal;
	color: #0048B2;
	font-size:10.5pt;
	line-height: 16px;
	margin: 0px 0px 4px;
	padding: 0px 0px 4px;
}
#sidebar p.sideTitle {
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	font-weight: bold;
	white-space: normal;
	color: #0048B2;
	font-size:10.5pt;
	line-height: 16px;
	margin: 0px 0px 4px;
	padding: 0px 0px 4px;
}
.meetingtheneed {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9.5pt;
	line-height: 16px;
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
	font-style: italic;
	color: #0048B2;
}
/*	for tagline at toop*/

.formerlyheader {
	font-family: "Trebuchet MS";
	font-size: 9.5pt;
	line-height: 16px;
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
	color: #0048B2;
	font-weight:bold;
}
/*	for tagline at toop*/


/*individual sidebar widget styles
------------------------------------------------------------------*/

div.addthis_toolbox {
	margin-bottom:12px;
}
#announce,
#announcements { /* sticky announcement to appear in sidebar on all pages */
	background-color:#FC0;
/*	padding:6px 0 3px 0;*/
	padding:.5em;
/*	margin:0 0 12px 0;*/
	margin:0 0 1em 0;
}
#announce div p,
#announcements p,
#announcements h3 { 
	font-size:12px;
	line-height:normal!important;
}
#sidebar #announcements p.sideTitle {
	padding:3px 6px 6px 34px;
	font-size:12px;
	font-weight:bold;
	background-image:url(../images/pin_30x30_blue.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#announcements h3 {
	color:#860037;
	size:12px!important;
}
#announce a,
#announcements a { 
	text-decoration:none;
}

#announce a:hover,
#announcements a:hover {
	color:#FFF;
}
#sideSearch {   /*searchbar div	*/
	margin-bottom:1em;
	margin-top:1em; /* -1em */
}
#sideSearch label {
	font-size:.85em;
	text-align:left;
}
div.flushright {
	text-align: right;
	width: 100%;
	margin-bottom: 18px; /* added to give spacing between sidebar elements */
	font-family: "Trebuchet MS"; /*added to match mspp main site sidelisting text */
	font-size: 8.75pt; /* a little larger than sidelisting text to stand out more */
	font-weight:bold; /* bolder than sidelisting text to stand out more */
	line-height: 15px; /*added to match mspp main site sidelisting text */
}
div.flushright a {
	text-decoration:none;
}
div.italic {
	font-style: italic;
}
#sponsor {
/*	margin-top:5px; Removed now that this is in footer, not sidebar*/
/*	padding-top:5px; Removed now that this is in footer, not sidebar*/
/*	border-top:2px #eaeaea solid; Removed now that this is in footer, not sidebar*/
}
div#sponsor.sidebarWidget {
	margin-bottom: 0; /* when in sidebar it had 1em margin-bottom, in footer this is not needed */
	margin-right: 190px; /* needed to add right margin when in footer, so it doesn't crowd social media and login info */
}
/*In NEWS section, handle the list of links differently...*/
 
#sidebar #pageNews ul li {	/* this adds an arrow bullet to the "more books" sections, the arrow bullet does not change to yellow when hovered over, could consider trying to fix this, but seems minor */
	margin-left:20px;
	list-style-image:url(../images/arrow-right-12-blue.png);
	padding-left:0px;
}
#news ul.linksList li, #sidebar #pageNews ul.linksList li.linkItem {   /* this removes the arrow bullet for news articles only */
	background-image:none; /*needed to override default*/
	list-style:none;
	list-style-image:none;
	margin-left:0px;
	padding-left:0; /*needed to override default*/
	margin-bottom:1em;
	font-family: "Trebuchet MS"; /*added to match mspp main site sidelisting text */
	font-size: 11px; /*added to match mspp main site sidelisting text */
	line-height: 15px; /*added to match mspp main site sidelisting text */
}
#news ul.linksList a, #pageNews ul.linksList a {
	color:#0048b2; /* changed color to match mspp main site, original was 084073; */
	font-weight:bold;
	text-decoration: none; /*added to match mspp main site sidelisting text */
}
#news ul.linksList a:hover, #pageNews ul.linksList a:hover {
	color:#F4C942;
} /*added to match mspp main site sidelisting text */
#sidebar #pagenav ul.linksList li.linkItem /* styles the links list on pubs page sidebar */ {
	margin-left:15px;
	list-style-image:url(../images/arrow-right-12-blue.png);
	padding-left:0px;
}
#pagenav a {
	font-weight:bold;
}
a.sideMainLink {     /*puts a blue "click here" arrow in front of any <a> that opens an accordion */
	background-image: url(../images/arrow-right-blue2.jpg);  /* originally was maroon url(../images/bullet-arrow-sq-maroon.gif) */
	background-repeat:no-repeat;
	background-position:left 0px;  /* left 0px; */
	padding-left:18px;
	font-weight:bold;
	font-size: 10.5pt; /*added to match mspp pagesubtitle */
	line-height: 16px; /*added to match mspp pagesubtitle */
	font-family: "Trebuchet MS"; /*added to match mspp h3 */
	text-transform:none; /*added to match mspp h3 */
	text-decoration: none;
}
a:hover.sideMainLink {
	color: #F4C942;
	background-image: url(../images/arrow-right-yellow2.jpg);
}
/* no longer needed, now that tools is in the header */
#tools a.sideMainLink, #sitemap a.sideMainLink {
	background-image:url(../images/white-blue-circle-bullet2.gif);
}
/* no longer needed, now that sitemap is in the header */
#tools a:hover.sideMainLink, #sitemap a:hover.sideMainLink {
	background-image:url(../images/white-yellow-circle-bullet.gif);
}
/*puts a blue "open" plus symbol in front of any <a> that opens an accordion, turns yellow on hover */


a.accordionTitle {
	margin-bottom:0;
	background-image:url(../images/plus-icon-blue4.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:16px;
}
a:hover.accordionTitle {
	background-image:url(../images/plus-icon-yellow4.jpg);
}
a:hover.accordionTitle.accordionOpen {
	background-image:url(../images/minus-icon-yellow.jpg);
}
/* This was just a test, changed mind, don't like it */

/*
div#margolies.sidebarWidget p {
	margin-bottom:0;
	background-image:url(../images/plus-icon-blue3.jpg);  adds plus icon to all accordion sidebar items 
	background-repeat:no-repeat;
	background-position:left 0px;
	padding-left:18px;
}

div#margolies.sidebarWidget p.sideTitle, div#margolies.sidebarWidget p.suggest {
	background-image:none;
	padding-left:0px;
}

*/

/*margolies widget- suggest a topic*/
.suggest {
	margin-top:-10px;
	font-style:italic;
	font-size:.9em;
	text-align:right;/*	background-image:url(../images/bullet-arrow5x9-maroon.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding-left:8px;*/
}
p.suggest a {
	text-decoration:none;
	padding-right:26px;
	padding-bottom:4px;
	background-image:url(../images/email.jpg);
	background-repeat:no-repeat;
	background-position:right 3px;
	font-family: "Trebuchet MS";
	font-size: 8.75pt;
	font-weight:bold;
	line-height: 16pt;
}
p.suggest a:hover {
	text-decoration:none;
	background-image: url(../images/email-yellow26.jpg);
	background-repeat:no-repeat;
	background-position:right 3px;
}
/* NOT USED?  */
.AccordionPanelList ul {
	margin-top:0;
}
/* NOT USED?  */
.AccordionPanelList li {  /*the list inside an accordion panel. Applied to a <ul> */
	background-image:url(../images/bullet-arrow5x9-maroon.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding-left:8px;
	font-weight:bold;
	margin-bottom:.5em;
}
#sitemap {
	margin-bottom:1.5em;
}
/* No longer displaying Sitemap or Tools for Providers or Search or old crisis button in sidebar, per Lynda's comp Jan 2013, all displayed in header now */

div#sitemap.sidebarWidget, div#tools.sidebarWidget, div#sideSearch.sidebarWidget, div#crisis.sidebarWidget {
	display:none;
}
.alertSidebar {
	font-size:10px;
	color:black;
	font-weight:bold;
}
#townButtons {
	background-image:url(../images/SmallMap81.png);
	background-repeat:no-repeat;
	background-position: top right;/*	background-image:url(../images/SmallMap2.png);
	background-repeat:no-repeat;
	background-position: top left;
	 background-position:103% 0; */
}
#townButtons p.sideTitle {
	padding-top:8px;/*	background-image:url(../images/SmallMap75.png);
	background-repeat:no-repeat;
	background-position: top right; */
}
.results {
	font-style:italic;
	/*margin-top:1em;*/
margin-right:35px;
	font-size:.9em;
}
#townButtons p.results {
/*	background-image:url(../images/SmallMap2.png);
	background-repeat:no-repeat;
	background-position: top right;
	padding-top: 40px; */
}
a.townLink {  /*  background images on <a> tag to solve IE7 problem - BUT ALSO BECAUSE NOW A TABLE NOT A LIST, so can't use LI's anyway*/
	color:#860037;
	/*font-size:.9em;*/
	font-size:12px;
	font-weight:bold;
	background-image:url(../images/bullet-sq6-blue.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding-left:10px; /* this pushes the words over so the bullet shows*/
	/*padding-right:5px;  this causes the text of the table cells to get clipped */
}
a.townLink:hover {  /*  background images on <a> tag to solve IE7 problem - BUT ALSO BECAUSE NOW A TABLE NOT A LIST, so can't use LI's anyway*/
	background-image:url(../images/bullet-sq6-yellow.gif);
}
/*#townList a.disabled, a.disabled:visited a {
	background:#666;
	color:white;	
	text-transform:uppercase;
	background-image:url(../images/bullet-sq6-white.gif);
	background-repeat:no-repeat;
	background-position:1px 4px;
}*/
/*table#townList tbody {
	width: 150px;
}*/
#townList td {
	width:48%;
}
/*Topic page styles
----------------------------------------------------*/
a.moreLink {
	float:right;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:-1em;
}
.backToTop {
	text-transform:uppercase;
	font-weight:bold;
	font-size:.85em;
	text-align:right;
}
/*resource org listing styles
--------------------------------------------------------*/
.resultsTally {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-style:italic;
}
.listTitle {
/*border-top:solid 1px black;	*/
}
.contact {
	/*	background:#EAEAEA;*/
font-size:.9em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.fn {
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:.2em;
}
/* HOME PAGE STYLES
-------------------------------------------------------------- */
#homeQuote {
	padding:6px;
	margin:6px;/*	Had to add back in margins and padding, which were removed for homecollage, so it would take up the full space. 
	Otherwise should just look like .pagetext
	float:left; 
	width: 200px;
	font-style:italic;
	line-height:2;
	clear:left; */
}
#homeMap {
	float:right;
	width:420px;
	min-height:250px;
	margin:0;
	margin-right:-10px;  /* was -10px to compensate for drop shadow -- so edge of green box lines up, rather than shadow*/
	margin-bottom:25px;
	margin-top:-20px;
	background-image:url(../images/home-locations-bkgd3.jpg);
	background-repeat:no-repeat;
	background-position:0 bottom;
}
#mamap {
	float:left;
}
#homeMap h2 {
	color:#2F563B;
	text-transform:uppercase;
	font-size:1.3em;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	letter-spacing:.1em;
}
#homeMap p {
	margin-left:20px;
	margin-right:30px;
	font-size:.9em;
}
#townLinks {  /*this is a ul*/
	list-style-type:none;
	margin-left:300px;
	width:110px;
	font-family: Arial, Helvetica, sans-serif;
	color:#860037;
	font-weight:bold;
	font-size:.9em;
	line-height:100%;
}
#townLinks li {  /*since have a background image on the <a> tag, have to override the default styles for the li*/
	background-image:none;
	padding:0;
	margin:0;
	margin-left:30px;
	text-indent:-30px;
	padding-bottom:6px;
}
#townLinks a, #townLinks a:hover {  /*try moving background image to <a> tag to fix missing bullets on home page...?*/
	background-image:url(../images/bullet-sq6-green.gif);
	background-repeat:no-repeat;
	background-position:2px 3px;
	text-decoration:none;
	color:#860037;
	font-size:.9em;
	line-height:100%; /*to keep words of 2-line locations close vertically*/
	padding-left:15px;
	margin-left:15px;  /*margin & padding = space for green bullets*/
}
#homeSlideshow {
	margin-left:5px;
	width:655px;
	clear:both;
}
/* for styling home collage photo, if needed */

div.homecollage {
}
div.homeMapTile {
	float:left;
	padding:0 6px 0 0;
	background-image:url(../images/massachusetts-physical-map-469b.jpg);
	background-repeat:no-repeat;
	width:469px;
	height:332px;
}
div.homePhotoTiles {
	float:left;
	width:230px;
	padding:0;
}
.homeTopPhotoTile {
	padding: 0 0 6px 0;
}

h2#h2nowserving {
	color:#FFF;
	font-family: "Trebuchet MS";
	font-size: 16px;
	text-transform: none;
	font-weight: normal;
	line-height: 14pt;
	margin: 175px 180px 0px 20px;
	padding: 0px 0px 4px;
}
h2#h2nowserving a {
	color:#FFF;
}
h2#h2nowserving a:hover {
	color:#F4C942;
}

/* ----------------------------  styles for "locations" page ---------------------*/
#locationMap {
	background-image:url(../images/massmap.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#000000;
	margin-left:50px;
	margin-bottom:30px;
}
#locationMap ul {
	padding: 20px 20px 0 350px;
	margin:0;
}
#locationMap ul li {
	background-image:none;
	padding:0;
	margin:0;
}
#locationMap ul li a { /* ie7 seems to need the background image on the <a> tag for reasons I don't understand, but there it is...*/
	color:#860037;
	background-image:url(../images/bullet-sq6-green.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
	margin-left:12px;
	padding-left:12px;
}
/*styles for town pages 
---------------------------------------------------------*/

article.townEvent {
	margin-left:24px;
	margin-bottom:24px;
	padding-left:48px;
	background-image:url(../images/pin_30x30_blue.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#FFF5CD;
}
article.townEvent h4 {
	color:#0048B2;
}
article.townEvent div p {
	font-size: 9.5pt;
	line-height: 16pt;
}
/*article.townEvent div.excerpt:after {*/
	/*content:"(+) More details...";*/
	/*font-style:italic;*/
	/*color:#0048B2;*/
/*}*/
/*article.townEvent div.fullText:after {*/
     /*content:"(-) Fewer details...";*/
     /*font-style:italic;*/
     /*color:#0048B2;*/
 /*}*/
article.townEvent .openclose {
    font-style:italic;
    color:#0048B2;
}
.selectBox {
	float: left;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	margin:0 20px 24px 20px;
}
.selectTopic, .selectCategory {
	background-image:url(../images/folderplus32-white.png);
	background-repeat:no-repeat;
	background-position: 5px 0;
	background-color:#039; 
	color:#FFFFFF;
	font-family:"Trebuchet MS"; 
	text-transform: none;
	font-size:12px;
	font-weight:bold;
	padding-left:48px;
	padding-top:7px;
	padding-bottom:8px; 
	line-height: normal;
}
.selectTopic:hover, .selectCategory:hover {
	background-image:url(../images/folderplus32-yellow.png);
	color:#FC0; 
}
.selectDisplayed {
	background-color:#C0D1ED; 
	background-image:none; 
	background-position:right bottom;
	background-repeat:no-repeat;
	padding-bottom:5px;
}
div.selectDisplayed p.selectTopic, div.selectDisplayed p.selectCategory {
	background-image:url(../images/folderminus32-white.png);
}
div.selectDisplayed .selectTopic:hover, div.selectDisplayed .selectCategory:hover {
	background-image:url(../images/folderminus32-yellow.png);
}
.selectDisplayed ul {
	margin-left:10px;
	padding-bottom:20px;
}
.selectList {
	margin-top:-10px;
}
div#contentInner.withSidebar div.selectBox ul.selectList {
	margin-left:30px;
	margin-top:10px;
}
div#contentInner.withSidebar div.selectBox ul.selectList li.linkItem {
	margin-left:0px;
	padding-left:0px;
	padding-right:15px;
	list-style-image: url(../images/arrow-right-12-blue.png);
	font-size:10.5pt;
}
div.selectBox ul.selectList li.linkItem a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-image:none;
	color:#0048B2;
	text-decoration:none;
	padding-left: 0px;
	line-height:normal;
}
div.selectBox ul.selectList li.linkItem a.topicSelect:hover {
	color:#FFFFFF;
}
.selectDisplayed ul.selectList.linksList li {
	background-image:none; /*to override default*/
}
.selectDisplayed a {
	background-image:none;
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:20px;
}
.needRef {
	color:#0048B2; 
	text-align:center;
	font-size:9.75pt;
	font-weight:bold;
	margin:25px;
	background:#FC0;
	padding:10px;
	font-family:"Trebuchet MS"; 
}
.needRef a:hover {
	color:#0048B2;
}
.needRefAlt {
	color:black;
	font-weight:normal;
}
ul#commWebsites li a,
ul.commWebsites li a {
	color:#0048B2;
}
ul#commWebsites li a:hover {
	color:#F4C942;
}
/*individual location pages styles
----------------------------------------------------*/

img.townPhotoLeft {
	float:left;
	margin:10px 10px 10px 0;
}
img.townPhotoRight {
	float:right;
	margin:10px 0 10px 10px;
}
img.sq-thumb {
	padding: 0 12px 12px 0;
}
#townAnnounce {
	float:right;
	width:150px;
	margin:0 0 20px 20px;
	padding:10px;
	border:1px black solid;
	font-family:Arial, Helvetica, sans-serif;
}
/*southern berkshires community websites - special styling*/
.town {
	float:left;
	width:33%;
}
.town h3 {
	margin-bottom:0;
	padding-bottom:0;
	margin-top:1em;
}
.newrow {
	clear:both;
}
/*  specific topic pages
-----------------------------------------------------*/
.depression #contentInner table {
	width:95%;
	margin-left:15px;  /*similar margin-right has no effect - presumably due to faux columns...*/
}
.depression #contentInner td {
	padding:5px;
	border: #ccc solid 1px;
}
#margoliesIntro {
	margin-top:-10px;
}
div.profile.note {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11pt;
	line-height:1.5;
}
/* HELP page styles 
---------------------------------------*/
.help table {
	width:600px;
	margin:30px auto;
	border:1px #666 solid;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
}
.help table th {
	font-weight:bold;
	color:#860037;
	color:#104275;
	background-color:#ccdae5;
	border:1px #666 solid;
	font-size:1.1em;
	text-align:left;
	padding:2px 5px;
}
.help table td {
	border:1px #666 solid;
	padding:2px 5px;
}
.help table li {
	line-height:1.1;
}
tr.hilite {
	background-color:#ccdae5;
	font-weight:bold;
}
/*EVENTS page styles 
-----------------------------------------------------*/

.events .summary {
	font-weight:bold;
	margin-bottom:0;
}
.events .descrip {
	margin-top:-1em;
	margin-bottom:1em;
}
#eventfilter p {
	margin-bottom:0;
}
#eventfilter label {
	font-size:1.1em;
	font-weight:bold;
	display:block; /* need this to be able to control vertical spacing*/
	margin-top:.7em;
}
.events .expanded {
	background:#F5F5F5;
	padding:7px;
}
/*style buttons */
#submit, #clear {
	font-size:1em;
}
/* Misc classes
-------------------------------------------------------------- */
.small {
	font-size: .8em;
	line-height: 1.875em; /* make consistent with vertical rhythm*/
	margin-bottom: 1.875em;
}
.large {
	font-size: 1.2em;
	line-height: 2.5em; /* make consistent with vertical rhythm*/
	margin-bottom: 1.25em; /* make consistent with vertical rhythm*/
}
.hide {
	display: none;
}
.quiet {
	color: #666;
}
.loud {
	color: #000;
}
.highlight {
	background:#ff0;
}
.added {
	background:#060;
	color: #fff;
}
.removed {
	background:#900;
	color: #fff;
}
/* Tables
-------------------------------------------------------------- */

table {
	margin-bottom:1.5em;
	width:100%;
}
th {
	font-weight: bold;
}
thead th {
	background: #c3d9ff;
}
th, td, caption {
	padding: .2em .2em .2em 0;
}
tr.even td {
	background: #e5ecf9;
}
tfoot {
	font-style: italic;
}
caption {
	background: #eee;
}
/* elements used in debugging
-------------------------------------------------------------- */
pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre, code, tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
}
/* misc elements
-------------------------------------------------------------- */

blockquote {
	color: #666;
	font-style: italic;
	margin: 1.5em;
}
strong {
	font-weight: bold;
}
em, dfn {
	font-style: italic;
}
dfn {
	font-weight: bold;
}

/*cure for super/sub scripts per: http://css-tricks.com/snippets/css/prevent-superscripts-and-subscripts-from-affecting-line-height/*/
sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
    font-size:small;
    font-size:10px;
    font-family:Tahoma, Geneva, sans-serif;
}
sub { top: 0.4em; }

sub,
sup,
sup a, 
sub a,
a sub,
a sup {
	text-decoration:none!important;
}
/*abbr is used in microformats -- the actual date is non-human friendly, so use abbr to give the human version*/
abbr, acronym {
/*	border-bottom: 1px dotted #666;*/
}
address {
	font-style: italic;
	margin: 0 0 1.5em;
}
del {
	color:#666;
}
.plain {
	font-weight:normal;
	font-style:normal;
	color:black;
}