@import url(Reset.css);

body 
{
    background: #e0861a url(../Images/BG.gif);
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    line-height: 1.2em;
    margin: 15px 15px 100px 15px;
    text-align: center;
}

a { color: #f90; text-decoration: none; }
a:hover { text-decoration: underline; }

/**** Canvas Background *****************************************/
#canvas { background: url(../Images/MiddleContent_ShadowSync.png) top repeat-y; }
#canvasWrapper1 { background: url(../Images/TopOfContent_Shadow.png) top center no-repeat; padding-top: 9px; }
#canvasWrapper2 { background: url(../Images/BottomOfContent_Shadow.png) bottom center no-repeat; padding-bottom: 10px; }
#container 
{
    background: #fff;
    width: 726px;
    margin: 0 auto;
    text-align: left;
    padding: 20px;
}

/**** Footer *****************************************************/
#footer, #footer * { vertical-align: baseline; }
#footer, #footer a { color: #fff; text-transform: uppercase; }
#footer { background: #e08726; padding: 3px 10px; margin-top: 15px; }
#footer input.text 
{
    background: #fff;
    padding: 2px 0 0 2px;
    border: 0;
    margin: 0;
    height: 18px;
}
#footer input.submitButton 
{
    margin: 0 20px 0 0;
    border: 0;
    color: #fff;
    background-color: #929291;
    height: 20px;
    padding: 0 10px;
}

/**** Header *******************************************************/
#header { width: 726px; }
#header  
{
    background: url(../Images/PearGraphicHeader.gif) 0 25px no-repeat; margin-bottom: 8px; 
    position: relative;
}
#header h1 { margin: 0; clear: both; padding: 100px 0 0 0; margin-top: 26px; }
#header h1 a 
{
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 22px;
    text-decoration: none;
}
#header h1 a span
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
#header h2  
{
    margin: 0; 
    padding: 0; 
    position: absolute; 
    top: 125px; 
    right: 0;
    text-align: right; 
    z-index: 300;
}

/***** Main toolbar *************************************************/
ul#mainTool, ul#mainTool li {margin: 0; padding: 0; list-style-type: none;}
ul#mainTool 
{
    background: #c8402d;
    padding: 6px 10px 0 10px;
    float: left;
    width: 706px;
}
ul#mainTool li { display: block; position: relative; float: left; z-index: 540; }
ul#mainTool li a 
{
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
    background: url(../Images/MainToolSeperator.gif) 0 4px no-repeat;
    padding: 2px 12px 8px 12px;
}
ul#mainTool li a img { float: left; }
ul#mainTool li.active a { color: #f90; }
ul#mainTool li.firstChild a { background: none; padding-left: 0; }
ul#mainTool li ul 
{
    position: absolute;
    top: 8px;
    left: -25px;
    background: #982122;
    padding: 3px;
    z-index: 550;
    width: 125px;
}
ul#mainTool li.firstChild ul { left: -34px; }
ul#mainTool li ul li { float: none; }
ul#mainTool li ul li a 
{
    text-transform: capitalize;
    background: none;
    padding: 5px 5px 3px 5px !important;
    border-bottom: 1px solid #ac251b;
    font-size: 11px;
    display: block;
}

/**** Set up content columns *******************************************/
#content { width: 100%; overflow: hidden; }
#rightTool { width: 180px; float: right; }
#mainBody { width: 440px; float: left; padding: 15px 0 0 10px; }
#rightTool p { margin-bottom: .5em; }


/**** main body elements *********************************************/
#mainBody a { font-weight: bold; }
#mainBody ul, #mainBody li { margin: 0; padding: 0; list-style-type: none; }
#mainBody li 
{
    background: url(../Images/RedArrow.gif) 0 3px no-repeat;
    padding: 0 0 10px 13px;
}
#mainBody h3 { font-size: 16px; }
#mainBody h4 { font-size: 14px; }
#mainBody h5 { font-size: 13px; }