﻿#InformalEssay
{
    width: 305px;
    height: 413px;
    border: solid 1px #dadada;
    background-color: #fcfcfc;
}

#InformalEssay-Scrollbar-Container
{
    position: relative;
    top: -394px;
    left: 288px;
}

#InformalEssay-Scrollbar-Container .Scrollbar-Up
{
    position: absolute;
    width: 14px;
    height: 19px;
    background: url(../images/Scrollbar-Up.gif);
    font-size: 0px;
}
#InformalEssay-Scrollbar-Container .Scrollbar-Track
{
    width: 2px;
    height: 361px;
    padding: 0 1px;
    position: absolute;
    top: 22px;
    left: 5px;
    background-color: #dbd9da;
}
#InformalEssay-Scrollbar-Container .Scrollbar-Handle
{
    position: relative;
    width: 2px;
    height: 91px;
    background-color: #ec1a23;
}
#InformalEssay-Scrollbar-Container .Scrollbar-Down
{
    position: absolute;
    top: 386px;
    width: 14px;
    height: 19px;
    background: url(../images/Scrollbar-Up.gif);
    font-size: 0px;
}

#InformalEssay-Content
{
    position: relative;
    top: 6px;
    left: 8px;
    overflow: hidden;
    width: 270px;
    height: 400px;
    display: block;
}
#InformalEssay-Content .Scroller-Container
{
    position: relative;
    top: 0px;
    left: 0px;
}


#Exchange
{
    width: 234px;
    height: 413px;
    border: solid 1px #dadada;
    background-color: #fcfcfc;
}
#Curriculum1
{
    float: left;
    width: 280px;
    height: 413px;
    border: solid 1px #dadada;
    background-color: #fcfcfc;
}
#Curriculum2
{
    float: left;
    margin-left: 2px;
    width: 316px;
    height: 413px;
    border: solid 1px #dadada;
    background-color: #fcfcfc;
}

#Curriculum2-Scrollbar-Container
{
    position: relative;
    top: -394px;
    left: 296px;
}

#Curriculum2-Scrollbar-Container .Scrollbar-Up
{
    position: absolute;
    width: 14px;
    height: 19px;
    background: url(../images/Scrollbar-Up.gif);
    font-size: 0px;
}
#Curriculum2-Scrollbar-Container .Scrollbar-Track
{
    width: 2px;
    height: 356px;
    padding: 0 1px;
    position: absolute;
    top: 22px;
    left: 5px;
    background-color: #dbd9da;
}
#Curriculum2-Scrollbar-Container .Scrollbar-Handle
{
    position: relative;
    width: 2px;
    height: 91px;
    background-color: #ec1a23;
}
#Curriculum2-Scrollbar-Container .Scrollbar-Down
{
    position: absolute;
    top: 380px;
    width: 14px;
    height: 19px;
    background: url(../images/Scrollbar-Up.gif);
    font-size: 0px;
}

#Curriculum2-Content
{
    position: relative;
    top: 6px;
    left: 8px;
    overflow: hidden;
    width: 283px;
    height: 401px;
}
#Curriculum2-Content .Scroller-Container
{
    position: relative;
    top: 0px;
    left: 0px;
}

#Curriculum3
{
    width: 252px;
    height: 413px;
    border: solid 1px #dadada;
    background-color: #fcfcfc;
}

#Curriculum3-Scrollbar-Container
{
    position: relative;
    top: -394px;
    left: 232px;
}

#Curriculum3-Scrollbar-Container .Scrollbar-Up
{
    position: absolute;
    width: 14px;
    height: 19px;
    background: url(../images/Scrollbar-Up.gif);
    font-size: 0px;
}
#Curriculum3-Scrollbar-Container .Scrollbar-Track
{
    width: 2px;
    height: 356px;
    padding: 0 1px;
    position: absolute;
    top: 22px;
    left: 5px;
    background-color: #dbd9da;
}
#Curriculum3-Scrollbar-Container .Scrollbar-Handle
{
    position: relative;
    width: 2px;
    height: 91px;
    background-color: #ec1a23;
}
#Curriculum3-Scrollbar-Container .Scrollbar-Down
{
    position: absolute;
    top: 380px;
    width: 14px;
    height: 19px;
    background: url(../images/Scrollbar-Up.gif);
    font-size: 0px;
}

#Curriculum3-Content
{
    position: relative;
    top: 6px;
    left: 8px;
    overflow: hidden;
    width: 219px;
    height: 401px;
}
#Curriculum3-Content .Scroller-Container
{
    position: relative;
    top: 0px;
    left: 0px;
}

#DynamicBox
{
    overflow: hidden;
    display: table;
    width: 862px;
    background: #f3f3f3 url(../images/dynamic.jpg) left top no-repeat;
    border: solid 1px #dadada;
    padding: 0px 1px 1px 1px;
    height: 386px;
}
#Dynamic
{
    float: left;
    width: 433px;
    height: 352px;
    border: solid 1px #dadada;
    background-color: #fcfcfc;
}

#Dynamic-Scrollbar-Container
{
    position: relative;
    top: -334px;
    left: 416px;
}
#Dynamic-Scrollbar-Container .Scrollbar-Up
{
    position: absolute;
    width: 14px;
    height: 19px;
    background: url(../images/Scrollbar-Up.gif);
    font-size: 0px;
}
#Dynamic-Scrollbar-Container .Scrollbar-Track
{
    width: 2px;
    height: 296px;
    padding: 0 1px;
    position: absolute;
    top: 22px;
    left: 5px;
    background-color: #dbd9da;
}
#Dynamic-Scrollbar-Container .Scrollbar-Handle
{
    position: relative;
    width: 2px;
    height: 91px;
    background-color: #ec1a23;
}
#Dynamic-Scrollbar-Container .Scrollbar-Down
{
    position: absolute;
    top: 320px;
    width: 14px;
    height: 19px;
    background: url(../images/Scrollbar-Up.gif);
    font-size: 0px;
}

#Dynamic-Content
{
    position: relative;
    top: 6px;
    left: 8px;
    overflow: hidden;
    width: 400px;
    height: 340px;
}
#Dynamic-Content .Scroller-Container
{
    position: relative;
    top: 0px;
    left: 0px;
}

#FlashBox
{
    float: left;
    margin-left: 2px;
}

#ViewPointBox
{
    float: left;
    border: solid 1px #dadada;
    padding: 0px 1px 17px 1px;
    background: #f3f3f3 url(../images/viewpoint.jpg) left top no-repeat;
}
#InformalEssayBox
{
    float: left;
    border: solid 1px #dadada;
    padding: 0px 1px 17px 1px;
    background: #f3f3f3 url(../images/informalessay.jpg) left top no-repeat;
    margin-left: 2px;
}
#ViewPoint
{
    width: 305px;
    height: 413px;
    border: solid 1px #dadada;
    background-color: #fcfcfc;
}

#ViewPoint-Scrollbar-Container
{
    position: relative;
    top: -394px;
    left: 288px;
}

#ViewPoint-Scrollbar-Container .Scrollbar-Up
{
    position: absolute;
    width: 14px;
    height: 19px;
    background: url(../images/Scrollbar-Up.gif);
    font-size: 0px;
}
#ViewPoint-Scrollbar-Container .Scrollbar-Track
{
    width: 2px;
    height: 361px;
    padding: 0 1px;
    position: absolute;
    top: 22px;
    left: 5px;
    background-color: #dbd9da;
}
#ViewPoint-Scrollbar-Container .Scrollbar-Handle
{
    position: relative;
    width: 2px;
    height: 91px;
    background-color: #ec1a23;
}
#ViewPoint-Scrollbar-Container .Scrollbar-Down
{
    position: absolute;
    top: 386px;
    width: 14px;
    height: 19px;
    background: url(../images/Scrollbar-Up.gif);
    font-size: 0px;
}

#ViewPoint-Content
{
    position: relative;
    top: 6px;
    left: 8px;
    overflow: hidden;
    width: 270px;
    height: 400px;
    display: block;
}
#ViewPoint-Content .Scroller-Container
{
    position: relative;
    top: 0px;
    left: 0px;
}

#ExchangeBox
{
    float: left;
    margin-left: 2px;
    background: #f3f3f3 url(../images/exchange.jpg) left top no-repeat;
    border: solid 1px #dadada;
    padding: 0px 1px 17px 1px;
}

#WorkBox
{
    height: 132px;
    background: #fcfcfc url(../images/work1.jpg) right top no-repeat;
    width: 100%;
    border-bottom: solid 1px #dadada;
}

#ShadeBox
{
    height: 175px;
    background: #fcfcfc url(../images/shade1.jpg) right top no-repeat;
    width: 100%;
    border-bottom: solid 1px #dadada;
}

.divReadme
{
    line-height: 23px;
    color: #656565;
    clear: both;
    padding-left: 12px !important;
    padding-left: 24px;
    padding-top: 6px;
    font-size: 12px;
    width: 380px;
}
