body { background-color: #7C7D7F; }

a:link { color: #002F79; text-decoration: underline; font-family: Arial;}
a.navigation:link { color: #000000; text-decoration: none; font-family: Arial;}
a.navigation:hover { color: #000000; text-decoration: none; font-family: Arial;}
a.navigation:visited { color: #000000; text-decoration: none; font-family: Arial;}
a.subnavigation:link { color: #333333; text-decoration: none; font-family: Arial;}
a.subnavigation:hover { color: #002F79; text-decoration: none; font-family: Arial; background-color:#FFFFCC}
a.subnavigation:visited { color: #000000; text-decoration: none; font-family: Arial;}


a:hover { text-decoration: none; }

a:active { color: #FF3333 }

.text { color: #333333; font-family: Arial; font-size:  12px; }
.textNext { color: #333333; font-family: Arial; font-size:  12px; padding-right: 10px; padding-bottom: 10px;}
.navtext { color: #000000; font-family: Arial; font-size:  12px; }
.textBold { color: #333333; font-family: Arial; font-size:  12px; font-weight: bold}
.textItalic { color: #333333; font-family: Arial; font-size:  12px; font-style: italic; }
.textBoldItalic { color: #333333; font-family: Arial; font-size:  12px; font-weight: bold; font-style:italic;}
.textRed { color:#FF0000; font-family: Arial; font-size:  12px; }
.textRedSmall { color:#FF0000; font-family: Arial; font-size:  10px; }
.textRedItalic { color: #FF0000; font-family: Arial; font-size:  12px; font-style: italic; }
.textRedItalicSmall { color: #FF0000; font-family: Arial; font-size:  10px; font-style: italic; }
.textStrikeout { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:line-through}
.footer { color: #333333; font-family: Arial; font-size:  10px; padding-left: 8px;}
.textLarge { color: #333333; font-family: Arial; font-size: 14px; }
.textLargeBold { color: #333333; font-family: Arial; font-size: 14px; font-weight: bold}
.textSmall { color: #333333; font-family:Arial, Helvetica, sans-serif; font-size:10px}
.textSmallItalic { color: #333333; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic}
.textSmallBold { color: #333333; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold}
.h1 {color:#244F71; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left}
.textBoldWhite { color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: bold}
.textLargeBoldWhite { color: #FFFFFF; font-family: Arial; font-size: 14px; font-weight: bold}
.textLargeBoldGray { color: #666666; font-family: Arial; font-size: 14px; font-weight: bold}
.textGrayItalic { color: #666666; font-family: Arial; font-size: 12px; font-style:italic}
.textGray { color: #666666; font-family: Arial; font-size: 12px;}
.textGraySmall { color: #666666; font-family: Arial; font-size: 10px;}
.h2 {color:#244F71; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; padding-left: 8px; padding-top:8px;}
.textMedium { color: #333333; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal}
.textMediumBold { color: #333333; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold}
.textMediumItalic { color: #333333; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:italic}
.textGreen {color: #006040}
.indent { text-indent: 10px;}
.h3 { color: #244F71; font-family: Arial; font-size: 12px; font-weight: bold}

/* NAVIGATION DROP-DOWN */

#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
background-color: #FFFFFF;
}

.mainitems a{
margin-left: 8px;
margin-right: 30px;
text-decoration: none;
}

.subuls{
display: none;
width: 20px;  
position: absolute;
top: 1.2em;
left: 0;
background-image:url(images/transparent.png);
}

.subuls li a{
text-decoration: none;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin-bottom:5px;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}