body {
    font-family: sans-serif;
    background-color: white;
    color: Black;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

li {
    margin-bottom: 6pt;
}

.listing li a {
    margin-bottom: 0pt;
    display: block;
}

.listing p {
    margin-top: 2pt;
    margin-bottom: 0pt
}

p {
    margin-left: 0.5em;
    margin-right: 50px;
}

pre {
    font-size: 100%;
}

code {
    font-size: 100%;
}


h1, h2, h3, h4 {font-family: sans-serif; color: #336699;}

h1 {
    font-size:  140%;
    border-bottom:2px solid #5599CC;
    margin-right: 50px;
}

h2 {
    font-size:  120%;
    border-bottom:1px solid #5599CC;
    margin-left:0.5em;
    margin-right: 50px;
}

h3 {
    font-size:  110%;
    margin-left:0.5em;
}

h4 {
    color: black;
    font-weight: bold;
    margin-left: 0.5em;
}

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

a:visited {
    color: #336699;
}

a:active {
    color: #336699;
}

a:hover {
    color: #5599CC;
}

table {
    border: 0;
}

td {
    font-family: Helvetica, Arial, sans-serif;
    vertical-align: top;
}


#Masthead {
    background-color: #336699;
    width: 100%;
}

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

#PortalTitle {
    background-color: #336699;
    color: White;
    text-align: left;
    vertical-align: middle;
    font-family:  Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    width: 25%;
    height: 32px;
}

#NavBar {
    background-color: #336699;
    color: #FFFFFF;
    text-align: right;
    vertical-align: middle;
    font-size: 80%;
    width: 60%;
    height: 32px;
}

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

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

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

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

#MemberActionsBox {
    color: #336699;
    background-color: #EEEEEE;
    font-size: 80%;
}

#MailBoxer  {
   font-size: 80%;
}

#NewsBox, #ContextActionsBox {
    margin-top:4pt;
    margin-left:4pt;
    border:1px solid #5599CC;
    border-width:1px 1px 0px 0px;
    font-size: 80%;
    background-color: white;
}

/* Workflow status */

#ContextActionsBox .ObjectStatus {
    color: black;
    font-style: normal;
}

#ContextActionsBox .ObjectStatus span {
    font-weight: bold;
}

.ActionTitle {
    color: black;
    font-weight: bold; 
    background-color: #EEEEEE;
}

.ActionLink {
    color: #336699;
    font-weight: normal;
}

.ActionLink a{
    text-decoration: none;
}

.ActionLink a:link {
    color: #336699;
}

.ActionLink a:visited {
    color: #336666;
}

.ActionLink a:active {
    color: #D0D0D0;
}

.ActionLink a:hover {
    color: #5599CC;
}

.ObjectStatus {
    font-style: italic;
}

.ContextActionsRow td.ActionLink {
    border-top:1px solid #5599CC;
    margin-bottom:4pt;
}

#ForematterCell {
    margin-top: 20px;
}

#DesktopStatusBar {
    color: #FF9999;
    font-size: 80%;
    font-style: italic;
    margin-top: 8pt;
}

#DesktopTitle {
    margin-top: 8pt;
}

#DesktopDescription {
    font-size: 80%;
    margin-left: 0.5em;
    margin-top: 2em;
    margin-right: 50px;
}

#Desktop {
    font-size: 80%;
    margin-left: 0pt;
    margin-right: 8pt;
}

#ContentByline {
    font-size: 80%;
    color: #888888;
}

.listing {
    font-size: 100%;
}

.listing a {
    font-weight: bold;
    text-decoration: underline;
}

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

table.FormLayout {
    width: 80%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
}

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-weight: bold;
}

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

table.FormLayout td.ListName {
    color: #5599CC;
    vertical-align: middle;
}

table.FormLayout td.ListDefinition {
    color: black;
}

table.ContentsList tr td {
    font-size: 80%;
    font-family: Helvetica, Arial, sans-serif;
}

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

table.SearchResults {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    width: 90%;
}

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: #336699;
}

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

a.NewsListing{
    background-color: #336699;
    color:  #FFFFFF;
    font-weight: bold;
}

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

.NewsLeadin {
    background-color: #FFFFFF;
    color:  #336699;
}

.NewsByLine {
    background-color:  #336699;
    color:  #FFFFFF;
}

.NewsDateline {
    background-color:  #336699;
    color:  #FFFFFF;
}

td.NewsTitle {
    background-color: #778899;
    color: #FFFFFF;
    text-align: center;
    font-size: 80%;
    font-weight: bold;
}

.NewsItemRow {
    color: white;
    background-color: #778899;
    font-size: 60%;
}

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