/* Specify blanket rules for all elements */ 
   body { 
         font-size:11px; 
         font-family:verdana,arial,helvetica; 
         margin:10px;
         padding:0px;
        } 

/* Default paragraph styles p {padding: 3px 3px 3px 10px; margin:0;}*/ 
   p { 
      margin:0px;
      padding:3px 2px 2px 4px;
      line-height:125%; 
     } 
      
/* Default table styles */
   th, tr, td {padding:1px 1px 1px 1px}
       
/* Default styling for hyperlink */
   a:link {color:Blue; font-weight:bold; text-decoration:none;}
   a:visited {color:Blue}
   a:hover {color:Blue; font-weight:bold; background-color:Silver;}
   a:active {color:Blue}
     
/* Masthead */ 
   #Masthead { 
              margin:0 0 10px 0;
              /*padding:5px;*/
              /*border:1px solid #000; */
              /* background:url(background/Light_purple.gif); */ 
             } 

/* SidebarA */ 
   #SidebarA { 
	           margin:0 0 10px 0;
	           float:left; 
	           width:25%;
	           /*border:1px solid #000; */
	           /*padding:3px;*/
	          } 

/* SidebarB */ 
   #SidebarB { 
	           margin:0 0 10px 0;
	           float:right; 
	           width:20%;
	           /*border:1px solid #000; */ 
	           /*padding:3px;*/
	          }
	          
/* SidebarB Video Google Drive */ 
   #SidebarBVideoGD { 
	           margin:0 0 10px 0;
	           float:right; 
	           width:40%;
	           /*border:1px solid #000; */ 
	           /*padding:3px;*/
	          }
          

/* Content */ 
   #Content { 
	         margin:0 22% 10px 27%;
	         /*border:1px solid #000; */ 
	         /*padding:3px;*/
	        } 
	        
/* Content Video Google Drive*/ 
   #ContentVideoGD { 
	         margin:0 42% 10px 10px;
	         /*border:1px solid #000; */ 
	         /*padding:0 0 0 10px;*/
	        } 
	        
/* Content Video on Default page*/ 
   #ContentVideoDefault { 
	         margin:0 33% 10px 10px;
	         /*border:1px solid #000; */ 
	         /*padding:0 0 0 10px;*/
	        } 

/* Footer */ 
   #Footer { 
            clear:both;
            border:1px solid #000; 
            background-color:#CCC; 
            padding:10px;
           }

/* Center image Masthead */
   #ImgMasthead { margin:0 auto 0 auto;  display:block;}

/* div for menu hyperlink */
   #DivMenu1 { position:absolute; margin-left:0px; margin-top:40px; width:400px;}

/* Bold */
   .Bold { font-weight:bold;}

/* Bold and Italic*/
   .BoldItalic { font-weight:bold; font-style:italic;}

/* Bold and Maroon */
   .BoldMaroon { font-weight:bold; color: maroon;}
   
/* Bold and Red */     
   .BoldRed {color: Red;font-weight:bold;}
   
   .RedItalic {color: Red; font-style:italic}


/* Shading and border for Div (light_gold_wave.gif) */
   .DivLightPurpleWithBorder { background:url(background/light_purple.gif);border:1px solid #000;}
   
   .DivLightBlueWaveWithBorder { background:url(background/light_blue_wave.gif);border:1px solid #000;}
   
   .DivRoseWaveWithBorder { background:url(background/rose_wave.gif);border:1px solid #000;}
   
   .DivLightGoldWaveWithBorder { background:url(background/light_gold_wave.gif);border:1px solid #000;}
   
   .DivPutihWithBorder { background:url(background/putih.gif);border:1px solid #000;}
   
   .DivLightKelabuWithBorder { background:url(background/light_kelabu.gif);border:1px solid #000;}
   
/* Header for boxes (light_gold_wave.gif) */
   .BoxTitleLightGold { font-weight:bold; text-align:center;background:url(background/light_gold_wave.gif);
                        border-bottom:1px solid #000;
                      }
              
/* Header for boxes (rose_wave.gif) */
   .BoxTitleRoseWave { font-weight:bold; text-align:center;background:url(background/rose_wave.gif);
                       border-bottom:1px solid #000;
                     }
                     
/* Header for boxes (light_blue_wave.gif) */
   .BoxTitleLightBlueWave { font-weight:bold; text-align:center;background:url(background/light_blue_wave.gif);
                       border-bottom:1px solid #000;
                     }
                     
/* Header for boxes (PUTIH) */
   .BoxTitlePutih { font-weight:bold; text-align:center;background:url(background/putih.gif);
                       border-bottom:1px solid #000;
                     }
                                   
/* Default styling for Ordered List */
   ol {
       /*list-style-position:inside;*/
       margin:0px; 
       padding:0  0 0 25px; 
      } 
            
   li {
       margin:0px;
       padding:3px 0 3px 0;
      }

.ModalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
                 }
.ModalPopup {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 300px;
    height: 140px;
           }


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

#menumukadepan ul li {
    background-color:#6495ed;
    border:solid 1px white;
    width:200px;
    height:30px;
    text-align:center;
    line-height:30px;
    float:left;
    position:relative;
    }
    
#menumukadepan ul li a {
    text-decoration:none;
    color:#fff;
    display:block;
}

#menumukadepan ul li a:hover {
    background-color:#ff6a00;
    color:#fff;
    }
    
#menumukadepan ul ul {
    position:absolute;
    display:none;
}

#menumukadepan ul li > ul li {
    background-color:#6495ed;
    color:#fff;
    border:solid 1px white;
}
    
#menumukadepan ul li:hover > ul {
    display:block;
}