@import url(../StyleSheet.css);

body 
{
    background: #000;
    margin: 0 0 50px 0;
    text-align: center;
}

/**** Frame Layout ******************************************************************/
#canvas 
{
    text-align: left;
    width: 1024px;
    margin: 0 auto;
}
#content { background: #f2e29e url(Canvas/ContentWoodBg.jpg); }
#wrapper 
{
    background: url(Canvas/Ball.gif) bottom left no-repeat;
    width: 1024px;
    overflow: hidden;
}
#leftTool 
{
    width: 233px;
    float: left;
    padding: 20px 25px 330px 25px;
}
#leftTool .facebookFeature
{
    width: 100%;
    float: left;
}
#body 
{
    width: 656px;
    float: left;
    background: url(Canvas/ContentTopRight.gif) top right no-repeat;
    padding: 20px 50px 20px 35px;
    overflow-x: hidden;
}

/**** Header ************************************************************************/
#header, #header a { color: #fff; }
#header 
{
    width: 100%;
    overflow: hidden;
    background: url(Canvas/TopBG.gif) bottom left no-repeat;
    padding: 0 0 86px 0;
}
#headerLogo 
{
    padding: 20px 0 10px 56px;
    width: 308px;
    float: left;
}
ul#headerTool, ul#headerTool li { margin: 0; padding: 0; list-style-type: none; }
ul#headerTool { width: 600px; float: right; padding: 45px 0 0 0; }
ul#headerTool li { float: left; }
ul#headerTool li a 
{
    display: block;
    padding: 15px 7px;
    margin: 0 2px;
}
ul#headerTool li a:hover, ul#headerTool li.selected a
{
    background: #591011;
}

/**** Footer ************************************************************************/
#footer, #footer a { color: #fff; text-decoration: none;}
#footer a:hover { text-decoration: underline; }
#footer 
{
    padding: 10px 100px 10px 50px;
    text-align: center;
    font-size: .9em;
}
#footer p.copyright 
{ 
    margin: 0; padding: 0;
    float: left;
    width: 48%;
}
#footer ul.links, #footer ul.links li { margin: 0; padding: 0; list-style-type: none; }
#footer ul.links
{ 
    float: right;
    width: 48%;
    text-align:right;
}
#footer ul.links li  
{
    display: inline; 
    border-left: 1px solid #fff;
    padding-left: 10px;
    margin-left: 10px;
}
#footer ul.links li.first 
{
    border-left: 0;
}

/**** Left Toolbar ************************************************************************/
#leftTool .logos 
{
    text-align: center;
    padding: 40px 0 0 0;
    color: #3a4b92;
}
#leftTool img { margin: 0 0 10px 0; }
#leftTool ul.links, #leftTool ul.links li { margin: 0; padding: 0; list-style-type: none; }
#leftTool ul.links li { padding: 0 0 10px 0; }
#leftTool ul.links li a 
{
    color: #991b1e;
    text-decoration: none;
    font-weight: bold;
}
#leftTool ul.links li a:hover, #leftTool ul.links li.selected a 
{
    color: #4255a5;
    text-decoration: underline;
}

/**** Body ************************************************************************/
#body h1
{
    padding: 0;
}
#body h1 img
{
    position: relative;
    margin: -20px 0 0 -11px;
}