body
{
    background-image: url('/web/assets/images/school/template/background.png');
    background-repeat:repeat-x;
    background-color: #caddea;
    font-family: Georgia, Times New Roman, Serif;    
    margin: 0px;
}

#content 
{
    width: 780px;
    margin: auto;
}

#header 
{
    background-color: #58a60e;
    background-image: url('/web/assets/images/school/template/background_header.png');
    background-position: left top;
    background-repeat: no-repeat;
    color: White;
    font-size: 22px;
    text-align: center;
    height: 100px;
}

#header .text 
{
    padding-top: 10px;
    padding-left: 160px;
}

#header .tagline 
{
    padding-top: 10px;
    font-size: 11px;    
}

#tagline 
{
    height: 26px;    
    background-color: #396b0a;
    background-image: url('/web/assets/images/school/template/background_header_tagline.png');
    background-repeat: no-repeat;
    background-position: left top;
    color: White;
    font-family: Georgia, Times New Roman, Serif;
    font-style:italic;
    font-size: 15px;
    text-align: center;    
}

#tagline .text
{
    padding-top: 3px;
}


#breadcrumb 
{
    height: 29px;    
    background-color: White;
    background-image: url('/web/assets/images/school/template/background_breadcrumb.png');
    background-repeat: no-repeat;
    background-position: left top;
    color: #380e02;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;    
}

#breadcrumb .text
{
    padding-top: 8px;
    padding-left: 200px;
}

#menu 
{
    float:left;
    width: 160px;
    background-image: url('/web/assets/images/school/template/menu_top.png');
    background-repeat: no-repeat;
    padding-top: 82px;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

#menu ul
{
    padding-left: 0;
    margin-left: 0;
    /* border-bottom: 1px solid; */
    /* width: 165px; */
    margin-top: 40px;
    margin-bottom: 60px;
}


#menu li 
{
    list-style: none;
    margin: 0;
    font-size: 11px;
    font-weight: bold;
}

#menu li a
{
    display: block;
    border: solid 1px white;
    text-decoration: none;
    padding: 10px 0px 10px 10px;
    margin: 1px;
    color: White;
    background-color: Silver;
}

#menu li a:hover 
{
    color: Black;
}

#menu li a.a 
{
    background-color: #bc8ebc;
}

#menu li a.b 
{
    background-color: #65babf;
}

#menu li a.c 
{
    background-color: #b7e05e;
}

#menu li a.d 
{
    background-color: #e3c71b;
}

#menu li a.e
{
    background-color: #ee906c;
}

#page 
{
    float:left;
    background-color: White;
    background-image: url('/web/assets/images/school/template/background_page.png');
    background-position: right top;
    background-repeat: no-repeat;
    width: 620px;
}

#page .text 
{
    padding: 10px;
}

/* #bc8ebc, #65babf, #b7e05e, #e3c71b, #ee906c */


#page .textFooter 
{
    height: 40px;
}