body{ background-color: white } 
  
a:link { color: #666666; text-decoration: none; }
a:visited { color: #808080; text-decoration: none; } 
a:hover { color: #808080; text-decoration: none; } 
a:active { color: #D8D9DA; text-decoration: none; } 


#dropshadow{
background: url('Layout2/dropshadow.gif');
width: 588px;
height: 280px;
} 


l{ color: #666666; font-family: verdanda, tahoma, arial, serif; font-size: 70% }


  /* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(Layout2/img.php.png) no-repeat bottom right}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:335px !important; /* IE Win = width - padding */
      width: 320px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */
		


p.first { color: #808080; font-family: verdanda, tahoma, arial, serif; font-size: 65%;} 
p.second { color: #666666; font-family: verdanda, tahoma, arial, serif; font-size: 80%} 
p.third { color: #808080; font-family: verdanda, tahoma, arial, serif; font-size: 80%; 
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    border: 2px dotted #666666; height: 250px; width: 250px;
    background-color:rgb(255,255,255); 
opacity:0.9; 
-moz-opacity:0.9; 
filter:alpha(opacity=80);

} 

h1{ color: #666666; font-size: 85%; font-weight: bold; font-family: verdanda, tahoma, arial, serif; letter-spacing: 2px; 
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    }
h2{ color: #666666; font-size: 75%; font-weight: bold; font-family: verdanda, tahoma, arial, serif; }
h3{ color: #666666; font-size: 78%; font-weight: bold; font-family: verdanda, tahoma, arial, serif;}

.vertical_dotted_line 
{ 
border-left: 1px dotted #666666; 
height: 100px; 
} 

.dotted_box
{ 
border-left: 1px dashed #666666; 
height: 50px; 
border-right: 1px dashed #666666; 
height: 50px;
border-top: 1px dashed #666666; 
height: 100px;
border-bottom: 1px dashed #666666; 
height: 100px;
} 


#shadow-container {
    position: relative;
    left: 1px;
    top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
}


#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px; 
    top: -1px;
}

    #shadow-container .shadow1 {
        background: #Ffffff;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .container {
        background: #ffffff;
        border: 1px solid #848284;
        padding: 1px;
    }