/*  Dzinelabs. All rights reserved.
Please see the Creative Commons License at: 
http://creativecommons.org/licenses/by-sa/2.0/
*/

/*in the following rules, a relative positioning is used for IE*/
div#punch1 {
   float : left;
   width : 150px;
   text-align : justify;
   background : #E9EEF2;
   color : black;
   border : solid black 1px;
   border-width : 0 1px 1px 0;
   padding : 0 0px 0px 0;
   margin : -1px 15px 5px -1px;
   position : relative;
   font-family:trebuchet ms,bitstream vera sans,verdana,lucida,arial,helvetica,sans-serif;	   
   font-size:9px;
}

div#punch2 {
   float : right;
   width : 130px;
   padding : 10px;
   background : transparent;
   color : black;
   border : solid black 1px;
   border-width : 0 1px 1px 0;
   margin : -1px 5px 5px -1px;
   position : relative;
}              

div#punch3 {
   float : right;
   width : 160px;
   padding : 10px;
   background : transparent;
   color : black;
   border : solid black 1px;
   border-width : 0 1px 1px 0;
   margin : -1px 5px 5px -1px;
   position : relative;
}              


/*to prevent an Opera 7.11 jog when hovered over the menu, set the left margin to zero*/
div#punch2b {
   float : right;
   width : 25%;
   text-align : left;
   font-size : 140%;
   font-weight : bold;
   padding : 1em;
   text-indent : -0.5em;
   background : #E9EEF2;
   color : black;
   border : solid black 1px;
   border-width : 1px 0 1px 1px;
   margin : 0.2em -1px 0.2em 0;
   position : relative;
}