/* Reset All Padding and Margins */
* { margin:0; padding:0; }
 
body {
     /* Define a background image. */
     background:url(images/bg.gif);
     /* Set the Background color. In the PSD, use the Eyedropper tool to select the color */
     background-color:#ffd4f9;
          /* Set the default font attributes; using CSS Shorthand. http://gurnk.com/css-tutorials/5-need-to-know-css-tips-and-tricks/ */
     font:12px helvetica, Tahoma, Verdana; color:#FFFFFF;
}
 
#container {
     /* Define the Width of the Container; Find it in Image> Image Size in Photoshop. */
     width:806px; height:auto;
     /* Set the side margins to automatic to center it; using CSS Shorthand.*/
     margin:0 auto;


}
 
#header {
     /* Define a background image. */
     background:url(images/header221.gif) no-repeat;
     /* Set width and height. */
     width:806px; height:361px;
}
 
#content_background {
    /* Define a background image. */
    background:url(images/content_background1.gif) repeat-y;
    /* Set width and height. */
    width:806px; height:auto;
}
 
    #navi {
        /* Set width and height. */
        width:740px; height:33px;
        /* Center It */
        margin:0 auto;
        /* Set width and height */
        background:url(images/navi_back.gif) repeat-x;
        line-height:33px; text-align:center;
    }
    
    #navi a:link, #navi a:active, #navi a:visited {
        font:bold 10px helvetica, Verdana, Tahoma; color:#FFFFFF;
        text-decoration:none;
    }
    
    #navi a:hover {
        color:#FFFFFF;
        text-decoration: underline;
    }
    
#content_container {
    /* Set width and height. */
    width:756px; height:auto;
    /* Center it. */
    margin:0 auto;
}
 
h1 {
    /* 11px from the Left - 10px from the top */
    padding:11px 0 0 10px;
    /* Font */
   font:bold 10px helvetica, Verdana, Tahoma; color:#FFFFFF;
    /* Headings (h1) have margins on default. */
    margin:0;
}
 
.content {
    padding:50px;
}
 
#left_column {
    /* Set width and height. */
    width:176px; height:auto;
    /* Float it to the Left. */
    float:left;
}
 
    .left_header {
        /* Width and Height - Found from PSD */
        width:176px; height:34px;
        /* Set Background Image */
        background:url(images/left_header.gif) no-repeat;
    }
    
    .left_back {
         /* Define a background colour */
         background:#e1e1e1;
         /* Add the Side Borders */
         border-left:1px solid #000000;
         border-right:1px solid #000000;
     }
     
     .left_footer {
        /* Define Width and Height */
        width:176px; height:18px;
        /* Define Background Image */
        background:url(images/left_footer.gif) no-repeat;
    }
 
#right_column {
    /* Set width and height. */
    width:669px; height:auto;
    /* Float it to the right. */
    margin:0 auto
}

    .right_header {
        width:669px; height:34px;
        background:url(images/right_header.gif) no-repeat;
    }
    
    .right_back {
         /* Define a background colour */
         background:#4b4b4b;
         /* Add the Side Borders */
         border-left:1px solid #FFFFFF;
         border-right:1px solid #FFFFFF;
     }
     
     .right_footer {
        width:669px; height:18px;
        background:url(images/right_footer.gif) no-repeat;
    }
 
.clear {
    /* Clear the Floats. */
    clear:both;
}
 
#footer {
    /* Define width and height. */
    width:806px; height:124px;
    /* Set Background */
    background:url(images/footer1.gif) no-repeat;
}
 
    #footer p {
        text-align:center;
        font-weight:bold;
        padding-top:55px;
    }