/* This CSS supports multiple column layouts including:

   - Single column main content
   - Two columns with narrow left hand column
   - Two columns with narrow right hand column

  To change the layout simply uncomment the appropriate section below.

*/

/* Page layout */
body 
{
    padding: 0px;
    margin: 0px;
/*    margin: 0 auto 0 0;  Use this margin setting to anchor the left hand side of the page layout */
    width: 100%;
}
#header 
{
    padding: 4px;
}
#navbar 
{
    width: 100%;
    visibility: hidden;
    display: none;
}
#maincontent 
{
    margin: 0px;
    padding: 0px;
    width:100%;
}
#columncontainer 
{
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#leftcolumn 
{
    float: left;
    padding: 4px;
    width: 180px;
}
#centercolumn 
{
    float: left;
    width: 480px;
    padding: 4px;
}
#rightcolumn 
{
    float: right;
    margin: 0px;
    padding: 4px;
    width: 200px;
}
#footer 
{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}
#searchcontrol 
{
    float: right;
}

/* BEGIN: Two column layout - left hand column 

  Uncomment the following CSS to use a two column 
  layout with a narrow left column
*/
/*
#centercolumn 
{
    float: none;
    width: 785px;
    border-right: none;
}
#rightcolumn 
{
    visibility: hidden;
    display: none;
}
*/
/* END: Two column layout - left hand column */

/* BEGIN: Two column layout - right hand column */

#centercolumn 
{
    width: 410px;  /* needs to allow for a vert scrollbar */
}
#leftcolumn 
{
    visibility: hidden;
    display: none;
}

/* END: Two column layout - right hand column */

/* BEGIN: Single main column */
/*
#centercolumn 
{
    width: 975px;
}
#leftcolumn, #rightcolumn
{
    visibility: hidden;
    display: none;
}
*/
/* END: Two column layout - right hand column */

.floatleft
{
    float: left;
}