@import url("/_common/css/hNav.css");
@import url("/_common/css/vNav.css");

body {
    margin: 0;
    background-image: url(/_common/img/body-background.gif);
    background-repeat: repeat-y;
    background-position: center;
}

#pageContainer {
    width: 973px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
}

#header {
    position: relative;  
    width: 973px;
    height: 155px;
    background-image: url('/_common/img/header.gif');
    background-position: top left;
    background-repeat: no-repeat;
}

    #header a {
        position: absolute;
        bottom: 10px;
        right: 25px;
    }
    
    /*#header .contactDetails {
        position: absolute;
        bottom: 8px;
        right: 25px; 
        width: 600px;
    }*/

#header-print, #header-news-print {
    display: none;
}

ul#horiz-nav-bar {
    list-style-type: none;
    width: 973px;
    height: 33px;
    margin: 0px;
    padding: 0px;
    border-top: 4px solid #FFFFFF;
    border-bottom: 4px solid #FFFFFF;
}
    
    ul#horiz-nav-bar li {
        display: inline;
        margin: 0px;
        padding: 0px;
    }
    
    ul#horiz-nav-bar li a span {
        display: none;
    }
    
    ul#horiz-nav-bar li a {
        display: block;
        float: left;
        height: 33px;
    }
    
    ul#horiz-nav-bar li a {
        width: 190px;
        border-right: 4px solid #FFFFFF;
    }

    ul#horiz-nav-bar li a.white-btn {
        width: 197px;
        border: 0;
    }

    #img_overlay {
        position: absolute;
        top: 196px;
        z-index: 1000 !important;
        display: none;
    }
    
    ul#udm {
        position: absolute;
        top: 196px;
        left: 10px; /* ?? */
        z-index: 30 !important;
        list-style-type: none;
        display: block;
        width: 238px;
        margin: 0px;
        padding: 0px;
        border-top: 1px solid #D0DCE7;
        border-left: 1px solid #D0DCE7;
        border-right: 1px solid #D0DCE7;
    }
        
        ul#udm li a span {
            display: none;   
        }

        /*ul#vert-nav-bar li a {
            display: block;
            width: 238px;
            height: 23px;
            color: #002A5C;
            background-color: #BDCCDD;
            border-bottom: 1px solid #D0DCE7;
        }*/
        
        ul#udm li a.primary {
            display: block;
            width: 238px;
            height: 23px;
            color: #002A5C;
            background-color: #BDCCDD;
            border-bottom: 1px solid #D0DCE7;
        }
        
        ul#udm li {
            display: inline;
        }
        
    #flash {
        position: absolute;
        top: 196px;
        right: 10px;
        width: 730px;   
        height: 241px;
        padding-left: 243px;
        background: #ffffff;
        border-bottom: 2px solid #ffffff;
        z-index: 10;
    }
    
    .editPageBtn {
        position: absolute;
        top: 178px;
        left: 253px;
        z-index: 10000;
    }
    
    .logoutBtn {
        width: 70px;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 10000;
    } 
        
#mainContainer {
    position: absolute;
    top: 402px; /*Previous 417px*/
    width: 973px;
    z-index: 20;
    background-image: url('/_common/img/content-line.gif');
    background-position: 714px 20px;
    background-repeat: no-repeat;
}

    .left-col {
        float: left;
        width: 220px;
        padding: 58px 0 30px 20px;
    }
    
        ul.sub-nav {
            margin: 0 0 18px;
            padding: 0;
            list-style-type: none;
            border-top: 1px dotted #9A2B25;
        }

        ul.sub-nav li {
            padding: 8px 0px;
            border-bottom: 1px dotted #9A2B25; 
        }
        
        .sub-nav-bar img {
            margin-bottom: 7px;
        }
    
    .content-wrapper {
        float: right;   
        width: 710px;
        padding: 0 0 30px 0;
    }
    
    /* Start content column */
    
        .content  {
            float: left;
            width: 432px;
            margin: 58px 0 26px 0;
        }
            .events table {
                border-collapse: separate;
                /*border-left: 1px solid #D1DDE8;*/
            }

            .events table td.event-spacer {
                height: 10px;
            }

            .events table td.event-img {
                border-top: 1px solid #D1DDE8;
                border-bottom: 1px solid #D1DDE8;
                border-left: 1px solid #D1DDE8;
                margin: 10px;
                vertical-align: top;
            }

            .events table td.event-text {
                border-top: 1px solid #D1DDE8;
                border-bottom: 1px solid #D1DDE8;
                border-right: 1px solid #D1DDE8;
                margin-bottom: 10px;
                padding: 1px 12px;
                width: 100%; /*Added 18/11/2008*/
            }
            
            
            #gallery, .contactForm {
                width: 710px;
                margin: 58px 0 26px 0;
            }
            
            #gallery table {
                margin-top: 20px;
            }
            
            #gallery table td .galleryItem {
                position: relative;
                width: 203px;
                height: 203px;
                padding: 14px;
                margin: 6px 6px 0 0;
                background-image: url(/_common/img/gallery_background.gif);
                background-repeat: no-repeat;
                background-position: 0 0;
            }

            #gallery table td img.galleryImg {
                width: 203px;
                height: 145px;
                border: 0;
                margin-bottom: 17px;
            }
            
            #gallery table td p {
                padding-right: 40px;
            }
            
            #gallery table td .editGalleryItem {
                position: absolute;
                bottom: 30px;
                right: 5px;
            }
            
    /* End content column */

    /* Start right column */
    
        .right-col {
            float: right; 
            width: 252px;
            margin: 0;
            margin-top: 15px; /*Previous 0px*/
            padding: 0 10px 0 0;
            background-image: url('/_common/img/corners.gif');
            background-repeat: no-repeat;
            background-position: top left;
        }
        
        .homepage { /*No corners image on the homepage */
            background-image: none;
        }
    
            .this-week {
                margin: 0 3px 3px;
                width: 246px;
                background-image: url('/_common/img/blue_gradient.gif');
                background-repeat: no-repeat;
                background-position: top left;
            }
            
            .this-week-text {
                width: 216px;
                padding: 16px 13px 16px 17px;
            }
            
            .comment, .parents-area {  
                border: 1px solid #D1DDE8;  
                margin-top: 10px;
                margin-left: 20px;
                margin-right: 16px;
            }

            .comment {
                padding-right: 15px;
                background-image: url('/_common/img/pencil.jpg');
                background-repeat: no-repeat;
                background-position: 100% 100%;
            }
            
             .comment-text {
                padding: 11px 30px 11px 11px;
            }
            
            .parents-area-text {
                padding: 11px;
            }
            
    
    .related-links, .downloads {
        margin-left: 20px;
        margin-right: 16px;
    }

    .related-links {
        margin-top: 16px;
    }

    .related-links h2 {
        margin-bottom: 5px;
    }

    .firstlink {
         border-top: 1px dotted #9A2B25;
    }
    
    .downloads {
        margin-top: 30px;
    }

    .downloads ul { 
        padding: 0;
        margin: 0;
    }
    
    .downloads ul li {
        margin: 0;
        padding: 20px 0;
        border-bottom: 1px dotted #9A2B25;
        list-style-position: inside;
        /*list-style-image: url('/_common/img/arrow.gif');*/ 
    }

    div.news, div.link {
        padding: 8px 0;
        border-bottom: 1px dotted #9A2B25;
    }
    
    div.download {
        background-image: url('/_common/img/arrow.gif');
        background-position: left;
        background-repeat: no-repeat;
        padding: 10px 10px;
    }
    
    /* End right column */
    
    #footer {
        clear: both;
        width: 675px;  /* Total width (973px) - 
                        Right col width (252px) - 
                        Right column right margin (10px) - 
                        Content div right padding (16px) -
                        Footer left margin (20px)*/
        border-top: 1px solid #D1DDE8;
        border-bottom: 1px solid #D1DDE8;
        background-color: #FFFFFF;
        margin-left: 20px;
        margin-bottom: 30px;
        padding: 10px 0;
    }
    
    /*.breadcrumb {
        clear: both;  
        padding: 0 0 10px 20px;
        width: 675px;
        font-size: 0.9em;
    }
    
    .breadcrumb a {
        font-weight: normal;
    }*/
    
    /*.pnlImages {
        margin-top: 15px;
    }*/