/* CSS Document */
/* Deals with mainly with structural elements */
/* font stuff is in general.css so it can be used with the WYSIWYG controller */


.adjustedZIndex {
    z-index: 150;
}


#Content
{
    position: relative;
    width: 750px;
    margin: 0px auto;
    text-align: left;
    top: -1px;
    left: 0px;
}

div.object
{
    position: absolute;
    background-repeat: no-repeat;
    z-index: -120;
}

.floatingText{
left: 330px;
 width: 130px;
position: absolute;
top: 330px;
height: 56px;
 z-index: 1;
text-align: center;
font-weight: bold;
}
    




.hiddenPic
{
    display: none;
}


.menu
{
    text-align: center;
    
    
}

div.pencil
{
    width: 44px;
    height: 432px;
    position: absolute;
    left: -135px;
    top: 162px;
    background-image: url(   '../images/pencil.png' );
}

div.crayon
{
    width: 36px;
    height: 241px;
    left: -88px;
    top: 257px;
    background-image: url(   '../images/crayon.png' );
}

div.logo
{
    width: 290px;
    height: 204px;
    left: 37px;
    top: 100px;
    background-image: url(   '../images/logo.png' );
}

div.welcomenote
{
    width: 245px;
    height: 344px;
    left: 55px;
    top: 120px;
    background-image: url(   '../images/welcomenote.png' );
}

div.ruler
{
    width: 576px;
    height: 128px;
    left: 37px;
    top: -15px;
    background-image: url(   '../images/ruler.png' );
}

div.pen
{
    width: 48px;
    height: 334px;
    left: 798px;
    top: 145px;
    background-image: url( '../images/pen.png' );
}

div.notepaper
{
    width: 280px;
    height: 331px;
    left: 437px;
    top: 190px;
    background-image: url( '../images/notepaper.png' );
}

div.logo
{
    width: 231px;
    height: 177px;
    left: -84px;
    top: -10px;
    background-image: url( '../images/logo.png' );
}


div.zulogic
{
    width: 187px;
    height: 18px;
    left: 666px;
    top: 650px;
    background-image: url(   '../images/zulogic.png' );
}

div.calc
{
    width: 269px;
    height: 472px;
    left: 30px;
    top: 136px;
    background-image: url(   '../images/calculator.png' );
}

div.topbannerimg
{
    position: absolute;
    left: 0;
    top: 0;
    width: 470px;
    height: 65px;
    background-image: url( '../images/topImgfade.png' );
    background-repeat: no-repeat;
    z-index: 0;
}

body, html
{
    height: 100%;
}


.topBanner
{
    position: absolute;
    z-index: 0;
    margin: 0px;
    padding: 0px;
    top: 0px;
    height: 87px;
    background: #ffcc66;
    border: solid 1px #000000;
    vertical-align: bottom;
}
div.paperbkp
{
       
    background-image: url('../images/paper-bk.png'); 
    background-repeat: repeat-y;
   width: 601px;



}

div.red-pen
{
    width: 42px;
    height: 358px;
 position: absolute;
    background-image: url( '../images/red-pen.png' );
}


div.eraser
{
    width:185px;
    height: 113px;

    background-image: url( '../images/eraser.png' );
}