/*~~~~~~~~~~~~~new_pd_style   css  ~~~~~~~~~~~~~~~~~*/

.navbox{float:none;width:152px; margin:6px auto;}
.navlist { width:150px; background-color:#fff;padding:6px;border :solid 2px #609 ;border-radius:10px;}
.logo{width:135px; font:.9em/1em arial, sans-serif;color:#fff;text-align:center;font-weight: bold; background-color:#609;margin-bottom:4px;padding:2px   0;border-radius:8px;}
.logo_est{font:  .9em/1.3em  sans-serif;color:#6fc; text-align:center;font-weight:bold;}
.dropdown-content {left:-20px;top:25px;font-size:100%;}

 /*  ACTIVE  Vertical LINKs */
.livelinks a{  float:left;  font: 1em/1.5em sans-serif; color:white;  text-decoration:none;  text-align:center; width:135px;   border:outset 2px #fff;   margin:1px  auto ;  background-color:#609;}
.livelinks a:visited{color:pink;}
.livelinks a:hover{color:purple;background-color:#ffd;border:inset 2px #fff;}

 /*  DEAD  Vertical LINK */
.deadlink a{ float:left; font:1em/1.5em sans-serif; color: #666;text-decoration:none;text-align:center;
 width:135px;border:outset 2px #ccc; margin:1px; background-color: #ddd;cursor:text; }

 /*  Dropdown  LINKs for vertical links */
.dropdown {position: relative;display: inline-block;}

/*   Dropdown Display Board position and attributes  */
.dropdown-content {position: absolute;display: none; font:1em/1.5em sans-serif; text-align:left;  color:#fff; background-color: #306;
 left:100px; top: 4px; width:auto; z-index: 1;border:solid 1px #306;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown-content a{display: block;font:1em/1.5em sans-serif; text-align:left; color:white;  padding: 4px 8px;  text-decoration: none;}
.dropdown-content a:visited {color:#fdf;}
.dropdown-content a:hover {color:purple;  background-color: #ffd;}

 /*             Horizontal LINK Elements           

.h_link_frame{float:none; width:160px; margin:8px auto;border:solid 1px #ccc; background-color:#cff;border-radius:6px;padding:6px;}*/

 /*  ACTIVE  Horizontal LINKs*/
.livelink_h a{  float:left;  font: 1.1em/2.2em arial,sans-serif; color:white;  text-decoration:none;  text-align:center; width:136px;height:40px;   border:outset 3px #fff;  margin:3px  ;  background-color:#600;cursor:pointer;}
.livelink_h a:visited{color:#fcf;}
.livelink_h a:hover{color:#600;background-color:#ffd;border:inset 3px #fff;}

/* Dead Horizontal LINK */
.deadlink_h a{  float:left;  font: 1.1em/2.2em arial,sans-serif; color:#300;  text-decoration:none;  text-align:center; width:140px;height:40px;  border:outset 3px #fff;  margin:3px ;  background-color:#ddd;cursor:text;}

/*~~~~~~~~~Lug Image Elements~~~~~~~~~*/
.imglugs_2L{float:left ;margin-right:8px; width:64px;}
.imglugs_2R{float:right ;margin:0; margin-left:8px; width:64px;}

.imglugs_2Lr{float:left ;margin-right:8px; width:64px;}
.imglugs_2Rl{float:right ;margin-left:8px; width:64px;}

.imgleft {float : left;padding : 4px;width : 75px;height : 120px;}s
.imgright {float :right;padding : 4px;width : 75px;height : 120px;}

.imgleft2 {float : left;margin-bottom:4px ;width : 20%;}
.imgright2 {float : left;margin-bottom:4px ;width : 20%;}

/*  Latest header image elements    */
.imgleft_3 {float : left; width : 15%;margin-left:.5%; margin-top:3%;}
.imgright_3 {float :right;width : 15%;margin-right:.5% ;margin-top:3%;}
.imgctr_3{float:left; width:69%;border:solid 0px blue;}

/*~~~~~~~~~Image and Text % based for reduction  ????~~~~~~~~~*/
.img2P_v{width:100%; border:solid 1px #ccc;}
.img2P{width:100%;}

.space_1_v{clear:both; width:90%; height:2px;margin:20px auto; border:solid 1px #666; }
.space_5_v{clear:both; width:100px; height:5px;margin:0 auto; border:solid 1px red; }
.space_5{clear:both; width:100px; height:5px;margin:0 auto;}
.space_10_v{clear:both; width:100px; height:10px;margin:0 auto; border:solid 1px red;}
.space_10{clear:both; width:140px; height:10px;margin:0 auto;}
.space_20_v{clear:both; width:200px; height:20px;margin:0 auto; border:solid 1px red;} 
.space_20{clear:both; width:200px; height:20px;margin:0 auto;}
.space_30_v{clear:both; width:200px; height:30px;margin:0 auto;  border:solid 1px red;} 
.space_30{clear:both; width:200px; height:30px;margin:0 auto;}
.space_50_v{clear:both; width:240px; height:50px;margin:0 auto; font: 16px/20px sans-serif;color:red   ; border:solid 1px red;} 
.space_50{clear:both; width:240px; height:50px;margin:0 auto;}
.space_100_v{clear:both; width:20px; height:100px   ; border:solid 1px red;} 
.space_100{clear:both; width:20px; height:100px;margin:0 auto;}

/*~~~~~~~~~Equation elements~~~~~~~~~*/

.eqn_1C{position:relative;margin:8px auto; max-width:100px;padding:4px 0;border-radius:6px; border:solid 1px #cccccc;} 
.eqn_2C{ max-width:200px;margin:8px auto;padding:4px 0;border-radius:6px; border:solid 1px #cccccc;} 
.eqn_25C{position:relative;margin:8px auto; max-width:250px;padding:4px 0;border-radius:6px; border:solid 1px #cccccc;} 
.eqn_3C{position:relative;margin:8px auto; max-width:300px;padding:4px 0; border-radius:6px; border:solid 1px #cccccc;} 
.eqn_35C{position:relative;margin:8px auto; max-width:360px;padding:4px 0; border-radius:6px; border:solid 1px #cccccc;} 
.eqn_4C{position:relative;margin:8px auto; max-width:400px;padding:4px 0; border-radius:6px; border:solid 1px #cccccc;} 
.eqn_100p{position:relative; max-width:100%;padding:4px 0; border-radius:6px; border:solid 1px #cccccc;} 

/*    For use formatting general 2 level equations     */
 .eqn_frame_80{max-width:80px;margin:4px auto;border:solid 1px #666;} 
 .eqn_frame_100{max-width:100px;margin:4px auto;padding:0px;border:solid 1px #666;border-radius:6px;}
 .eqn_frame_110{max-width:110px;margin:4px auto;padding:0px;border:solid 1px #666;} 
 .eqn_frame_150{max-width:150px;margin:4px auto;padding:0px;border:solid 1px #666;border-radius:6px;}
 .eqn_frame_150L{float:left; max-width:150px;margin:4px auto;padding:0px;border:solid 1px #666;border-radius:6px;}
 .eqn_frame_170{max-width:170px;margin:4px auto;padding:0px;border:solid 1px #666;}  
 .eqn_frame_200{max-width:220px;margin:4px auto;padding:0px;border:solid 1px #666;} 
 .eqn_frame_250{max-width:250px;margin:4px auto;padding:0px;border:solid 1px #666;} 

.lhs {float:left; margin:7px 0;padding:7px; }
.rhs{float:left; margin:0;padding:3px ;} 
.rtop{position:relative;width:100%;padding:2px ; }
.rlow{position:relative;width:100%;margin-top:2px;  border-top: solid 2px #666;}
.rlow_0{position:relative;width:100%;margin-top:0px;  border-top: solid 2px #666;}

.nod_equn_250{max-width:250px;margin:0 auto;padding:.5%;}
.nod_equn_300{max-width:300px;margin:0 auto;padding:.5%;}
.nod_equn_350{max-width:350px;margin:0 auto;padding:.5%;}
.inter_frame{width:220px;margin:0 auto;border:solid 1px red;}   /*  Binds eqn and image number (120x40)   */
.inter_frame_300{width:320px;float:right;border:solid 1px blue;} 


/*   Equation elements ending in   -1   have a  border */
.lhs_row{float:left; margin:4px 0;padding:7px;border: solid 1px black;}
.lhs_1{float:left; margin:7px 0;padding:7px;border: solid 1px black;}
.rhs_1{float:left; margin:0;padding: 3px ; border:solid 1px red;}
.rtop_1{position:relative;padding:0px ; }
.rlow_1{position:relative;margin-top:2px;padding:2px;  border-top: solid 2px #666;}