/* ------------------------- STRUCTURE --------------------------- */

body {
        background:url(../img/bg.jpg);
        text-align:center;
        margin:0px;
        padding:0px;
        color:#fff;
        font-size:11px;
        font-family: Helvetica, "Arial", sans-serif;
}

#content {
        background:#1f62a0 url(../img/header.jpg) no-repeat;
        width:734px;
        margin:0 auto;
        padding-top:180px;
        position:relative;
}

#main {
        background:#a4d0ee url(../img/content.jpg) no-repeat bottom right;
        width:714px;
        border:10px solid #fff;
        font-size:14px;
        line-height:20px;
        color:#134370;
        position:relative;
        overflow:auto;
        padding-bottom:100px;
}

#icons {
        position:absolute;
        top:55px;
        right:20px;
}

#logos {
        position: absolute;
        bottom:5px;
        left:10px;
}

/* ------------------------ MENU ------------------------------ */

#menu {
        background:#fff url(../img/menu1.png);
        list-style:none;
        margin:0px;
        padding:0px;
        width:100%;
        overflow:auto;
        margin-bottom:50px;
}

#menu li {
        float:left;
        line-height:35px;
        padding:0;
        margin:0;
        overflow:hidden;
}

#menu a {
        color:#1f62a0;
        padding:10 20px;
        font-size:15px;
        text-decoration:none;
        font-weight:bold;
}

#menu a:hover {
        color:#fff;
        background:#4898ce url(../img/menu2.png);
        padding:10 20px;

}

#curse a, #curse a:hover {
        color:#000;
        background:#a4d0ee url(../img/menu3.png);
}

/* ------------------------- TEXT ----------------------- */

#main p {
        padding:0 30px;
        text-align:justify
}

h2 {
        margin:20 30px;
        padding:5 0px;
        text-align:left;
        font.size:17px;
        border-bottom: 1px solid #134370;
        font-weight:bold;
}

h3 {
        text-transform:uppercase;
        font-size:14px;
        margin:10px;
        line-height:12px;
        font-weight:bold;
}

a {
        text-decoration:none;
        color:#134370;
        font-weight:bold;
}

a:hover {
        color:#000;
}

/* ------------------------ IMAGES ---------------------- */

#logos img {
        vertical-align:middle;
        margin:10px;
        border:0px;
}

#icons img {
        vertical-align:middle;
        margin:5px;
        border:0px;
}

/* -------------------- GALERIA ----------------------- */

#gallery {
        margin:0px;
        padding:15 65px;
        *padding:15 40px;
        *width:100%;
        overflow:auto;
}

#gallery li {
        list-style-type:none;
        float:left;
        margin:10px;
        position:relative;
}

#gallery li span {
        z-index:2;
        background:#fff;
        padding:0 5px;
        color:#000;
        font-size:9px;
        position:absolute;
        left:-10px;
        bottom:7px;
        text-transform:uppercase;
        border:1px solid #bcbcbc;
}

.photo {
        height:109px;
        width:124px;
        border:0;
        z-index:0;
}

.poloroid {
        position:absolute;
        border:0;
        z-index:1;
        top:-7px;
        left:-6;
}
.sticker {
        border:0px;
        position:absolute;
        top:-25px;
        right:-25px;
        z-index:3;
}


/* ------------------- EVENTS ---------------- */

#events {
        margin:0px;
        padding:15 65px;
        *padding:15 50px;
        *width:100%;
        overflow:auto;
}

#events li {
        float:left;
        width:270px;
        *width:265px;
        margin:10px;
        list-style-type:none;
        text-align:left;
}

#events img {
        height:125px;
        border:1px solid #134370;
        margin:10px;
        float:left;
}

#events p {
        font-size:10px;
        line-height:12px;
        padding:0;
}