/*

*/

 /* main structure css for internet of VLA */


/* Video related styles*/

#midColVid{
               width:750px;
           }
           #leftColVid{
               width:215px;
               padding-right:20px; 
           }
           #videoFrame{
                float:left;
                clear:both; 
           }
           #videoFrame div{
                width:400px;
                float:left;
                clear:both;
           }
           #videoFrame div ul li {
float:left;
font-weight:bold;
list-style-type:none;
padding-left:10px;
padding-right:30px;
padding-top:20px;
text-decoration:none;
}
#videoFrame div ul li a{
float:left;
font-weight:bold;
list-style-type:none;
 
 
text-decoration:none;
}          
           #firstLi{
                padding-bottom:20px;
                background:transparent url(Play.png) no-repeat scroll right center;  
                float:left;
                padding-right:30px;
                background-color:#mjjhgt;
           }

 #firstLiD{
                padding-bottom:20px;
                background:transparent url(download_Icon.png) no-repeat scroll right center; 
                float:left;
                padding-right:30px;
                background-color:#mjjhgt;
           }

           
/*********************************************/
#header{
    width: 985px;
    border-bottom: 3px solid #60BAF5;
}
#mainContent{
    width: 985px;
    padding: 0;
    margin: 20px auto;
}
#mainContent div{
    float: left;
}
#wPage #midCol div 
{
    float:none;
    display:block;
}

#wPage #midCol .squareBox div{
    float:left !important;
    
}
#wPage #midCol .squareBox 
{
    border:0px !important;

}
/* Lawyer Homepage specific styles*/
#lPage #midCol
{
    margin-left: 26px;
    margin-right: 0px;
    float: left;
    width: 743px !important;
}
/* End Lawyer Homepage specific styles*/
#footer{
    clear: both;
    width: 985px;
    margin: 0 auto;
    height: 45px;
    line-height: 45px;
    border-top: 3px solid #60BAF6;
    color: #3C5A72;
    background: url('footer_bg.jpg') repeat-x;
    font-size: 0.9em;
}
#footer a{
    text-decoration: none;
}
#footer ul{
    float: right;
    margin-right: 10px;
}
#footer ul li a{
    padding: 0 3px;
}
#footer .publishDate{
    float: left;
    padding-left: 10px;
    color: #333;
}

/* the 3 columns style for all pages */
#leftCol{
    width: 215px;
    border-top: 1px solid #6BB7E8;
    border-bottom: 1px solid #6BB7E8;
}
#leftCol h2{
    padding-left: 5px;
    color: #0070B0;
}

#midCol{
    margin: 0 26px;
    float: left;
    width: 53%;
    margin-bottom: 25px;
}

#rightCol{
    width: 195px;
    float: right;
    border-top: 1px solid #6BB7E8;
    
}
#rightCol div{
    width: 100%;
    border-bottom: 1px solid #6BB7E8;
}
#rightCol div div{
    width: 100%;
    border-bottom: 0px;
}
*+html #rightCol ul{
    width: 195px;
    max-width: 195px;
}
#rightCol div ul li
{
    font-size: 0.935em;
    border-top: 1px dotted #6BB7E8;
    line-height: 28px;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    background: url('arrow_01.gif') no-repeat 5px 11px;
}
#rightCol div ul li a, #rightCol div ul a:hover{
    text-decoration: none !important;
}
#rightCol div ul li span{
    padding-left: 12px;
}
#rightCol div ul li a{
    /*height: 28px;*/
    width: 100%;
    cursor: pointer;
}

/* subMenu style for internet of VLA */
.subMenu, .subMenu ul{
    width: 100%;
}
*+html .subMenu ul{
    width: 215px;
}

.subMenu li {
    font-size: 0.935em;
    border-top: 1px dotted #6BB7E8;
    display: block;
    width: 100%;
    padding:0;
    font-weight: bold;
    background: url('arrow_01.gif') no-repeat 5px 11px;
}
.subMenu li li 
{
    font-size:1em;
}
.subMenu li li li 
{
    font-size:1em;
}
.subMenu li a, .subMenu li a:hover{
    text-decoration: none !important;
    width: 100%;
    cursor: pointer;
    display: block;
}
.subMenu li span
{
    
    padding:.5em 0;
    padding-left: 12px;
    display: block;
}
.subMenu .active{
    background: #E0E0E0 url('arrow_01.gif') no-repeat 5px 11px;
    color: #3C5A72;
}

.subMenu .active2{
    background: #E0E0E0 url('arrow_01.gif') no-repeat 5px 11px;
    color: #3C5A72;
}

/* 2nd and 3rd level menu */
.subMenu ul ul{
    clear: both;
}
.subMenu .active li{
    background: #EBEBEB;
    font-weight: normal;
}
.subMenu .active2 li{
    background: #EBEBEB;
    font-weight: normal;
}

/* 3rd level menu */
.subMenu .active .active2 {
    color: #60BAF5;
    background: #FFF;
}
.subMenu .active .active li{
    background: #F4F4F4;
}
.subMenu .active .active2 li{
    background: #F4F4F4;
}
.subMenu .active .active .active{
    color: #60BAF5;
    background: #FFF;
}
.subMenu .active .active .active2{
    color: #60BAF5;
    background: #FFF;
}
.subMenu li li span{
    padding-left: 24px;
    
}
.subMenu li li li span{
    padding-left: 36px;
}

/* navigation and paragraph detail for internet of VLA */
.breadcrumbs{
    width: 100%;
    border-top: 1px solid #6BB7E8;
}

.breadcrumbs h5{
    font-size: 0.9em;
}