/* @begin Global Reset */
    * { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; }
    ul li { list-style-position: inside; }
/* @end */


/* @begin General */
    body { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 11pt; color:#027DA5; }

    h1 { color: #003C4F; }

    span { color: #027DA5; }

    input { outline:none; }
    a { color:#3DBDED; text-decoration:none; outline:none; }
    
    ul li { margin-left:20px; }
    ul li ul li { margin-left:20px; }
    
    strong { font-weight:bold; }
/* @end */


/* @begin Top */
    #top { margin:0 auto -110px auto; width:883px; height:110px; }
        #logo { cursor:pointer; float:left; width:450px; height:100%; }
        #administration { float:right; margin:9px 75px 0 0; width:24px; height:24px; }
/* @end Top */

/* @begin Content */
    #content { margin:135px auto 0 auto; width:883px; }
        #shadow { float:left; clear:left; min-height:350px; width:805px; padding:25px 39px 25px 39px; margin:0 auto; background:transparent url('/_img/shadow/Middle.png') repeat-y; }

    /* @begin Menu */
    /* @description Styles of the main menu elements*/
        #menu_wrap { float:left; background:url('/_img/menu/Top.png') no-repeat; width:881px; min-height:14px; padding:14px 0 0 0; }

        #menu { float:left; background:url('/_img/menu/Left_Right.png') repeat-y; width:881px; padding:0 0 0 8px; }

        #menu .button { float:left; display:inline; margin:-6px 0 0 0px; cursor:pointer; }
        #menu .button .left { float:left; width:5px; height:33px; background:url('/_img/menu/Left.png') no-repeat; }
        #menu .button .middle { float:left; width:98.2px; height:33px; background:url('/_img/menu/Middle.png') repeat-x; text-align:center; vertical-align:middle; }
        #menu .button .middle h1 { color:#FFF; margin: 8px 0 11px 0; font-weight:normal; }
        #menu .button .middle a { color:#FFF; }
        #menu .button .right { float:left; width:5px; height:33px; background:url('/_img/menu/Right.png') no-repeat; }
        
        #menu .button:hover .left { background:none; }
        #menu .button:hover .middle { background:none; }
        #menu .button:hover .middle h1 { color:#003C4F; font-weight:normal; }
        #menu .button:hover .middle a { color:#003C4F; }
        #menu .button:hover .right { background:none; }
        
        #menu .button.active .left { background:none; }
        #menu .button.active .middle { background:none; }
        #menu .button.active .middle h1 { color:#003C4F; font-weight:normal; }
        #menu .button.active .middle a { color:#003C4F; }
        #menu .button.active .right { background:none; }        
    /* @end */

    /* @begin Inscriptions */
        #inscriptions .row { float:left; clear:left; width:100%; padding:5px 0 5px 0; border-top:solid 1px #DDDDDD; }
        #inscriptions .row_alternate { float:left; clear:left; width:100%; padding:5px 0 5px 0; border-top:solid 1px #DDDDDD; background:#FAFAFA; }
        
        #inscriptions .dateHR { float:left; width:70px; padding:0 0px 0px 10px; margin:0 0 10px 0px; border-right:solid 1px #DDDDDD; font-weight:bold; }
        #inscriptions .dateR { float:left; width:70px; padding:0 0px 0 10px; margin:0 0 0 0px; border-right:solid 1px #DDDDDD; }

        #inscriptions .nameHR { float:left; width:220px; padding:0 0px 0px 10px; margin:0 0 10px 0px; border-right:solid 1px #DDDDDD; font-weight:bold; }
        #inscriptions .nameR { float:left; width:220px; padding:0 0px 0 10px; margin:0 0 0 0px; border-right:solid 1px #DDDDDD; }
        
        #inscriptions .nameHLR { float:left; width:220px; padding:0 0px 0px 10px; margin:0 0 10px -1px; border-right:solid 1px #DDDDDD; border-left:solid 1px #DDDDDD; font-weight:bold; }
        #inscriptions .nameLR { float:left; width:220px; padding:0 0px 0 10px; margin:0 0 0 -1px; border-right:solid 1px #DDDDDD; border-left:solid 1px #DDDDDD; }
        
        #inscriptions .emailH { float:left; width:210px; padding:0 0 0 10px; border-left:solid 1px #DDDDDD; margin:0 0 0 -1px; font-weight:bold; }
        #inscriptions .email { float:left; width:210px; padding:0 0 0 10px; border-left:solid 1px #DDDDDD; margin:0 0 0 -1px; }
    /* @end */

    /* @begin News */
        #news_wrap { float:left; clear:left; width:400px; }
        .news { margin-bottom:10px; }
        .news_title { font-weight:normal; text-decoration:none; }
        .news_title_selected { font-weight:bold; }
    /* @end */

    
    
    #register_wrap { float:left; clear:left; width:400px; margin-top:20px; }
    #gallery_wrap { float:right;width:375px; }
    #gallery { width:369px; height:280px; overflow:hidden; }
    
    .gallery.previous { cursor:pointer; float:left; width:185px; height:35px; margin:-2px 0 0 0; }
    .gallery.next { cursor:pointer; float:left; width:185px; height:35px; margin:-2px 0 0 0; }


    /* @begin Bottom */
    /* @description Rounded bottom & shadows of the content */
        #bottom
        {
            float:left;
            clear:left;
            width: 863px;
            height: 16px;
            padding: 0 10px 0 10px;
            margin: 0 auto;
            background: transparent url('/_img/shadow/Bottom.png') no-repeat;
        }
    /* @end */
/* @end */


/* @begin Very Bottom */
/* @description For the grass at the bottom of the site */
    #vbottom { position:absolute; height: 97px; width: 100%; bottom:0; background: url('/_img/background/Bottom2.png') no-repeat center bottom; z-index:-1; left:0; }
/* @end */


/* @begin Content Titles */
/* @description Different title styles */
    .title { background:url('/_img/Bar.png') repeat-x 0 1px; padding:0 0 10px 0; }
    .title span { background:#FFFFFF; font-size:12pt; padding:0 9px 0 0; color:#003C4F; }
    
    .subtitle { text-decoration:underline; }
/* @end */


/* @begin Buttons */
/* @description Different button styles */
    #shadow .button { cursor:pointer; }
    #shadow .button .left { float:left; background:url('/_img/button/Left.png') no-repeat; width:6px; height:37px; }
    #shadow .button .middle { float:left; background:url('/_img/button/Middle.png') repeat-x; height:37px; padding:9px; text-align:center;}
    #shadow .button .middle span { color:#FFFFFF; }
    #shadow .button .right { float:left; background:url('/_img/button/Right.png') no-repeat; width:6px; height:37px; }
/* @end */

/* @begin Modal */
    .modalBackground {  background-color:#000000;  filter:alpha(opacity=70);  opacity:0.7;}
    .modalPopup { background:#FFFFFF; padding:20px; max-width:100%; max-height:100%; }
/* @end */