/****************TEMPLATE*********************/

/********

THIS IS THE TOP ELEMENT OF THE BOX - YOU WILL NOT NEED TO ADD THIS
.top
    {
        background-image: url(images/resizebox/topleft.jpg), url(images/resizebox/topright.jpg);
        background-position: top left, top right;
        background-repeat: no-repeat;
        margin-left: -1px;
        margin-top: -1px;
        padding-right: 2px;
        height: 12px;
    }

THIS IS THE BOTTOM ELEMENT OF THE BOX - YOU WILL NOT NEED TO ADD THIS
     
    .bot
    {
        background-image: url(images/resizebox/botleft.jpg), url(images/resizebox/botright.jpg);
        background-position: bottom left, bottom right;
        background-repeat: no-repeat;
        margin-top: -12px;
        padding-right: 2px;
        height: 12px;
    } 

    .resizingbox
    {
        background-color: #353a3d;
        border: solid 1px #40444a;
    }
    


THE FOLLOWING WILL NEED TO BE INSERTED FOR EACH BOX TO SET ITS WIDTH AND HEIGHT

    
    #INSERTBOXNAMEHERE, #INSERTTOPIDHERE, #INSERTBOTTOMIDHERE
    {
        width: 500px;  --- CHANGE THIS WIDTH TO THE WIDTH OF BOX YOU WANT
    }

    #INSERTBOXNAMEHERE
    {
        height: 500px;   ----- CHANGE THIS HEIGHT TO THE HEIGHT YOU WANT
    }





TEMPLATE FOR HTML
<!-- RESIZING BOX -->
    <div class="resizingbox" id="INSERTBOXNAMEHERE">
    <div class="top" id="INSERTTOPIDHERE"></div>
   
   
    
    </div>
    <div class="bot" id="INSERTBOTTOMIDHERE"></div>
<!-- END -->


******/

/***********DO NOT CHANGE THE FOLLOWING***********************/

    .botresizingbox
    {
        background-image: url(../images/resizebox/botleft.jpg), url(../images/resizebox/botright.jpg);
        background-position: bottom left, bottom right;
        background-repeat: no-repeat;
        margin-top: -12px;
        padding-right: 2px;
        height: 12px;
        margin-bottom: 20px;
    } 
    
    .resizingbox .topresizingbox
    {
        
        background-image: url(../images/resizebox/topleft.jpg), url(../images/resizebox/topright.jpg);
        background-position: top left, top right;
        background-repeat: no-repeat;
        margin-left: -1px;
        margin-top: -1px;
        padding-left: 2px;
        height: 12px;
    }
    
    .resizingbox
    {
        text-align: center;
        background-color: #353a3d;
        border: solid 1px #40444a;
    }
    
    .resizingbox, .botresizingbox
    {
        margin-left: 20px;
        margin-right: 15px;
    }
    
    .resizingbox p
    {
        text-align: justify;
        padding: 10px;
    }
    
    
    
/********INSERT ALL CSS FOR RESIZING BOXES HERE****************/

#bookonebox, #bookoneboxtop, #bookoneboxbot
    {
        width: 482px;
        float: left;
    }
    
   

    #bookonebox
    {
        height: 200px;
    }