div.Container#Box
{
    margin-top: 30px;
}

div.Container#Box div#News
{
    float: left;
    background-image: url('../Images/Default/Boxes/News.jpg');
    width: 195px;
    height: 195px;
    padding: 10px;
    overflow: auto;
}

div.Container#Box div#News h1
{
    font-size: large;
    text-align: center;
}

div.Container#Box > a
{
    margin-left: 20px;
    float: left;
}

img.Shadow
{
    vertical-align: top;
    margin-bottom: -215px;
    position: relative; 
    z-index: -1;
    top: -30px; 
}

img.Shadow#Grade6-10
{
    left: 235px; 
}

img.Shadow#OutOfSchool
{
    left: 255px;
}

img.Shadow#AdditionalSupport
{
    left: 275px;
}

div.SubBox
{
    float: left;
    width: 215px;
    height: 150px;
}

div.SubBox > div.SubPageContainer
{
    overflow: hidden;
    padding: 10px;
    background: #D2D2D2 url('../Images/Default/Boxes/SubBoxBackground.gif') no-repeat;
}

div.SubBox + div.SubBox
{
    margin-left: 20px;
}    

div.SubBox > h3
{
    display: block;
    margin: 0;
    padding: 10px;
    font-size: 140%;
    line-height: 120%;
    text-align: center;
}

div.SubBox#Box1 > h3
{
    background: #B3B67D url('../Images/Default/Boxes/Box1.jpg') no-repeat;
}

div.SubBox#Box2 > h3
{
    background: #9DA60F url('../Images/Default/Boxes/Box2.jpg') no-repeat;
    text-align: left;
}

div.SubBox#Box3 > h3
{
    background: #56536E url('../Images/Default/Boxes/Box3.jpg') no-repeat;
    color: White;
}

div.SubBox#Box4 > h3
{
    background: #9B1617 url('../Images/Default/Boxes/Box4.jpg') no-repeat;
    color: White;
}