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;
}

.header .words {
  max-width:70%;
  height:auto;
  padding:0;
}

.header img {
  max-width:20%;
  height:auto;
  padding:0;
}

.dailies {
    text-align:justify;
    padding:0;
    margin:0;
}

.dailies_date {
    text-align:right;
    margin-top:1em;
    float:right;
}

.dailies p {
    margin:.5em;
    clear:right;
}

.dailies h1 {
    margin:0;
    padding:0;
}


.layouttable {
	display:table;
	width:100%;
	border:0;
	padding:0;
	margin:0;
        clear:both;
}

.tr {
	display:table-row;
	border:0;
	padding:0;
	margin:0;
}

.td {
	display:table-cell;
	padding:1em 1.5em;
	width:50%;
	vertical-align:top;
	text-align:left;
}

.td h1,.td h2,.td h3 {
	text-align:center;
}

.td p {
	text-align:justify;
}

.sidebarcolumn {
    background-color:#CCC;
    max-width:320px;
    width:20%;
}

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;
}


.ancientBrowser {
	display:none;
}

@media (max-width: 640px) {

    html {
        font-size: 14px;
    }

    .header h1 {
	text-align:right;
        clear:right;
	padding:0;
	margin:0;
    }

    .header .words {
        padding:0;
        margin:0;
        border:0;
	clear:none;
        float:right;
    }

    .header img {
	float:left;
    }

    .sidebar ul {
        padding:0;
        margin:.25em;
        border:0;
    }

    .sidebar li {
        padding:0;
        margin:.25em 0 .25em 1em;
    }

}

@media (orientation: landscape) and (max-width: 736px) {
    .sidebarcolumn {
        width:35%;
        max-width:200px;
        vertical-align:top;
        font-size:.9em;
    }

    .sidebar, .layouttable, .tr, .td {
        padding:0;
        margin:0;
        border:0;
    }

    .sidebar h4 {
        margin:1em 0 .5em 1em;
    }

    .dailies {
        width:100%;
        padding:0;
        margin:0;
    }

    .dailies p {
        margin:.5em;
    }

    .td {
        vertical-align:top;
    }

    .header br {
        display:none;
    }
}

@media (max-width: 450px), (orientation: portrait) and (max-width: 736px), handheld {
    body {
        font-size: 14px;
    }

    .layouttable {
	display:block;
        width:100%;
        margin:0;
        padding:0;
        border:0;
    }

    .tr {
	display:block;
        width:100%;
        margin:0;
        padding:0;
        border:0;
    }

    .td {
	display:block;
        width:100%;
        margin:0;
        padding:0;
        border:0;
    }

    .header .words {
        padding:0;
        margin:0;
        border:0;
	clear:none;
        float:right;
    }

    .header img {
	float:left;
    }

    .header h1 {
	text-align:right;
        clear:right;
	padding:0;
	margin:0;
    }

    .header hr, .header br {
        display:none;
    }

    .header {
        margin:0;
        padding:.1em .25em 0;
    }

    .sidebarcolumn {
        width:100%;
        max-width:100%;
        padding:0;
        margin:0;
    }

    .sidebar {
        width:100%;
        max-width:100%;
        padding:0;
        margin:0;
    }

    .sidebar h4 {
        text-align:center;
        margin:0;
        padding:.75em 0 0;
    }

    .business_links, .contact_info, .sidebar_graphic {
        display:none;
    }

    .dailies {
        margin:0;
        padding:0;
        border:0;
        width:100%;
    }
}

@media projection {
    body {
        font-size: 20px;
    }

    .header {
        page-break-after:always;
        margin:5em;
    }

    .header hr, .header br {
        display:none;
    }

    .header h1 {
	text-align:right;
        clear:right;
	padding:0;
	margin:0;
        font-size:8em;
    }

    .header .words {
        padding:0;
        margin:0;
        border:0;
	clear:none;
        float:right;
        width:70%;
        height:auto;
    }

    .header img {
	float:left;
        width:25%;
        height:auto;
    }

    .sidebarcolumn, .sidebar {
        display:none;
    }

    .layouttable {
	display:block;
        width:100%;
        margin:0 5em;
        padding:0;
        border:0;
    }

    .tr {
	display:block;
        width:100%;
        margin:0;
        padding:0;
        border:0;
    }

    .td {
	display:block;
        width:90%;
        margin:0 auto;
        padding:0;
        border:0;
    }

    .dailies h1 {
        font-size:8em;
        margin:2em;
    }

    .dailies p {
        font-size:3em;
        margin:1em;
    }

    .dailies_date {
        page-break-after:avoid;
    }

    p {
        page-break-inside:avoid;
    }

    .footer {
        width:99%;
        font-size:2em;
    }
}