body {
    margin: 0px;
    padding: 0px;
}

/* 
 * mainBody is used in most pages for everything except the header (arch).
 *
 * Its current purpose is mainly to add the left margin that the body
 * takes away.  If we want to better isolate these css files from other
 * content such as php, #mainbody could be added to all general layout
 * directives, such as #mainbody h1 instead of just h1.
 */

.mainbody {
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 10px;
}

table {
   border-collapse: collapse;
}

#content {
    width: 100%;
    padding-right: 10px;
}

#contentrow {
    vertical-align: top;
}

#contentcolumn1, #contentcolumn2 {
    width: 50%;
}

#contentcolumn1 {
    padding-left: 2%;
    padding-right: 2%;
}

#contentcolumn2 {
    padding-left: 2%;
    padding-right: 0;
}

h1, h2 {
    margin-bottom: 0;
}

.Date {
    margin-top: 0;
}

ul#newsWidget,
ul#boardHeadlinesWidget,
ul#alertsWidget {
   padding: 0;
   margin-left: 20px;
}

ul#newsWidget li,
ul#boardHeadlinesWidget li,
ul#alertsWidget li {
    margin-bottom: 0.5em;
}

p#boardHeadlinesWidget,
p#alertsWidget {
    margin-top: 0;
}

#footerWidget {
    width: 100%;
    text-align: center;
    margin-top: 2em;
}

#footnoteWidget {
    width: 100%;
}

#footnoteWidget td {
    width: 30%;
		text-align: center;
}

.newslist ul {
   list-style-type: none;
}

.newslist h2,
.newslist p,
.newslist a,
.newslist ul {
   margin: 0;
}

.newslist li {
   margin-top: 0;
   margin-bottom: 1em;
}

#tellafriend {
   margin-left: 20px;
}

#tellafriend .und {
   text-decoration:underline
}

#tellafriend .thick {
   font-weight: bold
}

#tellafriend .thicker {
   font-weight: 900
}

#personalize {
   margin-left: 20px;
}

#myLinks
{
   margin-top: 6px;
}

#myLinks tr {
     vertical-align: top;
}

#myLinks td {
     padding: 0pt;
}

.googlenews {
   margin-top: 0;
}

p.formError {
   display: inline;
}