/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */<!-- Hide entire CSS code from IE6 -->
<![if !IE 6]>



.shiftcontainer{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 370px; /* container width*/
background: transparent url(images/bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}




.shiftcontainer2{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainer2{
width: 200px; /* container width*/
background: transparent url(images/bigshadow.gif) no-repeat bottom right;
padding-left: 2px;

}

.shadowcontainer2 .innerdiv2{
/* Add container height here if desired */
background: #ececdc ;
border: 1px solid #bdbdae;
padding: 0px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}

.shadowcontainer2 p {padding: 2px;}

.shiftcontainer3{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainer3{
width: 580px; /* container width*/
background: transparent url(images/bigshadow.gif) no-repeat bottom right;
padding-left: 2px;

}

.shadowcontainer3 .innerdiv3{
/* Add container height here if desired */
background: white url(./images/main-back3.gif) top center no-repeat;
border: 1px solid #bdbdae;
padding: 0px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}

.shadowcontainer3 p {padding: 2px;}

.curlycontainer{
border: 1px solid #b8b8b8;

width: 370px;
background: #ececdc;
background: #ececdc url(images/content-back.gif) top center no-repeat;
}

.curlycontainer .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding-bottom: 15px;
}

.curlycontainer p {padding-left: 5px; padding-right: 5px;}

.curlycontainer2 p {padding-left: 5px; padding-right: 5px;}

.curlycontainer2{
border: 1px solid #b8b8b8;
width: 200px;
background: #ececdc;
}

.curlycontainer2 .innerdiv2{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding-bottom: 15px;
}

.curlycontainer2 p {padding-left: 5px; padding-right: 5px;}