/* =======================Setting up the light-colored backdrop to the text area====================== */
/* Credits to Source: http://www.html.it/articoli/nifty/index.html  */


/* Centering the webpage   Source: http://build.internet.com/2008/11/how-to-center-a-website-with-css   */
div#wrapper{ 
   min-width: 400px;/* Larger than the size of the largest photograph width            width:780px; /* 910px  */ 
   margin:0 auto;   /* 0 10 0 350*/ 
   text-align:left;
   position:relative;  
}  



/* This sets the "white" background within the rounded rectangle and the margin "around" the interior of the rounded rectangle*/
div#nifty{ margin: 15 15 15 15 ;background: #fff;}

/* This is the setting for the corner edges "outside" the rounded corners. Define the colour to be consistent with 
the rectangular perimeter (see #ffccb3 with 60% opacity below)  outside the rounded rectangle. */
b.rtop, b.rbottom{display:block;background: #fb9;}


/* This is the setting for the top and bottom edges of the rounded out rectangle  - a "hazel" color!! */
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: rgb(128,64,0);}


b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}

/* This is the setting for the top and bottom margins within the rounded out rectangle */
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px;}



/* This will define the rectangular perimeter around the rounded rectangle */
/* "#ffccb3 or rgb(255,204,179) with 60% opacity" is the colorspace surrounding the rounded rectangle */
#bk-div1 {margin: 10px; border: 2px solid rgb(128,64,0); background-color: rgba(255,204,179,0.6)  ;}