

body {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12pt;
    margin: .1em .3em;
}

p {
    font-size: 12pt;
    font-family: Times New Roman, Times, serif;
}

blockquote {
    font-size: 12pt;
    font-family: Times New Roman, Times, serif;
}

img {
    border: 0;
}

dd {
    font-size: 12pt;
    font-family: Times New Roman, Times, serif;
    margin-bottom: 10pt;
}

dd.compact {
    font-size: 12pt;
    font-family: Times New Roman, Times, serif;
    margin-bottom: 0pt;
}

dt {
    font-size: 105%;
    font-family: Times New Roman, Times, serif;
}

dt {
    font-size: 102%;
    font-family: Times New Roman, Times, serif;
    margin-bottom: 0pt;
}

img.compact {
    margin: 0pt;
    padding: 0pt;
}

h1 {
    font-family:  Times New Roman, Times, serif;
    font-size:  195%;
    font-weight:  bold;
}

h2 {
    font-family:  Times New Roman, Times, serif;
    font-size:  160%;
    font-weight:  bold;
}

h3 {
    font-family:  Times New Roman, Times, serif;
    font-size:  135%;
    font-weight:  bold;
}

h4 {
    font-family:  Times New Roman, Times, serif;
    font-size:  120%;
    font-weight:  bold;
}

h5 {
    font-family:  Times New Roman, Times, serif;
    font-size:  110%;
    font-weight:  bold;
}

h6 {
    font-family:  Times New Roman, Times, serif;
    font-size:  105%;
    font-weight:  bold;
}

big {
    font-size:  115%;
}

big big {
    font-size:  130%
}

small {
    font-size:  85%;
}

small small {
    font-size:  70%;
}

sub {
    font-size:  60%
}

sup {
    font-size:  60%
}

.invisible {
  font-size: 40%;
  color: #FFFFFF;
}

.compact {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

p.weather {
  font-size: 12pt;
  font-family: Times New Roman, Times, serif;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 20px;
}

a:link {
    text-decoration: underline;
    color: #663333;
}

a:visited {
    text-decoration: underline;
    color: #330000;
}

a:active {
    color: #FF0000;
    text-decoration: underline;
}

a:hover {
    color: #CC0000;
    text-decoration: underline;
}

table {
    border: 0;
}

td {
    vertical-align: top;
}


#Masthead {
    background-color: #CCCCCC;
    border: 1pt;
    border-color: #CCCCCC;
    padding: 0;
    width: 100%;
}

#PortalLogo {
    background-color: #CCCCCC;
    vertical-align: middle;
    width: 15%;
    height: 32px;
}

#PortalTitle {
    background-color: #CCCCCC;
    color: #000000;
    text-align: left;
    vertical-align: middle;
    font-family:  Times New Roman, Times, serif;
    font-size: 130%;
    font-weight: bold;
    width: 25%;
    height: 32px;
}

#NavBar {
    background-color: #CCCCCC;
    color: #000000;
    text-align: right;
    vertical-align: middle;
    font-family:  Times New Roman, Times, serif;
    font-size: 80%;
    width: 60%;
    height: 32px;
}

#NavBar a:link {
    color: #996666;
    text-decoration: none;
}

#NavBar a:visited {
    color: #663333;
    text-decoration: none;
}

#NavBar a:active {
    color: #FF0000;
    text-decoration: none;
}

#NavBar a:hover {
    color: #CC0000;
    text-decoration: none;
}

#MemberActionsBox {
    color: #660000;
    background-color: #C0C0C0;
    border-top: solid #000000;
    border-top-width: thin;
}

#ContextActionsBox {
    border-color: #000000;
    background-color: #C0C0C0;
    padding: 0;
}

.ContextActionsRow {
    color: #660000;
    background-color: #C0C0C0;
}


.ActionTitle {
    color: #000000;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 90%;
}

.ActionLink {
    color: #660000;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 90%;
}


.ActionLink a:link {
    color: #660000;
    text-decoration:  none;
    font-weight: bold;
}

.ActionLink a:visited {
    color: #660000;
    text-decoration:  none;
    font-weight: bold;
}

.ActionLink a:active {
    color: #660000;
    text-decoration:  underline;
    font-weight: bold;
}

.ActionLink a:hover {
    color: #660000;
    text-decoration:  underline;
    font-weight: bold;
}

.ObjectStatus {
    font-style: italic;
}

#ForematterCell {
    margin-top: 20px;
}

#DesktopStatusBar {
    color: #FF0000;
    background-color: #FFFFFF;
    font-family: Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: bold;
    margin-top: 8pt;
}

#DesktopTitle {
    margin-top: 8pt;
}

#DesktopDescription {
    font-style: italic;
    margin-left: 20pt;
    margin-right: 8pt;
}

#Desktop {
    margin-left: 8pt;
    margin-right: 8pt;
}

#ContentByline {
    font-size: 90%;
    font-style: italic;
}

#DiscussionAbove {
    margin-left: 16pt;
    margin-right: 8pt;
    margin-top: 8pt;
    margin-bottom: 8pt;
    font-style: italic;
}

table.FormLayout {
    width: 80%;
}

table.FormLayout tr {
    vertical-align: top;
}

table.FormLayout tr th.TextField {
    vertical-align: top;
    color: #000000;
}

table.FormLayout tr td.TextField {
    vertical-align: top;
    color: #000000;
}

table.FormLayout th {
    text-align: right;
    font-size: 80%;
    font-weight: bold;
}

table.FormLayout dl.FieldHelp dd {
    font-size: 80%;
    color: #000000;
}

table.FormLayout td.ListName {
    background-color:  #FFCCCC;
    color: #000000;
    font-weight: bold;
    vertical-align: middle;
}

table.FormLayout td.ListDefinition {
    font-style: italic;
    color: #000000;
}

table.ContentsList tr td {
    font-size: 12pt;
}

table.ContentsList tr td img {
    border: 0;
}

table.SearchResults {
    width: auto;
}

table.SearchResults tr th {
    text-align: left;
}

table.SearchResults tr td img {
    border: 0;
}

table.Wizard {
    width: auto;
}

table.Wizard tr {
    vertical-align: top;
}

table.Wizard tr th {
    text-align: right;
}

div.NewsBar {
    text-align: right;
}

table.NewsItems {
    border: 0;
}

td.NewsBorder {
    background-color: #FFCCCC;
}

td.NewsListing {
    background-color: #FFCCCC;
    color:  #000000;
    font-size: 80%;
    font-weight: bold;
}

a.NewsListing{
    background-color: #FFCCCC;
    color:  #000000;
    font-weight: bold;
}

td.NewsByLine {
    background-color:  #CCCCCC;
    color:  #000000;
    font-size: 80%;
    text-align: left;
    vertical-align: top;
}

.NewsLeadin {
    background-color: #FFCCCC;
    color:  #000000;
}

.NewsByLine {
    background-color:  #FFCCCC;
    color:  #000000;
}

.NewsDateline {
    background-color:  #FFCCCC;
    color:  #000000;
}

td.NewsTitle {
    background-color: #FFCCCC;
    color: #000000;
    text-align: center;
    font-size: 90%;
    font-weight: bold;
}

.NewsItemRow {
    background-color: #C0C0C0;
    font-size: 70%;
}

p.NewsHeadline {
    background-color:  #FFCCCC;
}

.sidebar_section_title {
  padding-top: 5px;
  padding-bottom: 0px;
  margin-top: 35px;
  margin-bottom: 0px;
}

.sidebar_list_item {
  padding-top: 0px;
  padding-bottom: 1px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.sidebar_item {
  padding-top: 0px;
  padding-bottom: 1px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 7px;
  margin-left: 7px;
  padding-right: 3px;
  padding-left: 3px;
}

#SaugusNetFont {
    font-family: 'lucida sans di','lucida sans i','lucida sans',sans-serif;
    font-style: italic;
    font-weight: bold;
}

#Alert {
    color: #CC0000;
}

#SmallAlert {
    color: #CC0000;
    font-size: 90%;
}






.CalendarArrow {
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.CalendarTitle {
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #000000;
}

div.CalendarBox {
    border: None;
    }

table.calendar {
    border: 1px solid #000000;
    text-align: right;
}

table.calendar th {
    background-color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

table.calendar td {
    white-space: nowrap;
    background-color: #FFFFFF;
    width: 1.5em;
}

table.calendar a {
    text-decoration: none;
    color: #663333;
}

table.calendar a:visited {
    text-decoration: none;
    color: #330000;
}

table.calendar a:active {
    text-decoration: none;
    color: #FF0000
}

table.calendar a:hover {
    text-decoration: none;
    color: #CC0000
}

table.calendar tr {
    background-color: #FFFFFF;
}

table.calendar td.weekdays {
    background-color: #C0C0C0;
    border: #000000;
    border-style: solid none;
    text-align: center;
}

table.calendar td.greenday {
    background-color: #CCCCCC;
}

table.calendar td.blueday {
    background-color: #CCCCCC;
}

table.calendar td.event {
    background-color: #C0C0C0;
    font-weight: bold;
}

table.calendar td.todayevent {
    background-color: #C0C0C0;
    border: 2px solid #003300;
    font-weight: bold;
}

table.calendar td.todaynoevent {
    border: 1px solid #003300;
    border-collapse: collapse;
}

div.day {
    background-color: #FFCCCC;
    border: 1px solid #000000;
    visibility: hidden;
    width: 12em;
    z-index: 2;
}


div.dayViewBox {
    background-color: #FFFFFF;
    border: None;
    }

table.dayView {
    border: 1px solid #000000;
    text-align: right;
}

table.dayView th {
    background-color: #C0C0C0;
    font-weight: bold;
    font-size: 150%;
    text-align: center;
}

table.dayView td {
    white-space: nowrap;
    background-color: #FFFFFF;
    font-size: 100%;
    width: 1.5em;
    padding: 0.2em;
    text-align: justify;
}

table.dayView td.startDate {
    font-size: 105%;
    text-align: right;
}

table.dayView td.endDate {
    font-size: 105%;
    text-align: left;
}

table.dayView td.center {
    text-align: center;
}

table.dayView td.heading {
    background-color: #C0C0C0;
    border: 1px solid #000000;
    font-size: 110%;
    text-align: center;
}

