/* Begin CSS Popout Menu */


#menu{
width: 560px;
float:left;
margin-left: 0px; 
border: solid 0px; 
z-index:50;
position:absolute;
top: 16px;
left: 405px;
z-index:60;
}

#menu ul{
background:none !important;
}

#menu a{
color: #181818;
font: 10px/16px arial,helvetica,sans-serif;
text-align:left;
display:block;
white-space:nowrap;
margin:0;
padding:0px 0 0px 3px;
}

#menu h2, #menu h2 a {
color:#FFFFFF;
font: 10px/16px arial,helvetica,sans-serif;
text-align:left;
display:block;
white-space:nowrap;
margin:0;
padding:3px 0 0px 3px;
line-height:14px;
}


#menu h2{
color:#fff;
background-image:url(../images/menu-off.gif) !important;
background-repeat: no-repeat;
background-position: 6px 21px !important;
text-transform:uppercase;
padding-left: 16px;
padding-bottom:0px;
vertical-align:bottom;
}

#menu h2:hover{
background-image:url(../images/menu-on.gif) !important;
background-repeat: no-repeat;
background-position: 6px 21px !important;
}

#menu a{
/*background:#BBBDBF;*/
text-decoration:none;
}

#menu a:hover{
color:#a00;
/*background: #BBBDBF;*/
}

#menu a:active{
color:#060;
/*background:#A6A8AB;*/
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width: 180px;
}

#menu ul li ul{
margin:0px 0px 0px 6px;
padding:0px;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

div#menu h2:hover{
color:#FFFFFF;
/*background-color:#0B7D3B;

border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
*/}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;
margin-left:10px;
}

div#menu li:hover ul,
div#menu li li:hover ul, 
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;
background:#E1E1E1; 
/*font-weight: bold;*/
}

div#menu ul li ul li a:hover{
color: #000000;
background-color: #FFF200;
}

div#menu ul li ul li, div#menu ul li{
/*border-bottom: solid 1px #FFFFFF;*/
color: #FFFFFF;
} 


/* End of non-anchor hover selectors */

/* Styling for Expand */
 
 
/* THE FOLLOWING LINE CHANGES THE FONT AND BACKGROUND COLORS OF THE FIRST LEVEL OPTIONS*/

#menu ul li ul li ul{
padding:0px !important;
margin:0px !important;
border-left: solid 1px #ccc;
}

#menu ul li ul li{
color:#000;
display:block;
text-align:left;
font-size:9px;
padding-top: 5px;
padding-bottom: 3px;
margin-bottom:0px;
margin-top:0px;
background-image:url(../images/opt-bkg.gif);
background-repeat: repeat-x;
background-position: 4px 0px !important;
line-height:10px;
border-bottom: solid 1px #ccc
}

.hasChildren{
background-image:url(../images/arrow-red.gif);
background-repeat:no-repeat;
background-position:170px 1px;
}

#menu div.x{

color:#FFFFFF;
background:#FFFFFF 100% 100%;
text-align:left;
}
#menu ul li ul li a{
padding-left:12px;
font-weight:normal;
text-transform:uppercase;
font-size:9px;
}
#menu ul li ul li:hover{
color:#000;
padding-left:0px;
font-weight:normal;
text-transform:uppercase;
font-size:9px;
background:#fff200;
}

#menu ul li ul li a:hover, #menu ul li ul li ul li a:hover{
background-color:#fff200;
}

#menu ul li ul li a:active{
color:#060;
background:#FFFFFF;
font-weight:normal;
text-transform:uppercase;
font-size:9px;
}


 #menu ul li ul li ul li{
padding-left:12px;
font-weight:normal;
background-image:url(../images/opt-bkg2.gif);
background-position: 4px -1px;
font-size:9px;
/*border-bottom: solid 1px #FFFFFF; */
padding-top: 4px !important;
padding-bottom: 4px  !important;
margin-bottom:0px;
margin-top:0px;
line-height:11px;
}
#menu ul li ul li ul li{
padding:0px;

}


 #menu ul li ul li ul li a:hover{
color:#000;
background-image:url(../images/opt-bkg-y.gif);
font-weight:normal;
font-size:9px;
background-repeat: repeat-x;
background-position: 4px 1px !important;
}



#footer{
position:absolute;
left: 525px;
top:654px;
width:354px;
height: 11px;
font-size:10px;
color:#000000;
padding: 10px;
border: none;
font-weight:bold;
}

#footer-main{
position:absolute;
left: 80px;
top:654px;
width:354px;
height: 11px;
font-size:10px;
color: #222222 ;
padding: 10px;
border: none;
font-weight:bold;
}

#footer-main a, #footer-main a:visited, .footer-main a, .footer-main a:visited{
color: #181818;
font-weight:bold;
}

#footerGray{
position:absolute;
left: 36px;
top:662px;
width:384px;
height: 11px;
font-size:10px;
color: #696969;
padding: 10px;
border: none;
font-weight:bold;
}

.footerGray, .footerGray a, .footerGray a:visited{
color: #696969;
font-weight:bold;
font-size:10px;
}

.SubTitles{
font-size:12pt;
font-weight:bold;
line-height:40px;
}

.selected{
font-size:12px;
font-weight:bold;
color:#000000;
}

.selectedLevel2{
font-size:12px;
font-weight:bold;
color:#000000;
margin-left:15px;
}
.linksHp{
text-decoration:none;
color:#000000;
}
/* End CSS Popout Menu */

.footerTable{
position:absolute;
z-index: 10001; 
}

.lastColumn{
color:#777777; 
border-left: solid 0px; 
padding-right: 20px; 
text-transform:none;
}

.footerTableInt{
margin-top:30px;
}

.footerCell{
font-size:9px; 
font-family:Verdana, Arial, Helvetica, sans-serif; color:#181818; z-index:1000;
}

.pd300{
padding-left:350px;
}


/*Policy Enforcement*/
.Lvl1Link{
margin: 0px !important; 
padding: 0px !important; 
color:#000 !important; 
font-weight:bold !important;
}


.Opt1{
width: 65px !important;
}


.Opt2{
width: 110px !important;
}


.Opt3{
width: 80px !important;
}

.Opt4{
width: 55px !important;
}



.Opt5{
width: 65px !important;
}


.Opt6{
width: 95px !important;
}

.Opt7{
width: 50px !important;
}

.lvl3{
margin:0px !important; 
padding:0px !important;
line-height:12px;
}



/* *******************   MENU OPTIONS   **************/

.submenu {
}

.submenu ul{
list-style:none;
width:192px;
margin:0px;
padding:0px;
line-height:22px;
}


.submenu ul li, .submenu ul li a, .submenu a {
width:192px;
color:#ffffff;
font-weight:bold;
font-size:9px;
text-transform:uppercase;
}

.submenu ul li:hover{
background-color: #333333; 
}
.submenu ul li{
padding: 0px;
/*background:url(../images/hdottedline.gif) bottom left no-repeat;*/
}

.submenu ul li a{
display:block;
padding-left: 11px;
margin-left:8px;
background:url(../images/arrow-1b.gif) bottom left no-repeat;
/*width:200px;*/
}
.submenu ul li a:hover{
color:#fff200;
background:url(../images/arrow-1y.gif) bottom left no-repeat;

}

.submenuchildren ul{
list-style:none;
background-color: #000; 
width:192px;
margin:0px;
padding:0px 0px 0px 0px;
line-height:22px;
}

.submenuchildren ul li, .submenuchildren ul li a, .submenuchildren a {
font-weight:bold;
font-size:9px;
text-transform:capitalize;
}

.submenuchildren a{
color:#FFFFFF;
display:block;
position:relative;
left:-12px;
}
.submenuchildren ul li:hover{
background-color: #000; 
}
.submenuchildren a:hover{
color:#fff200;
}


.submenuchildren ul li{
margin-left: 20px;
vertical-align:top;
background:url(../images/arrow-1.gif) 0px 5px no-repeat;
text-indent:0px;
padding: 0px 0px 0px 0px;
}

.submenuchildren ul li a{
padding-left: 11px;
margin-left:18px;
}


.currentParent{

}


.current{
vertical-align:top;
}


.firstitem{
border-top: solid 1px #FFFFFF;
}


.hmenu{
padding: 0px 0px 4px 0px;
height:20px;
text-transform: uppercase;
font-size: 9px !important;
}

.hmenu ul{
padding:0px;
margin:0px;
line-height:12px;
}

.hmenu ul li{
display:inline;
}


.hmenu ul li a{
background-image:url(../images/arrow-h.gif);
background-repeat: no-repeat;
background-position: 2px 1px !important;
padding: 0px 2px 0px 15px;
color: #4f92b1;
}
.no-bg{
background:none !important;
padding: 0px 2px 0px 0px !important;
}

.vid-thumbnail2{
position:absolute;
top:177px !important;
left:286px  !important;
cursor:pointer;
z-index:1;
}
#example2{
position:absolute;
top:177px  !important;
left:286px !important;
z-index:0;

}


.vid-thumbnail{
position:absolute;
top:1px !important;
left:1px  !important;
cursor:pointer;
z-index:1;
}
#example{
position:absolute;
top:0px  !important;
left:0px !important;
z-index:0;
border: solid 1px #fff;
}