@charset "UTF-8";
/**
* $Id: screen.css 2009-08-01 $
*      This file defines the default style for XHTML pages conforming with the 
*      Trapeze Style Guide.
*
* @author Marcos Abreu
* @copyright Copyright (c) 2009, Trapeze, All rights reserved.
*
* Main Categories:
*      Site Layout  |  Typography  |  Images  |  Lists  |  Forms  |  Tables
*
*/
/* ============================================================================
Site Layout 
============================================================================ */
body {
margin: 0px;
padding: 0px;
background-color: #fff;
}
/* ==================== Utilities ==================== */
.hide {
display: none;
}
.position-left,
.position-right {
position: relative;
width: 100%;
}
.position-left {
float: left;
}
.position-right {
float: right;
}
/* ============================================================================
Typography 
============================================================================ */
/* ==================== Basic ==================== */
body {
color: #000000;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
line-height: 1.5;
}
cite, em, dfn {
font-style: italic;
}
strong, dfn {
font-weight: bold;
}
address {
margin: 0 0 10px;
font-style: italic;
}
del {
text-decoration: line-through;
color:#666;
}
ins {
border-bottom: 1px solid #ccc;
}
pre {
margin: 10px 0;
white-space: pre;
}
pre, code, tt {
font-size: 11px;
font-family: 'andale mono', 'lucida console', monospace;
line-height: 1.5;
}
/* ==================== Subscript and superscript ==================== */
sup, sub {
line-height: 0;
font-size: 90%;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
/* ==================== Abreviations and Acronyms ==================== */
abbr, acronym {
text-transform: uppercase;
font-size: 90%;
border-bottom: 1px solid #666;
}
/* ==================== Quotes ==================== */
blockquote {
color: #666;
font-style: italic;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 24px;
}
blockquote *:first-child:before { 
content: "C"; 
}
blockquote *:first-child:after { 
content: "D"; 
}
/* ==================== Headers ==================== */
h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, sans-serif;
color: #000;
font-weight: bold;
}
h1 {
font-size: 32px;
line-height: 1.4em;
margin-bottom: 12px;
}
h1.smaller {
font-size: 21.3px;
}
h1.larger {
font-size: 42.6px;
}
h2 {
font-size: 26.6px;
line-height: 1.3em;
margin-bottom: 8px;
}
h2.smaller {
font-size: 18.6px;
}
h2.larger {
font-size: 37.3px;
}
h3 {
font-size: 21.3px;
line-height: 1.2;
margin-bottom: 6px;
}
h3.smaller {
font-size: 16px;
}
h3.larger {
font-size: 32px;
}
h4 {
font-size: 18.6px;
line-height: 1.1;
margin-bottom: 6px;
}
h4.smaller {
font-size: 14.6px;
}
h4.larger {
font-size: 29.3px;
}
h5, h6 {
font-size: 13px;
line-height: 1.1;
margin-bottom: 6px;
}
/* ==================== inline and text blocks ==================== */
p {
margin: 0 0 6px;
font-size: 16px;
}
p.smaller {
font-size: 13.3px;
}
p.larger {
font-size: 26.6px;
}
/* ==================== links ==================== */
a {
color: #0000ff;
text-decoration: underline;
}
a:hover,
a:active,
a:focus {
text-decoration: underline;
color: #a81933;
}
a:visited {
color: #5e5e5e;
text-decoration: none;
}
a abbr,
a acronym {
border: none;
}
/* ============================================================================
Images
============================================================================ */
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin: 0;
}
img.left {
float: left;
margin: 10px 10px 10px 0;
padding: 0;
}
img.right {
float: right;
margin: 10px 0 10px 10px;
}
/* ============================================================================
Lists
============================================================================ */
ul.inline-list,
ul.inline-list li {
display: inline;
}
.markup-content li ul,
li ol {
margin: 0 12px;
}
.markup-content ul, 
ol {
margin: 0 10px 10px 10px;
}
.markup-content ul {
list-style-type: disc;
}
.markup-content ul ul {
list-style-type: square;
}
.markup-content ul ul ul {
list-style-type: circle;
}
ol {
list-style-position: outside;
list-style-type: decimal;
}
dl {
margin: 0 0 10px 0;
}
dl dt {
font-weight: bold;
}
dd {
margin-left: 10px;
}
.first-child {
margin-top: 0;
margin-left: 0;
}
.last-child {
margin-bottom: 0;
margin-right: 0;
}
/* ============================================================================
Forms
============================================================================ */
/* ============================================================================
Tables
============================================================================ */
/* ==================== Your Element Layout ==================== */
.advisory {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
color: #b9b9b9;
}
.SiteMapLevel_1, .sitemaplevel_1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
text-decoration: none;
}
.SiteMapLevel_2, .sitemaplevel_2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
text-decoration: none;
}
.SiteMapLevel_3, .sitemaplevel_3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
text-decoration: none;
}
.sidenav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
text-decoration: none;
background-image: url(/multimedia/Website/Navigation/lgnavbg.gif);
background-position: bottom;
background-repeat: no-repeat;
background-color: #e1e5e6;
}
.sidenavinner {
font-size: 9px;
}
.navexpanded {
background-color: #B2C0C3;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
padding-left: 26px;
padding-top: 5px;
padding-bottom: 5px;
color: #000000;
}
.navexpanded A:link{
color: #000000;
text-decoration: none;
}
.navexpanded A:active{
color: #666666;
text-decoration: none;
}
.navexpanded A:visited{
color: #666666;
text-decoration: none;
}
.navexpanded A:hover{
color: #660000;
text-decoration: none;
}
.navexpandedactive {
background-color: #B2C0C3;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: #666666;
background-image: url(/multimedia/Website/Navigation/darkermenu.gif);
background-position: bottom;
background-repeat: no-repeat;
}
.navexpandedactive A:link{
color: #666666;
text-decoration: none;
}
.navexpandedactive A:active{
color: #666666;
text-decoration: none;
}
.navexpandedactive A:visited{
color: #666666;
text-decoration: none;
}
.navexpandedactive A:hover{
color: #666666;
text-decoration: none;
}
.navexpandedactive A:hover{
color: #666666;
text-decoration: none;
}
.navitempadding {
padding-top: 5px;
padding-bottom: 5px;
}
.searchbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
}
.sidenav A:link{
color: #666666;
text-decoration: none;
}
.csidenav A:active{
color: #660000;
text-decoration: none;
}
.sidenav A:visited{
color: #666666;
text-decoration: none;
}
.sidenav A:hover{
color: #660000;
text-decoration: none;
}
.topnav {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-size: 10px;
}
.topnav A:link{
color: #FFFFFF;
text-decoration: none;
}
.topnav A:active{
color: #FFFFFF;
text-decoration: none;
}
.topnav A:visited{
color: #FFFFFF;
text-decoration: none;
}
.topnav A:hover{
color: #FFFFFF;
text-decoration: none;
}
.toplinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
text-decoration: none;
}
.toplinks a:link {
color:#666666;
text-decoration:none;
}
.contentScrapeHeader, .contentscrapeheader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding-left: 6px;
padding-right: 6px;
}
.contentScrapeText, .contentscrapetext  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
padding-left: 6px;
padding-right: 6px;
height: 19px;
}
.redboxheading {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
padding-left: 6px;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
}
.redboxtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
padding-left: 6px;
padding-right: 6px;
height: 19px;
}
.redboxnav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
padding-top: 4px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
height: 19px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #c26666;
}
.redboxnav A:link{
color: #FFFFFF;
text-decoration: none;
}
.redboxnav A:active{
color: #FFFFFF;
text-decoration: none;
}
.redboxnav A:visited{
color: #FFFFFF;
text-decoration: none;
}
.redboxnav A:hover{
color: #0000FF;
text-decoration: none;
}
.toplinks A:link{
color: #666666;
text-decoration: none;
}
.toplinks A:active{
color: #666666;
text-decoration: none;
}
.toplinks A:visited{
color: #003366;
text-decoration: none;
}
.toplinks A:hover{
color: #660000;
text-decoration: none;
}
.sidenavover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-decoration: none;
background-image: url(/multimedia/Website/Navigation/navbgoon.gif);
}
.greyboxnav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
padding-left: 6px;
padding-right: 6px;
height: 17px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #a3a3a3;
}
.greyboxheading{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
}
.greyboxnav A:link{
color: #FFFFFF;
text-decoration: none;
}
.greyboxnav A:active{
color: #FFFFFF;
text-decoration: none;
}
.greyboxnav A:visited{
color: #FFFFFF;
text-decoration: none;
}
.greyboxnav A:hover{
color: #FFFFFF;
text-decoration: none;
}
.boxheaderpadding {
padding-bottom: 7px;
}
.bottomlinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
text-decoration: none;
}
.bottomlinks A:link{
color: #666666;
text-decoration: none;
}
.bottomlinks A:active{
color: #666666;
text-decoration: none;
}
.bottomlinks A:visited{
color: #666666;
text-decoration: none;
}
.bottomlinks A:hover{
color: #666666;
text-decoration: none;
}
.breadcrumbs {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
text-decoration: none;
text-indent: 11px;
}
.breadcrumbs A:link{
color: #666666;
text-decoration: none;
}
.breadcrumbs A:active{
color: #666666;
text-decoration: none;
}
.breadcrumbs A:visited{
color: #666666;
text-decoration: none;
}
.breadcrumbs A:hover{
color: #666666;
text-decoration: none;
}
.titles {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #000000;
}
.pagecontent {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.AritcleTitle, .aritcletitle{
font-family: Verdana;
font-size:14pt;
color:#9A0000;
font-weight: bold;
}
.AritcleSubTitle, .aritclesubtitle{
font-family: Verdana;
font-size:10pt;
color:#000000;
font-style: italic;
}
.chart{
font-family:Verdana;
font-size:10pt;
}
.chartDarkBlueCornerLeft, .chartdarkbluecornerleft {
height:40px;
width:15px;
background:#005CB9;
}
.chartDarkBlueCornerLeftBot, .chartdarkbluecornerleftbot{
height:9px;
width:15px;
background:#005CB9;
}
.chartDarkBlueCornerRight, .chartdarkbluecornerright{
height:40px;
width:15px;
background:#005CB9;
}
.chartDarkBlueCornerRightBot, .chartdarkbluecornerrightbot{
height:9px;
width:15px;
background:#005CB9;
}
.chartDarkBlueBottomBar, .chartdarkbluebottombar {
background:#005CB9;
height:9px;
}
.chartDarkBlueTitle, .chartdarkbluetitle {
color:#FFFFFF;
font-size:10pt;
font-weight:bold;
background:#005CB9;
height:40px;
text-align:center
}
.chartDarkBlue, .chartdarkblue {
color:#FFFFFF;
font-size:10pt;
font-weight:bold;
background:#005CB9;
height:20px;
text-align:center
}
.chartLightBlue, .chartlightblue {
color:#000000;
font-size:10pt;
background:#A8D3FF;
text-align:left;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
.chartLighterBlueL, .chartlighterbluel {
color:#ff0000;
font-size:14pt;
font-weight:bold;
background:#D2E9FF;
height:20px;
text-align:center;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
.chartLighterBlueLL, .chartlighterbluell {
color:#cccccc;
font-size:18pt;
font-weight:bold;
background:#D2E9FF;
height:20px;
text-align:center;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
.chartLighterBlue, .chartlighterblue {
color:#aaaaaa;
font-size:10pt;
font-weight:bold;
background:#D2E9FF;
height:20px;
text-align:center;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
.chartWhite, .chartwhite {
color:#000000;
font-size:10pt;
background:#ffffff;
height:20px;
text-align:left;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
.chart2{
font-family:Verdana;
font-size:10pt;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccccccc;
}
.chart2DarkBlueCornerLeft, .chart2darkbluecornerleft{
height:20px;
width:15px;
background:#005CB9;
}
.chart2DarkBlueCornerLeftBot, .chart2darkbluecornerleftbot{
height:9px;
width:15px;
background:#005CB9;
}
.chart2DarkBlueCornerRight, .chart2darkbluecornerright{
height:20px;
width:15px;
background:#005CB9;
}
.chart2DarkBlueCornerRightBot, .chart2darkbluecornerrightbot{
height:9px;
width:15px;
background:#005CB9;
}
.chart2DarkBlueBottomBar, .chart2darkbluebottombar {
background:#005CB9;
height:9px;
}
.chart2DarkBlueTitle, .chart2darkbluetitle {
color:#FFFFFF;
font-family:Verdana;
font-size:10pt;
font-weight:bold;
background:#005CB9;
height:30px;
text-align:center
}
.chart2DarkBlueSubTitle, .chart2darkbluesubtitle {
color:#000000;
font-size:10pt;
font-weight:bold;
background:#cccccc;
height:30px;
text-align:left;
padding-left:10px;
}
.chart2SubBorderLeft, .chart2subborderleft{
border-left-width: 1px;
border-left-style: solid;
border-left-color: #ccccccc;
}
.chart2SubBorderRight, .chart2subborderright{
border-right-width: 1px;
border-right-style: solid;
border-right-color: #ccccccc;
}
.chart2Pad, .chart2pad{
font-family:Verdana;
font-size:10pt;
padding-left:10px;
padding-top:5px;
padding-right:2px;
padding-bottom:2px;
}
.boxContent, .boxcontent{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #005CB9;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #005CB9;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #005CB9;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #005CB9;
padding-left:10px;
padding-top:5px;
padding-right:2px;
padding-bottom:5px;
}
.imgPad, .imgpad{
padding-right:10px;
}
.GlossItem, .glossitem{
font-family:Verdana;
font-size:10pt;
width: 159px;
padding-left:5px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #005CB9;
}
.GlossDiscrip, .glossdiscrip{
font-family:Verdana;
font-size:10pt;
padding-left:5px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
background:#eeeeee;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #005CB9;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #005CB9;
}
.TravItem, .travitem{
font-family:Verdana;
font-size:10pt;
padding-left:5px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #005CB9;
}
.TravDiscrip, .travdiscrip{
font-family:Verdana;
font-size:10pt;
padding-left:5px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
background:#eeeeee;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #005CB9;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #005CB9;
}
.calTitle, .caltitle{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-decoration: none;
}
.calArial, .calarial{
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;                  
}
.calTimes, .caltimes{
font-family:Times New Roman, Times, serif;
font-size: 16px;                  
}
.greyJobsnav, .greyjobsnav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
height: 10px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #a3a3a3;
}
.greyJobsheading, .greyjobsheading{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
}
.greyJobsheading A:link, .greyjobsheading a:link{
color: #FFFFFF;
text-decoration: none;
}
.greyJobsheading A:active, .greyjobsheading a:active{
color: #FFFFFF;
text-decoration: none;
}
.greyJobsheading A:visited, .greyjobsheading a:visited{
color: #FFFFFF;
text-decoration: none;
}
.greyJobsheading A:hover, .greyjobsheading a:hover{
color: #0000FF;
text-decoration: none;
}
.greyJobsnav A:link, .greyjobsnav a:link{
color: #FFFFFF;
text-decoration: underline;
}
.greyJobsnav A:active, .greyjobsnav a:active{
color: #FFFFFF;
text-decoration: none;
}
.greyJobsnav A:visited, .greyjobsnav a:visited{
color: #FFFFFF;
text-decoration: underline;
}
.greyJobsnav A:hover, .greyjobsnav a:hover{
color: #0000FF;
text-decoration: none;
}
.leftLinks, .leftlinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
height: 10px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #a3a3a3;
}
.leftLinksheading, .leftlinksheading {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
padding-top: 6px;
padding-left: 2px;
padding-right: 6px;
padding-bottom: 6px;
}
.leftLinks A:link, .leftlinks A:link{
color: #000000;
text-decoration: underline;
}
.leftLinks A:active, .leftlinks A:active{
color: #000000;
text-decoration: none;
}
.leftLinks A:visited, .leftlinks A:visited{
color: #000000;
text-decoration: underline;
}
.leftLinks A:hover, .leftlinks A:hover{
color: #0000FF;
text-decoration: none;
}
.contentSmall, .contentsmall {
font-family: Verdana; 
font-size: small;
}
.contentXsmall, .contentxsmall {
font-family: Verdana; 
font-size: x-small;
}
.contentXsmall , .contentxsmall {
font-family: Verdana; 
font-size: x-small;
}
.contentXxsmall, .contentxxsmall {
font-family: Verdana; 
font-size: xx-small;
}
.caltitle{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-decoration: none;
}
.calarial{
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;                  
}
.caltimes{
font-family:Times New Roman, Times, serif;
font-size: 16px;                  
}
.boxcontent{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #005CB9;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #005CB9;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #005CB9;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #005CB9;
padding-left:10px;
padding-top:5px;
padding-right:2px;
padding-bottom:5px;
}
/* ============ Calculator Page Progress ================ */
#CalculatorProgress {
margin: 0px 5px 10px 5px;
padding:10px;
}
#CalculatorProgressPage14 {
display:none;
}
#CalculatorProgress span.active {
color:red;
}
#CalculatorProgress span {
margin-right: 15px;
}
#displayContent1,
#displayContent2,
#displayContent3,
#displayContent4,
#displayContent5,
#displayContent6,
#displayContent7,
#displayContent8,
#displayContent9,
#displayContent10,
#displayContent11,
#displayContent12,
#displayContent13,
#displayContent14 {
border:1px solid red;
}
/* ============ Text Size Adjustment ================ */
#TextAdjustment {
text-align:right;
}
#TextAdjustment a {
color:black;
}
#TextAdjustment a:hover {
cursor:pointer;
}