body {
    background-color: #BAC0C1;
}

p {
    padding: 20px;
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
    line-height: 150%;
}

#pagebody {
    height: 600px;
    width: 1024px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -512px;
}

#logoholder {
    margin: auto;
    height: 108px;
    width: 924px;
}

#logo {
    width: 389px;
    height: 53px;
    position: relative;
    top: 46px;
    right: 12px;
}

#contentholder {
    margin: auto;
    width: 950px;
    height: 393px;
}

.ms {
    width: 233px;
    height: 131px;
    float: left;
}

.ms2 {
    visibility: hidden;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

.as {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#square1 {
    background-color: #77A8BC;
}

#square2 {
    background-image: url(../img/02_233.jpg) ;
 }

#square3 {
    background-color: #D64A9A;
}

#square4 {
    background-image: url(../img/04_233.jpg) ;
}

#square5 {
    background-image: url(../img/05_233.jpg) ;
}

#square6 {
    background-image: url(../img/06_233.jpg) ;
}

#square7 {
    background-image: url(../img/07_233.jpg) ;
}

#square8 {
    background-color: #8ABB69;
}

#square9 {
    background-image: url(../img/09_233.jpg) ;
}

#square10 {
    background-color: #26D8C2;
}

#square11 {
    background-image: url(../img/11_233.jpg) ;
}

#square12 {
    background-image: url(../img/12_233.jpg) ;
}

#square13 {
    background-color: #77A8BC;
    width: 232px;
    height: 393px;
    float: left;
}

#square14 {
    background-color: #BAC0C1;
    width: 696px;
    height: 393px;
    float: left;
}

#square15, #square16, #square17, #square18, #videoholder_524, #videoholder_699 {
    height: 393px;
    float: left;
}

#videoholder_524 a, #videoholder_699 a
{
    font-weight: bold;
    font-family: Verdana;
    position: relative;
    top: 50%;
    left: 50%;
}

#square15, #square17 {
    background-color: #8ABB69;
}

#square16, #square18 {
    background-color: #77A8BC;
}

#square15, #square16 {
    width: 393px;
}

#square17, #square18 {
    width: 231px;
}

#videoholder_699 {
    width: 699px;
    z-index: 0;
}

#videoholder_524 {
    width: 524px;
    z-index: 0;
}

#menuholder {
    margin: auto;
    width: 924px;
    height: 99px;
}

#menu {
    font-family: Helvetica;
    font-weight: bold;
    font-size: 10pt;
    width: 350px;
    float: left;
    margin-top: 9px;
}

#menu li {
    float: left;
    list-style-type: none;
}

#menu ul {
    margin: 0px;
    padding: 0px;
}

#menu a {
    text-decoration: none;
    color: #808080;
    margin: 0px 19px 0px 0px;
}

#menu a.active {
    color: #FFFFFF;
}