body {
	font-family:arial, helvetica, sans-serif;
	
}

#overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99;   
    background-color:#000;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
    }
#overlay[id]{ /* IE6 and below Can't See This */
    position:fixed;
    }



#close{
    position:absolute;
	top:28px;
	margin-right: -108px;
	padding-bottom: 0px;
    right:-1px;
    cursor:pointer;
}

/* The CSS FOR THE FORMS PAGE START HERE*/

/* set the image to use and establish the lower-right position */ 
.lightbox, .lightbox_body, .lightbox_head, .lightbox_head h2 { 
background: transparent url(glassbox.gif) no-repeat bottom right; 
} 
.lightbox { 
width: 182px !important;  intended total box width - padding-right(next) */ 
width: 197px; /* IE Win = width - padding */ 
/*padding-right: 0px;  the gap on the right edge of the image (not content padding) */ 
margin: 0 0 0 0px; /* use to position the box */ 
padding: 0 0 0 0px;
}
 /* set the top-right image */ 
 .lightbox_head { 
 background-position: top right; 
 width: 3005px;
 margin-right: -15px; /* pull the right image over on top of border */ 
 /*padding-right: -20px;  right-image-gap + right-inside padding */ 
 }
 /* set the top-left image */ 
 .lightbox_head h2 { 
 background-position: top left;
 color:#FFE89F;
 font-size:11px;
 font-family:Arial, Helvetica, sans-serif;
 margin: 0px; /* reset main site styles*/ 
 border: 0; /* ditto */ 
padding: 30px 0px 10px 10px;/* padding-left = image gap + interior padding ... no padding-right */ 
 height: auto !important; 
 height: 1%; /* IE Holly Hack */ 
 } 
 /* set the lower-left corner image */ 
 

.lightbox_body { 
background-position: bottom left; 
width:315px;
margin: 0 0 0 0px;
 /*mirror .cssbox_head right/left */ 
padding: 0 0 0 0px;

 }