body {
	margin: 0;
	background-color: #8B8168;
    /* need background here as well because container is not extending all the way down in ff, only beginning of viewport has background */
	abackground-image: url(/images/site_bkg.gif);
	abackground-repeat: repeat-y;
	abackground-position: center;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    acolor: rgb(0, 3, 51);
    color: #333;
    line-height: 19px;
    text-align: center;
    height: 100%;
}

td {
	aafont-size: 11px;
    font-size: 100%;
    aline-height: 19px;
    aline-height: inherit;
    a_line-height: 19px;
    vertical-align: top;
    text-align: left;
}

a {
    color: rgb(41, 112, 167);
    text-decoration: underline;
}
a.blueLink {
    color: rgb(41, 112, 167) !important;
	    text-decoration: underline !important;
}
a.blueLink:hover {
    color: rgb(41, 112, 167) !important;
		    text-decoration: none !important;
}
form input {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

img {
    border: 0;
}

ul {
    margin-top: 0;
    margin-left: 0;
    padding-left: 16px;
}
ul li {
    list-style: url("/images/list_bullet.gif");
}
/* ?? no spacing for paragraphs that are list items ?? */
ul li p {
    amargin: 0;
}
/* no spacing before lists */
p + ul {
    margin-top: -0.12in;
}

aaaaa:hover {
    color: rgb(41, 112, 167);
    text-decoration: none;
}


/* always show vertical scrollbar to prevent page shifting */
HTML {
  height: 100%;
  margin-bottom: 1px;
}

.container {
    width: 752px;
    padding: 0 15px 0 15px;
    margin: 0 auto;
    text-align: left;
    aheight: 100%;
    background-image: url(/images/site_bkg.gif);
	background-repeat: repeat-y;
	background-position: center;
    aborder: 1px solid red;
}

/* page header */
.headerContainer {
	background: #d7d7d7 url(/images/header_bkg.gif) no-repeat;
	text-align: left;
    height: 117px;
}

.headerSearchForm {
     padding: 10px 40px 0 0;
     margin: 0;
}

.headerSearchTextBox {
     width: 100px;
     height: 15px;
     padding: 0 0 0 5px;
     font-size: 10px;
     border: 1px solid rgb(126, 56, 37);
     color: rgb(154, 144, 122);
     float: left;
}

.headerSearchGoButton {
    float: left;
    width: 25px;
    height: 17px;
    padding-left: 5px;
}

a.headerTopicsLink, .quicklinksList li a, .yearSelector li a, .monthSelector li a, .topicSelector li a {
    display: block;
    width: 100px;
    height: 15px;
    border: 1px solid rgb(126, 56, 37);
    background-color: rgb(132, 60, 38);
    background-image: url(/images/top_arrow_off.gif);
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 3px;
    color: rgb(219, 209, 178);
    text-decoration: none;
    font-size: 10px;
    line-height: 14px;
    padding-left: 5px;
    
}

a.headerTopicsLink:hover {
    background-color: rgb(175, 69, 36);
    background-image: url(/images/top_arrow_on.gif);
}

.quicklinksList li a:hover, .quicklinksList li a.overstate, .yearSelector li a.overstate, .monthSelector li a.overstate, .topicSelector li a:hover, .topicSelector li a.overstate {
    background-color: rgb(175, 69, 36);
    background-image: url(/images/top_arrow_on_down.gif);
}


/* white links at top of header */
.utilityNav {
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
    line-height: normal;
    padding-top: 10px;
    text-align: right;
    padding-bottom: 10px;
    padding-right: 36px;
}

.utilityNav a {
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}

.utilityNav a:hover {
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
}


/* white links in bottom orange bar */
.bottomNavContainer {
    margin-top: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 14px;
    background: url(/images/bottomnav_bkg.gif);
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 17px;
}

.bottomNavContainer a {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}

.bottomNavContainer a:hover {
	color: #f1d8b3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}

/* address & phone info in footer */
.bottomInfoContainerLeft {
    width: 40%;
    float: left;
    padding-left: 15px;
}
.bottomInfoContainerRight {
    width: 40%;
    float: right;
    text-align: right;
    padding-right: 17px;
}
.bottomInfoContainer {
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 17px;
    margin-top: 5px;
    padding-bottom: 10px;
}

.bottomInfoContainer a {
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 17px;
	text-decoration: none;
}

.bottomInfoContainer a:hover {
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 17px;
	text-decoration: underline;
}

/* main content */
.contentTable {
    width: 752px;
    abackground: url(/images/content_bkg1.gif) repeat-y center;
    height: 500px;
    
}
.contentTableLeftCell {
    height: 500px;
     width: 186px;
     background-color: #EEECDB;
     background-image: url(images/leftnav_bkg.gif);
     background-repeat: no-repeat;
     background-position: bottom;
}
.contentTableRightCell, .contentTableRightCell34 {
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 15px;
    aheight: 100%;
    
}

.contentTableRightCell34 {
    padding-right: 110px;
    
}

/* bottom content containers */
.contentTableBottomLeftCell {
    border-top: 2px solid #FFFFFF;
    line-height: 17px;
    font-size: 10px;
}
.contentTableBottomLeftContainer {
    background: url(/images/divider_bkg2.gif) no-repeat;
    padding-top: 10px;
}
.contentTableBottomRightCell {
    background: url(/images/dot_ccc8a3.gif) repeat-y;
    border-top: 2px solid #FFFFFF;
    line-height: 17px;
    font-size: 10px;
}
.contentTableBottomRightContainer {
    padding-left: 15px;
    background: url(/images/divider_bkg.gif) no-repeat;
    padding-top: 10px;
}
.contentTableBottomLeftContainer p, .contentTableBottomRightContainer h3, .contentTableBottomRightContainer p {
    margin: 0;
}
/* remove spacing above footer */
body.hasBottomContent .bottomNavContainer {
    margin-top: 0;
}


.contentRightColumn {
    width: 173px;
    aborder-left: 1px solid #ccc8a3;
    background: url(/images/dot_ccc8a3.gif) repeat-y;
    
    aheight: 500px;
    apadding-left: 18px;
    apadding-right: 15px;
    height: 500px;
}

.noBackgroundImage {
    background-image: none;
}

.contentRightColumnImageBlock {
     padding-bottom: 19px;
     background: white;
}
/* in case image is in a paragraph we need to remove its bottom margin */
.contentRightColumnImageBlock p {
    margin: 0;
}

.contentRightColumnContent {
    padding-left: 13px;
    
}

/* new right column news format -jb */

.newsRightColumnContent {
    padding-left: 13px;
    
}

.newsRightColumnContent h4 {
    margin-bottom: 0;
    font-size: 10px;
    line-height: 17px;
}

.newsRightColumnContent p a {
    text-decoration: none;
    color: #333;
}

.newsRightColumnContent p a:hover {
    color: #333;
	    text-decoration: underline;
}

/* new right column news format -jb */


.homepageLeftColumn {
     margin-left: 15px;
     margin-right: 15px;
     padding-top: 19px;
     font-size: 10px;
     line-height: 17px;
     padding-bottom: 120px;
}
.homepageLeftColumn h3, .homepageLeftColumn h4, .homepageRightColumn h3, .homepageRightColumn h4 {
    margin-bottom: 0;
    font-size: 10px;
    line-height: 17px;
}

.homepageLeftColumn p a {
    text-decoration: none;
    color: #333;
}

.homepageLeftColumn p a:hover {
    color: #888;
}

.homepageLeftColumn2 {
    border-top: 2px solid #FFFFFF;
    line-height: 17px;
    font-size: 10px;
}

.homepageCenterColumn {
    height: 100px;
    padding: 0;
    text-align: center;
    padding-top: 7px;
    awidth: 100%;
}

.homepageCenterColumn td {
    font-size: 10px;
    line-height: 17px;
}

.homepageCenterColumn p a {
    color: #333;
    text-decoration: none;
}

.homepageCenterColumn p a:hover {
    color: #888;
}
.homepageCenterImageBlock {
    padding-bottom: 8px;
}
.homepageCenterImageBlock p {
    margin: 0;
}

/* bottom center box on home page OF INTEREST */

.homepageCenterColumn2 {
    background: url(/images/dot_ccc8a3.gif) repeat-y;
    border-top: 2px solid #FFFFFF;
    line-height: 13px;
    font-size: 10px;
}
.homepageCenterColumn2 h5 {
    font-size: 11px;
}
.homepageCenterColumn2 a {
    color: #333;
    text-decoration: none;
    background: url(/images/link_arrow.gif) no-repeat center right;
    padding-right: 10px;
}
.homepageCenterColumn2 a:hover {
    text-decoration: underline;
}

/* end bottom center box on home page OF INTEREST */


/* OF INTEREST Red Links on homepage and throughout site */

a.redLink, a.redLink:active, a.redLink:visited  {
    font-size: 10px;
	color:#A54123;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-decoration:underline;
	background: url(/images/redlink_triangle.gif) no-repeat center right;
	padding-right: 8px;
	font-weight:normal;

}

a.redLink:hover {
	color:#A54123;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	text-decoration: none;
	font-weight:normal;
}

/* end OF INTEREST Red Links  */

.homepageRightColumn {
    width: 159px;
    padding-left: 14px;
    padding-top: 7px;
    padding-right: 15px;
    font-size: 10px;
    line-height: 17px;
    background-color: #EEECDB;
    background-image: url(/images/homepagesepia_right.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 120px;
}

.homepageRightColumn p a, .homepageRightColumn2 p a {
    text-decoration: none;
    color: #333;
}
.homepageRightColumn p a:hover, .homepageRightColumn2 p a:hover {
    color: #888;
}

/* bottom right box on home page */
.homepageRightColumn2 {
    background: url(/images/dot_ccc8a3.gif) repeat-y;
    border-top: 2px solid #FFFFFF;
    line-height: 17px;
    font-size: 10px;
    
}
.homepageRightColumn2 h5 {
    font-size: 11px;
}

/* breadcrumbs */
.breadcrumbs {
	color: rgb(167, 151, 106);
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
    line-height: normal;
}

.breadcrumbs p {
    margin: 0;
}

.breadcrumbs a, .breadcrumbs a:active, .breadcrumbs a:visited {
	color:#a7976a;
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
}

.breadcrumbs a:hover {
	color:#8b8168;
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	text-decoration: underline;
	font-weight: normal;
}

/* word campaign above page title in lifestyle sub-sections */
.campaignTitle {
	color: #F59301;
	font: bold 11px arial,helvetica;
    margin-top: 10px;
}

/* big red page text headers */
h1 {
	color: #993333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 31px;
	font-weight: normal;
	line-height: 31px;
    margin-top: 10px;
    margin-bottom: 0.12in;
}

/* all cap text on top of interior pages */
.pullQuote {
	color: #74694C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	word-spacing: 2px;
	text-transform: uppercase;
	margin-top: 6px;
    margin-bottom: 0.12in;
}

.contentRightColumn, .blurbCopy, .contentRightColumn .newsBlurbCopy, .newsBlurbCopyNoHeader {
    font-size: 10px;
    color: #333;
    line-height: 17px;
}

.newsBlurbCopy {
    font-size: 11px;
    color: #333;
    line-height: 19px;
}

p.singleLineLink a, p.singleLineLinkArrow a {
    color: #333;
    text-decoration: none;
}
p.singleLineLink a:hover, p.singleLineLinkArrow a:hover {
    text-decoration: underline;
}

p.singleLineLinkArrow a {
    background: url(/images/link_arrow.gif) no-repeat center right;
    padding-right: 10px;
}

.contentRightColumn a, .blurbCopy a {
    color: rgb(41, 112, 167);
    text-decoration: underline;
}

.contentRightColumn a:hover, .blurbCopy a:hover {
    text-decoration: none;
}

/* links inside newsBlurbCopy are not visible but clickable */
.newsBlurbCopy a, .newsBlurbCopyNoHeader a {
    acolor: rgb(0, 3, 51);
    color: #333;
    text-decoration: none;
}

/* links inside newsBlurbCopyNoHeader should underline on hover */
.newsBlurbCopyNoHeader a:hover {
    text-decoration: underline;
}

.newsBlurbCopy a:hover {
    color: #888;
}

.contentRightColumn h3 {
    margin-bottom: 0;
    font-size: 10px;
    line-height: 17px;
}

.contentRightColumn h4 {
    font-size: 10px;
    margin-bottom: 0;
    line-height: 17px;
}

.contentRightColumn h5 {
    font-size: 11px;
    line-height: 17px;
}

.contentRightColumn blockquote {
    margin: 0 0 0 15px;
}

.pagetopLinks {
    color: #ccc4a2;
    amargin-top: 0px;
    margin-bottom: 0.12in;
}
.pagetopLinks a {
    color: rgb(41, 112, 167);
    text-decoration: underline;
}

.pagetopLinks a:hover {
    text-decoration: none;
}

.pagetopLinks a.current, a.current {
    color: rgb(116, 105, 76);
    text-decoration: none;
}

/* used for vertical divider: | */
.blueDivider {
    color: rgb(41, 112, 167);
}

.textContent {
    padding-right: 10px;
}

p {
    margin-top: 0;
    margin-bottom: 0.12in;
}

h2 {
    font-family: Helvetica, Arial;
    font-size: 15px;
    color: rgb(153, 51, 51);
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0.12in;
    line-height: normal;
}

h2.newsHeaderNoSpace, h3.newsHeaderNoSpace {
    margin-bottom: 0;
}

/* duplicate this entry to add space only on article pages but nowhere else -jb */

h2.newsHeaderNoSpace2, h3.newsHeaderNoSpace2 {
    margin-bottom: 10;
}

h2 a {
    color: rgb(153, 51, 51);
    text-decoration: none;
}

h2 a:hover {
    color: rgb(153, 51, 51);
    text-decoration: underline;
}

h3 {
    font-family: Verdana, Helvetica, Arial;
    font-size: 11px;
    color: rgb(255, 153, 0);
    font-weight: bold;
    margin-top: 0;
    amargin-bottom: 0.12in;
    margin-bottom: 3px;
    line-height: 19px;
}

h3 a {
    color: rgb(255, 153, 0) !important;
    text-decoration: none !important;
}

h3 a:hover {
    text-decoration: underline !important;
}

h4 {
    font-family: Verdana, Helvetica, Arial;
    font-size: 11px;
    color: rgb(116, 105, 76);
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0.12in;
    line-height: normal;
}

h4 a {
    color: rgb(116, 105, 76) !important;
    text-decoration: none !important;
}

h4 a:hover {
    color: #888 !important;
}

h5 {
    font-family: Helvetica, Arial;
    font-size: 12px;
    color: rgb(153, 51, 51);
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0.05in;
    line-height: normal;
}

/* orange header text as on homepage */
h6 {
    color: #FF9900;
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 17px;
    font-weight: normal;
    line-height: normal;
    margin: 0;
}

h6 a {
    color: #FF9900;
    text-decoration: none;
}

h6 a:hover {
    text-decoration: underline;
}

hr {
    border: none 0;
    border-top: 1px dashed #ccc8a3;
    
    awidth: 100%;
    margin-left: 0;
    
    height: 1px; /* border-top and border-bottom */
    margin-top: 10px;
    margin-bottom: 12px;
    _margin-top: -7px;
    _margin-bottom: 2px;
}

#hlcnewsletterBody .contentRightColumn hr {
    border-top: 1px solid #ccc8a3;
}

/* this is a hack for ie7 only to fix hr spacing */
*:first-child+html hr {
    margin-top: -7px;
    margin-bottom: 2px;
}

.pdfLink, .arrowLink {
    color: rgb(116, 105, 76);
    font-size: 10px;
    font-family: Verdana, Helvetica, Arial;
    text-decoration: none;
    background: url(/images/link_arrow.gif) no-repeat center right;
    padding-right: 10px;
}
.pdfLink:hover, .arrowLink:hover {
    text-decoration: underline;
}
.pdf {
    color: rgb(116, 105, 76);
}
/*
div.pullQuoteBox {
     padding: 10px;
     border-bottom: 0.12in solid #FFFFFF;
     _height: 69px;
     min-height: 69px;
     font-size: 10px;
     line-height: 17px;
     background: rgb(244, 238, 221);
     adisplay: table-cell;
}
div.pullQuoteBox img {
    float: right;
    margin: -10px -10px -10px 5px;
}
*/

/* color box */
table.pullQuoteBox1, table.pullQuoteBox5 {
    background: rgb(244, 238, 221);
    width: 100%;
    margin-bottom: 0.12in;
}
table.pullQuoteBox1 td {
    padding: 10px;
    font-size: 10px;
    line-height: 17px;
}
table.pullQuoteBox1 td td {
    padding: 0;
}
table.pullQuoteBox1 img {
    float: right;
    margin: -10px -10px -10px 5px;
}
/* color box */
table.pullQuoteBox2 {
    background: rgb(244, 238, 221);
    width: 100%;
    margin-bottom: 0.12in;
}
table.pullQuoteBox2 td {
    padding: 10px;
}
table.pullQuoteBox2 td td {
    padding: 0;
}
table.pullQuoteBox2 img {
    float: right;
    margin: -10px -10px -10px 5px;
}
table.pullQuoteBox3 {
    background: rgb(244, 238, 221);
    width: 100%;
    margin-bottom: 0.12in;
}
table.pullQuoteBox3 td {
    apadding: 10px;
    font-size: 10px;
    line-height: 17px;
    border-top: 1px dashed #ccc8a3;
}
/* need that for ie otherwise getting space beneath image */
table.pullQuoteBox3 td p {
    margin: 0;
}
table.pullQuoteBox3 td td {
    padding: 0;
}
/*
table.pullQuoteBox3 img {
    float: left;
    margin: -10px 10px -10px -10px;
}
*/
table.customSpacingBox4 {
    width: 100%;
    margin-bottom: 0.12in;
}
table.customSpacingBox4 td {
    font-size: 11px;
    line-height: 19px;
}
table.customSpacingBox4 td.pullQuoteBox4Cell1, table.customSpacingBox4 td.pullQuoteBox4Cell2 {
    width: 45%;
    font-size: 10px;
    line-height: 17px;
}
table.customSpacingBox4 td.pullQuoteBox4Cell1 h3, table.customSpacingBox4 td.pullQuoteBox4Cell2 h3 {
    font-size: 10px;
    line-height: 17px;
}
table.customSpacingBox4 td.pullQuoteBox4Cell1 h5 {
    afont-size: 11px;
}
table.pullQuoteBox5 td.textColumn, table.pullQuoteBox3 td.textColumn {
    padding: 10px;
    font-size: 10px;
    line-height: 17px;
    width: 100%;
}
table.pullQuoteBox3 td.textColumn {
    padding: 5px 10px 5px 10px;
    avertical-align: middle;
}
table.pullQuoteBox5 td p {
    margin: 0;
}

/* remove spacing after header when in color box */
.pullQuoteBox1 h3, .pullQuoteBox2 h3, .pullQuoteBox3 h3, .customSpacingBox4 h3 {
    margin-bottom: 0;
}
/* remove spacing and make the header smaller */
.pullQuoteBox3 h5 {
    margin-bottom: 0;
    font-size: 11px;
}
/* remove spacing after h4 and make it larger */
.customSpacingBox4 h4 {
    margin-bottom: 0;
    font-size: 11px;
    line-height: 19px;
}
/* remove spacing - needed for summer safety ARE FIREWORKS LEGAL IN MASSACHUSETTS? */
.pullQuoteBox1 h5 {
    margin-bottom: 0;
    line-height: 19px;
}

/* smaller spacing between lines in a paragraph, used for link lists */
table.customSpacingBox1 {
    width: 100%;
}
table.customSpacingBox1 td p {
    line-height: 17px;
}
table.customSpacingBox1 td p a {
    color: #333;
    text-decoration: none;
}
table.customSpacingBox1 td p a:hover {
    text-decoration: underline;
}
table.customSpacingBox1 td h3 {
    margin-bottom: 0.12in;
}

/* no spacing after h3 orange headers, larger h4 headers, contact page lists and staff lists */
table.customSpacingBox2 td h3 {
    margin-bottom: 0;
}
table.customSpacingBox2 td h4 {
    font-size: 11px;
    line-height: 19px;
}

/* smaller spacing after paragraphs, used on cambridge walks, dvfz */

table.customSpacingBox3 p {
    margin-bottom: 0.05in;
}
table.customSpacingBox3 p a {
    color: #333;
    text-decoration: none;
}
table.customSpacingBox3 p a:hover {
    text-decoration: underline;
}
table.customSpacingBox3 h3 {
    margin-top: 0.12in;
    margin-bottom: 0.05in;
}





/* image used under h1 header */
img.h1RuleImage {
    width: 529px;
    height: 5px;
    amargin-bottom: 15px;
}
/* image used under h1 header on 3/4 pages*/
img.h1RuleImage2 {
    width: 436px;
    height: 5px;
    margin-bottom: 15px;
}

/* homepage mission statement above the footer */
.mission {
	color: #8B8168;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	line-height: 15px;
    background: url(/images/mission_bkg.gif) repeat-x top;
    padding: 8px 15px 0 15px;
    
}

/* our work landing page (template 7) header photos */
.content7PhotoTable {
    width: 530px;
    padding-top: 1px;
    /* need height for ie when there is no picture */
    height: 15px;
}

/* our work landing page (template 7) introductory text under photo */
.content7Headline {
    width: 100%;
    padding-bottom: 10px;
}

/* our work landing page (template 7) text content table */
.content7ContentTable {
    width: 100%;
}

/* services landing page */
.contentServicesContentTable {
    width: 100%;
}
.contentServicesContentTable td p a {
    color: #333;
    text-decoration: none;
}
.contentServicesContentTable td p a:hover {
    text-decoration: underline;
}
/* insert space before h2 which are not first children of td */
.contentServicesContentTable td > h2 {
    margin-top: 45px;
}
.contentServicesContentTable td > h2:first-child {
    margin-top: 0;
}

/* news list/archive page text content table */
.contentNewsListContentTable {
     width: 100%;
     margin-top: 19px;
}
.contentNewsListContentTable h4 {
    font-size: 10px;
}

/* news article page text content table */
.content3ContentTable {
    width: 100%;
    height: 400px;
}

/* news article page left content column */
.content3ContentTableLeftColumn {
    padding-top: 19px;
}

/* formw */
input[type=text], input[type=password], textarea {
     border: 1px solid rgb(126, 56, 37);
     color: rgb(154, 144, 122);
     font-family: Arial;
     font-size: 12px;
     margin-bottom: 5px;
}

.loginTextBox {
     width: 120px;
     height: 15px;
     padding: 0 0 0 5px;
     font-family: Arial;
     font-size: 10px;
     border: 1px solid rgb(126, 56, 37);
     color: rgb(154, 144, 122);
     margin-bottom: 5px;
}

.loginSubmitButton {
    width: 50px;
    height: 18px;
    font-family: Verdana, Helvetica, Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    color: #FFFFFF;
    abackground-color: rgb(255, 153, 0);
    background-color: #ec9c3b;
    border: 0;
    margin-top: 5px;
}

img.rightMargin4 {
    margin-right: 4px;
}

.postedOn {
    color: rgb(116, 105, 76);
    font-size: 10px;
}

.brownText {
    color: rgb(116, 105, 76);
}

.atozLettersTable {
    margin-bottom: 20px;
}
.atozLettersTable td {
    width: 16px;
    border-right: 1px solid rgb(41, 112, 167);
    text-align: center;
    line-height: 13px;
}
.atozLettersTable td p.singleLineLink {
    margin: 0;
}

.atozLinksTable {
    width: 100%;
}

.atozLinksTable a {
    abackground: url(/images/link_arrow.gif) no-repeat right;
    apadding-right: 10px;
    text-decoration: none;
    color: #333;
}
.atozLinksTable a:hover {
    text-decoration: underline;
}

.contentTableHotTopicCell {
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 15px;
    height: 100%;
}
.contentTableHotTopicCell .breadcrumbs {
    margin-bottom: 20px;
}

.hotTopicTable td {
    padding-left: 20px;
}
.hotTopicTable td p, .hotTopicTable td ul {
    margin-right: 90px; 
}

.hotTopicTable td td {
    apadding-left: 0;
}
.hotTopicTable td td p {
    margin-right: 0;
}

.hotTopicHeader1 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0;
    amargin-top: 20px;
}
.hotTopicHeader2 {
    font-size: 18px;
}

table.hotTopicSideTable {
    width: 182px;
    float: right;
    margin-left: 10px;
}
table.hotTopicSideTable td {
    padding: 12px 10px 2px 15px;
    background-color: #993333;
    color: #FFFFFF;
}
table.hotTopicSideTable td.hotTopicSideTableImageCell {
    background-color: #FFFFFF;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
    padding-top: 0;
    text-align: center;
}

table.hotTopicTable td hr {
    border: none 0;
    border-top: 2px solid #993333;
    margin-left: 0;
    height: 2px; /* border-top and border-bottom */
    margin-right: 90px;
    display: block;
    min-width: 342px;
}

/* smaller spacing between h2 and h3, created for citizen spotlight page */
h2 + h3 {
    margin-top: -0.06in;
}

/*BLOG STYLES*/

/*.blog	{padding-left:10px; padding-right:10px; width:219px;}*/

#blog_categories	{padding:10px 0 6px; margin:4px; background-color:#e4dcc4;}
	#blog_categories h2	{margin:0 0 19px; padding:0 10px 0;}
	#blog_categories p	{border-bottom:#3f8e64 1px dotted;margin:0; padding:6px 10px;}
		#blog_categories p a	{margin:0; padding:0; text-decoration: none;}
	 #blog_categories h2 a { text-decoration: none; }
		
#blog_recent_posts	{margin:20px 4px;}
	#blog_recent_posts h1	{font-size:15px; margin:0 0 23px;}
	#blog_recent_posts p	{margin-bottom: 15px;}
	#blog_recent_posts a	{text-decoration:none}
	
#blog_welcome	{width:200px; float:right; padding:10px; margin:0 0 5px 5px; color:#fff; background:#ff9900 url(../images/blog_welcome_bg.jpg) repeat-x bottom;}
	#blog_welcome h2	{color:#fff; font-weight:bold; margin:0 0 15px; text-align:left; font-size:14px;}
	#blog_welcome p, #blog_welcome li	{font-size:12px;}

#blogdiscuss { clear: both; float: left; background-color: #FFE2B7; padding:10px; margin: 0 0 5px 5px;}
	
.blog_entry	{margin:10px 0;}
	.blog_entry	p.date	{text-align:right; border-top: #d3dce5 10px solid;color: rgb(41, 112, 167);width:auto; position:relative; top:5px;}
	.blog_entry h2	{margin:10px 0 0;}
	.blog_entry h2 a	{text-decoration:none;}
	.blog_entry h2 a:hover	{text-decoration:underline;}
	.blog_entry p.author	{font-weight:bold;}
	.blog_entry p.blog_entry_body	{}
	.blog_entry p.read_more {text-align:right; color:#3f8e64;}
		.blog_entry p.read_more a {text-align:right; color:#3f8e64; text-decoration:none;}

.blog_discussion	{margin:0 0 10px;}
	.blog_discussion h2	{float:left; margin:0; padding:0;}
	.blog_discussion h2 a {text-decoration: none; display: block; padding-bottom: 10px; padding-top: 10px; font-size: 16px; }
	.blog_discussion p.hide	{float:right; margin:0;}
	.blog_discussion p.author {margin:0; padding:0; font-weight:bold; clear:both;}
	.blog_discussion p.date {margin:0; padding:0; font-weight:bold;}

/* this is for elements that should be hidden on the home page eg. home links */
#homepageBody .hideOnHomepage {
    display: none;
}

/* hide these from screen view */
.printOnly {
    display: none;
}

/* Safari hack - MUST BE LAST LINE IN FILE !!! */
.headerSearchTextBox { width: 105px; }
.headerSearchTextBox { width: 100px;# }

/* DO NOT ADD ANYTHING BELOW the Safari hack*/