body {
background-color: White;
color: Black;
margin-top: 0;
margin-left:2pt;
margin-right:2pt;
margin-bottom:0;
}

p, td {
font: 10pt 'Trebuchet MS', sans-serif;
}

div.album_thumb
{
display: inline;
padding: 10px;
margin: 10px;
background-color: #e0e0e0;
border: 2px solid #c0c0c0;
width: 160px;
height: 160px;
text-align: center;
}

div.thumb_title
{
font-size: 8pt;
font-weight: bold;
}

div.thumb_desc
{
font-size: 8pt;
}

img.album_thumb
{
border: solid 1px black;
}

h1.PageTitle {
font-family: sans-serif;
font-size: 20pt;
font-weight: bold;
color: royalblue;
}

h1 {
font-family: sans-serif;
font-size: 18pt;
font-weight: bold;
color: royalblue;
}

h2 {
font-family: sans-serif;
font-size: 16pt;
font-weight: bold;
color: dodgerblue;
}

h3 {
font-family: sans-serif;
font-size: 12pt;
font-weight: bold;
color: steelblue;
}

h4 {
font-family: sans-serif;
font-size: 10pt;
font-style: italic;
font-weight: bold;
}

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

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

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

a:hover {
text-decoration: none;
color: Blue;
}

table {
border: 0;
}

td {
vertical-align: top;
}

table.MainMenu
{
width: 100%;
}

table.MainMenu tr td
{
font-size: 9pt;
text-align: right;
}

/*
table.MainMenu tr td
{
background-color: lightsteelblue;
}

table.MainMenu tr td a:link, table.MainMenu tr td a:visited
{
color: white;
}

table.MainMenu tr td a:hover, table.MainMenu tr td a:active
{
color: blue;
}
*/

#Masthead {
background-color: #336699;
border: 1pt;
border-color: $336699;
padding: none;
cell-spacing: none;
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: sans-serif;
font-size: 120%;
font-weight: bold;
width: 25%;
height: 32px;
}

#NavBar {
background-color: #336699;
color: #FFFFFF;
text-align: right;
vertical-align: middle;
font-family: sans-serif;
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: White;
background-color: #5599CC;
border-top: solid #AAAAAA;
border-top-width: thin;
}

#ContextActionsBox {
border-color: #AAAAAA;
background-color: #AAAAAA;
padding: none;
}

.ContextActionsRow {
color: White;
background-color: #AAAAAA;
}


.ActionTitle {
color: Black;
font-family: sans-serif;
font-weight: bold;
font-size: 90%;
}

.ActionLink {
color: Black;
font-family: sans-serif;
font-size: 90%;
}


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

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

.ActionLink a:active {
color: White;
text-decoration: none;
font-weight: bold;
}

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

.ObjectStatus {
font-style: italic;
}

#ForematterCell {
margin-top: 20px;
}

#DesktopStatusBar {
color: Red;
font-family: Arial, Verdana, Helvetica, 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: #336699;
color: #FFFFFF;
font-weight: bold;
verticle-align: middle;
}

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

table.ContentsList tr td {
font-size: 100%;
}

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: #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: #336699;
color: #FFFFFF;
text-align: center;
font-size: 90%;
font-weight: bold;
}

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

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

/* Calendar Stuff */

table.cal
{
font: 8pt 'Tahoma';
}

td.day
{
background-color: #e0e0ff;
border: solid 1px #8080ff;
width: 100px;
}

td.wkday, div.wkday
{
background-color: lightsteelblue;
text-align: right;
font-weight: bold;
padding: 0 2pt;
}

tr.evrow
{
height: 80px;
}

div.ev
{
margin: 4pt 2pt;
}

div.ev div.ev
{
border-bottom: 1px solid #ffffff;
background-color: red;
}


.MainMenuArea
{
width: 135pt;
}

.MainMenuAreaGap
{
width: 10px;
}

@media print
{
.SYCBanner
{
width: 100%;
}

.MainMenuArea
{
display: none;
}

.MainMenuAreaGap
{
display: none;
}

.MainMenu
{
display: none;
}
}