/* page */

#page
{
    width: 802px;
    margin: 0 auto;
}

#inner
{
    border: 1px solid #cccccc;
}

/* header */

#header
{
    clear: both;
}

/* banner */

#banner
{
    clear: both;
    height: 215px;
}

/* menubar */

#menubar
{
    clear: both;
    padding: 10px 0px 0px 0px;
    height: 30px;
    background: url(images/layout/bg_white.gif) #fcfcfc;
    text-align: center;
}

#menubar ul
{
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menubar ul li
{
    display: inline;
    margin: 0;
    padding: 5px;
}

#menubar a
{
    color: #666666;
    text-transform: uppercase;
    border-right: 1px dotted #666666;
    padding: 0px 15px 0px 0px;
    margin: 0;
}

#menubar a:hover, #menubar a:active
{
    color: #000000;
}

/* content */

#content
{
    clear: both;
    background: url(images/layout/bg_body.gif) #ffffff repeat-x;
    padding: 20px;
}

#content .main
{
    width: 510px;
    padding: 5px;
    float: left;
}

#content .sidebar
{
    width: 220px;
    padding: 10px;
    float: left;
}

/* footer */

#footer
{
    clear: both;
    padding: 20px 0px;
    color: #cccccc;
}

#footer a
{
    color: #ffffff;
    padding: 0 10px ;
}

/* ad-hoc layout */

.clear
{
    clear: both;
}

.left
{
    float: left;
}

.right
{
    float: right;
}


.justify
{
    text-align: justify;
}