html {
	display:    none;
	visibility: hidden;
}

ul#menu li {
	padding-bottom: 0px;
	list-style-image: none;
}

.menu_center {
    width: 980px;
    margin: 0 auto; 
    padding: 0;
}

.lvl1_header {
    text-transform: uppercase;
}

.lvl2_header {
    text-transform: uppercase;
}

div.shortcuts {
    background: none repeat scroll 0 0 #4D4D4D;
    margin-top: -10px;
    padding-top: 10px;
    border-bottom: 7px solid rgb(175, 190, 45);
}

table.shortcuts {
    width: 240px;
    margin-top: 10px;
}

table.shortcuts td {    
    padding-left: 11px;
    margin: 10px;
    padding: 10px;
}

table.shortcuts td a {
    font-family: Arial !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: bold !important;   
}

div.shortcuts li a {
    font-family: Arial !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: bold !important;   
}

a.customize {
    background-image: url('/t2scr/sharedDeployedT2scrWeb/images/PenWhite.png');
    background-position: left center;
    background-repeat: no-repeat;
    margin-top: 25px !important;
    padding-left: 25px !important;
    margin-bottom: 10px !important;
}


.lvl3_selected {
    background-image: url('/t2scr/sharedDeployedT2scrWeb/images/ArrowRightBlack.png');
    background-position: left 2px;
    background-repeat: no-repeat;
    
    /*border-bottom: 5px solid #4D81B6;*/ /*remove to support French*/
}

h3.lvl2_header:hover {  
    background-color: transparent;
}

h3.lvl2_header:hover a {
    color: #010101 !important;
}

.smallestTag, .smallTag, .mediumTag, .largeTag, .largestTag {
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 22px;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    white-space: nowrap;
}
.smallestTag a, .smallestTag a:hover, .smallestTag a:visited {
    color: #979696;
    font-size: 8pt;
    font-weight: bold;
}
.smallTag a, .smallTag a:hover, .smallTag a:visited {
    background-color: #EEEEEE;
    color: #000000;
    font-size: 9pt;
}
.mediumTag a, .mediumTag a:hover, .mediumTag a:visited {
    color: #EE9400;
    font-size: 10pt;
}
.largeTag a, .largeTag a:hover, .largeTag a:visited {
    color: #202020;
    font-size: 12pt;
    font-weight: bold;
}
.largestTag a, .largestTag a:hover, .largestTag a:visited {
    color: #EE9400;
    font-size: 15pt;
    font-weight: bold;
}

.topNav {
    padding-left: 20px;
    padding-top: 18px;
    width: 960px;
}
#menu {
    /*background: none repeat scroll 0 0 #EEB333;*/
    background: none repeat scroll 0 0 rgb(247, 247, 247);
    /*height: 59px;*/
    height: 95px;
    list-style: none outside none;
    margin: 0 0 0 auto;
    /*padding: 0;*/
    padding: 0;
    position: relative;
    text-align: left;
    /*width: 100%;*/
    width: 980px;
    z-index: 10001;
}

#toplevel {
    height: 95px; 
}
#menu li.level3:hover {
    /*background: none repeat scroll 0 0 #F2F0EE;*/
    /*Delay support, for IE7*/
    background: none repeat scroll 0 0 rgb(230, 229, 227);
    /*border-bottom: medium none;*/
    /*border-left: 1px solid #F2F0EE;
    border-right: 1px solid #F2F0EE;*/
    /*padding: 17px 10px 2px 4px;*/
}

#toplevel:hover {
    /*left: -1px;*/
    position: relative;
    /*removed since hoverIntent plugin will do it*/
    /*background: none repeat scroll 0 0 rgb(238, 179, 17) !important;*/
    
    /*Delay support, for IE7*/
    background: none repeat scroll 0 0 rgb(230, 229, 227)\9 !important;
    background: none\0/;
}

/*changed span to div (IE support), changed span/div position from relative to absolute, for Header support, bottom align level 1 text*/
#toplevel span {
    /*height: 59px;*/
    
    height: 100px;
    
    /*position: relative;
    top: 30px;*/

}

/*changed span to div (IE support), changed span/div position from relative to absolute, for Header support, bottom align level 1 text*/
#toplevel span a {
    min-width: 79px;
    text-align: left;
}

/*changed span to div (IE support), changed span/div position from relative to absolute, for Header support, bottom align level 1 text*/
#toplevel div#test {
    position: absolute;
    bottom: 10px;
    left: 0;
}

/*changed span to div (IE support), changed span/div position from relative to absolute, for Header support, bottom align level 1 text*/
#toplevel div#test a {
   color: #5C5C5C;
    display: block;
    font-family: Arial;
    font-size: 11px;
    outline: 0 none;
    padding: 4px 8px;
    text-decoration: none;
    cursor: default;
}

#menu li {
    display: block;
    float: left;
    margin-right: 0;
    position: relative;
    text-align: center;
}

li.level3 {
    border-bottom: 1px solid transparent; /*French support*/
}

.lvl1_width {
    width: 115px;
}

a.lvl1_header {
    color: #5C5C5C;
    display: block;
    font-family: Arial;
    font-size: 12px;
    outline: 0 none;
    padding-left: 8px;
    padding-right: 8px;
    text-decoration: none;
    padding-top: 15px !important;
    font-weight: bold;
}

#menu li a {
    color: #5C5C5C;
    display: block;
    font-family: Arial;
    font-size: 12px;
    outline: 0 none;
    padding-left: 8px;
    padding-right: 8px;
    text-decoration: none;
    padding-top: 4px;
    /*font-weight: bold;*/
    padding-bottom: 4px;
}


.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {
    /*background: none repeat scroll 0 0 #F2F0EE;*/
    background: none repeat scroll 0 0 rgb(230, 229, 227);
    border: 1px solid #C3C2C1;
    border-bottom: 10px solid #F1BA08;
    float: left;
    left: -999em;
    /*margin: 0 auto;
    width: 980px;*/
    overflow: hidden;
   /* padding: 10px 5px;*/
   padding: 0;
    position: absolute;
    text-align: left;
    top: 25px;
    z-index: 1000;
}

/* 90-95% transparency as per design reqts */
li#toplevel div.dropdown_4columns {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1.00;
}

.dropdown_1column {
    width: 170px;
}

.dropdown_2columns {
    width: 330px;
}

.dropdown_3columns {
    width: 495px;
}
.dropdown_4columns {
    /*width: 660px;*/
    width: 980px;
    margin: 0 auto;
    padding-top: 8px; /*changed from 10px to 8px from remove 25 percent reqt */
    padding-bottom: 10px;    
}

.dropdown_5columns {
    width: 700px;
}

#menu li:hover .dropdown_1column, #menu li:hover .dropdown_2columns, #menu li:hover .dropdown_3columns, #menu li:hover .dropdown_4columns, #menu li:hover .dropdown_5columns {
    /*left: -1px;*/
    /*top: 100px;*/
    /*top: 100px;
    left: 0px;*/
    /*left: 462px;
    position: fixed;*/
    /*
    left: 50%;  
    margin-left: -490px;    
    position: fixed;    
    top: 175px;
    top: 171px\9; /*IE7 and IE8 only*/
}

.col_separate {
    border-right: 1px solid #BCBCBC;    
}

.col_1, .col_2, .col_3, .col_4, .col_5 {
    display: inline;
    float: left;
    margin-bottom: -1000em;
    margin-left: 0px;
    margin-right: 0;
    overflow: hidden;
    padding-bottom: 999em;
    position: relative;
}

.col_1_sc {
    display: inline;
    float: left;
    margin-left: 4px;
    overflow: hidden;
    position: relative;
    width: 240px;
    margin-bottom: 20px;
    padding-bottom: 10px; /*IE7 only*/
}

.col_with_sc {
    display: inline;
    float: left;
    margin-left: 0px;
    overflow: hidden;
    position: relative;
    width: 240px;
}

.col_with_sc:hover {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
}

.col_with_sc:hover li{
    border-bottom: 1px solid transparent;
    /*height: 27px;*/
    
}

div.col_sc:hover {
    background: none repeat scroll 0 0 rgb(230, 229, 227) !important;
    
}

div.col_sc:hover  div.shortcuts li{
    border-bottom: 1px solid #4D4D4D !important;
    /*height: 27px;*/
}

.innerDropDown {
    overflow: hidden;
    z-index: 100001;
    padding-bottom: 5px;  /*support for 1 item across all 4 cols */
}

.col_1 {
    width: 244px;
}

.col_2 {
    width: 490px;
}

.col_3 {
    width: 735px;
}

.col_4 {
    width: 980px;
}

.col_5 {
    width: 1280px;
}

.col_1:hover {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
}    

.col_1.col_separate:hover li{
    border-bottom: 1px solid transparent;
    /*height: 27px;*/ /*remove to support French*/
}

.col_1 li {
    /*border-bottom: 5px solid rgb(230, 229, 227);*/
    /*remove to support French*/
    border-botom: 1px solid rgb(230, 229, 227);
/*    height: 27px;*/
}


#menu .menu_right {
    background-image: none;
    float: left;
    margin-right: 0;
    padding-right: 40px;
}

#menu .menu_right:hover {
    left: -1px;
    padding-right: 38px;
    position: relative;
}

.ddImage {
    border: 0 none;
    padding-bottom: 2px;
    padding-left: 5px;
}

#menu li:hover .align_right {
    left: auto;
    right: -1px;
    /*top: 59px;*/
    top: 100px;
}

#menu p, #menu h2, #menu h3, #menu ul li {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    /*line-height: 15px;*/ /*remove to support French*/
    text-align: left;
}

#menu h2 {
    font-size: 11px;
    font-weight: 400;
    margin: 7px 0 4px;
    padding-bottom: 2px;
}

#menu h3 {
    background-image: url('/t2scr/sharedDeployedT2scrWeb/images/ArrowRightYellow.png');
    background-position: left center;
    background-repeat: no-repeat;
    color: #4B78A2;
    font-size: 12px;
    margin: 7px 0 3px 12px;
    padding-bottom: 0;
    /*padding-left: 18px;*/
    padding-left: 0;
    text-transform: uppercase;
}


#menu li h3 a {
    color: #4B78A2;
    display: block;
    font-family: Arial;
    font-size: 12px;
    outline: 0 none;
    padding-left: 18px;
    text-decoration: none;
}


#menu p {
    line-height: 18px;
    margin: 0 0 10px;
}

#menu li div a {
    /*color: #000000;*/
    /*font-size: 11px;*/
    padding-left: 17px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    /*line-height: 15px;*/ /*remove to support French*/
    min-height: 15px; /*added to support French*/
    text-align: left;
    padding-top: 1px; /* reduce padding by 2px as per design reqts */
    padding-bottom: 2px; /* reduce padding as per design reqts */
    
    /*padding-top: 3px;*/
}

#menu li:hover div a:hover {
    /*color: #029FEB;*/
}

.italic {
    font-style: italic;
}

#menu li ul {
    list-style: none outside none;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 5px;
    padding: 0 0 6px; /*reduce padding by 30 percent as per design reqts */
    margin-bottom: 9px; /*reduce padding by 30 percent as per design reqts */
}

#menu li ul li {
    float: none;
    font-size: 12px;
    margin: 0;
    /*padding: 7px 0;*/
    position: relative;
    text-align: left;
    width: 210px;
}

#menu li ul li:hover {
    /*background: none repeat scroll 0 0 transparent;*/
    /*background: none repeat scroll 0 0 rgb(230, 229, 227);*/
    /*border: medium none;*/
    /*margin: 0;*/
    /*padding: 7px 0;*/
    /*border-bottom: 2px solid rgb(164, 186, 221);*/
    /*border-top: 1px solid #C3C2C1;*/
}

#menu .bottom-border:hover {
    border-bottom: 1px solid rgb(164, 186, 221);
}

/*
.footer {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding: 10px 5px;
    text-align: center;
    width: 965px;
}
*/

div#dropShadow{
  /*  border:none;    
    padding=0;      
    background-image:url('/t2scr/sharedDeployedT2scrWeb/images/drop_shadow.gif');
    background-repeat: repeat-x;
    background-position: right top;
    height:4px;*/
}

div#drop-shadow {
    background-image: url('/t2scr/sharedDeployedT2scrWeb/images/nav-shadow.png');
    background-repeat: repeat-x;
    height: 5px;
    width: 980px;
    position: absolute;
}

#wrapper {
    margin: 0 1px;
}

.wide {
    clear: both;
    height: 300px;
}

.highlight {
    background: none repeat scroll 0 0 rgb(238, 179, 17) !important;
}

/* reqt context for specific level */
.highlight-context {
    background: none repeat scroll 0 0 #bbbbbb;
    background-image: none !important;
}

/* reqt context for specific level */
.highlight-context a {
    background-image: url('/t2scr/sharedDeployedT2scrWeb/images/ArrowRightBlack.png');
    background-position: left center;
    background-repeat: no-repeat;

    border-bottom: 5px solid #4d81b6 !important;
}

/*
div#menu_spanner {
    background-color: transparent;
    height: 95px;
    background-attachment: scroll;
    background-image: url('/t2scr/sharedDeployedT2scrWeb/images/global_black_bg.png');
    background-repeat: repeat-x;
    background-position: left top;
}*/

/*this background color is required for now instead of the image above, see homepage/gateway page for reference */
div#menu_spanner {
    background-color: rgb(88,86,89);
    height: 80px;
}

/*this CSS class is required for now, see homepage/gateway page for reference */
div#menu_spanner2 {
    left: 50%;
    position: absolute;
    margin-left: -490px;
    
    left: 0\9;
    position: relative\9;
    margin-left: 0\9;
    
    left: 50%\0/;
    position: absolute\0/;
    margin-left: -490px\0/;
}

div#drop-shadow-gateway-home {
    background-image: url('/t2scr/sharedDeployedT2scrWeb/images/nav-shadow.png');
    background-repeat: repeat-x;
    height: 5px;
    width: 980px;
    position: absolute;
    z-index: 2;
}

/* attempt for designer reqts for a specific border height, test on IE, might have to resort to an image */
/*#toplevel:before {
    border-right: 1px solid #BCBCBC;
    content: "";
    height: 75px;
    left: 0;
    position: absolute;
    top: 10px;
}*/

/* attempt for designer reqts for a specific border height, test on IE, might have to resort to an image */
#toplevel {
    background-image: url('/t2scr/sharedDeployedT2scrWeb/images/nav_divider_two.jpg');
    background-position: 0 10px;
    background-repeat: no-repeat;
    height: 100%;
    padding: 0;
}


/* support for mobile and tablet devices ex. ipad, currently, no user-agent is used */
div.xclose {
    background: url("/t2scr/sharedDeployedT2scrWeb/images/AGF_XBlack.png") no-repeat scroll 0 0 transparent;
    height: 18px;
    position: absolute;
    width: 18px;
    right: 2px;
    top: 0;
    z-index: 9999;
}