@import "type.css";
body
{
    padding:0;
    margin:0;
    text-align:center;
}

#Wrapper
{
    width:960px;
    margin:10px auto 10px auto;
    text-align:left;
    position:relative;
}

#Masthead
{
    height: 72px;
    position: relative;
}

#Navigation
{
    background-image:url('images/navigation-bg.jpg');
    background-repeat:repeat-y;
    width:960px;
    margin:0;
    line-height:1em;
    padding:0 0 5px 0;
}
#NavigationBtm
{
    background-image:url('images/navigation-btm.jpg');
    background-repeat:no-repeat;
    width:960px;
    margin:0;
    height:5px;
    line-height:0;
    font-size:0;
    font-family:Monospace;
}


/* Navigation */
.NavWrapper {position:relative; float:right; right:0; text-align:left;}
#Navigation ul {list-style-type:none; margin:0 0 0 220px; padding:0; white-space:nowrap; position:relative; right:0;}
#Navigation ul li {list-style-type:none; margin:5px 0 0 0; padding:0; float:left; position:relative;}
#Navigation ul li a {display:block; padding:0 10px 0 10px; color:white; font-weight:bold; text-decoration:none; border-right:2px solid white;}
#Navigation ul li a.Selected {color:White;}
#Navigation ul li a:hover {color:#005A43;}

/* Footer */
#Footer
{
    background-image:url('images/footer-bg.jpg');
    background-repeat:repeat-y;
    width:960px;
    margin:0 auto;
    padding-top:5px;
    padding-bottom:5px;
}
#FooterBtm
{
    background-image:url('images/footer-btm-bg.jpg');
    background-repeat:no-repeat;
    height:5px;
    width:960px;
    margin:0;
    line-height:0;
    font-size:0;
    font-family:Monospace;
}
#Footer ul {list-style-type:none; margin:0 0 0 5px; padding:0;}
#Footer ul li {list-style-type:none; margin:0; padding:0; float:left;}
#Footer ul li a {display:block; padding:4px 10px 4px 10px; line-height:12px; color:white; font-weight:bold; text-decoration:none; border-right:1px solid white;}
#Footer ul li a.Selected {color:White;}
#Footer ul li a:hover {color:#005A43;}

/* Sidebar */
ul.SideNav {list-style-type:none; margin:0 5px 40px 5px; padding:0;}
ul.SideNav li {list-style-type:none; margin:0; padding:0;}
ul.SideNav li a {display:block; border-bottom:1px solid #aaaaaa; line-height:1.1em; color:White !important; font-size:1em; background-color:#906067; padding:3px 10px 3px 10px;}
ul.SideNav li ul {padding:0; margin:0;}
ul.SideNav li ul a {padding:3px 10px 3px 20px; background-color:#906067;font-size:0.9em;}
ul.SideNav li a:hover {text-decoration:none !important; background-color:#5A8628;}
ul.SideNav li a.Selected {background-color:white; font-weight:bold; color:#906067 !important;}
ul.SideNav li ul li ul li a {padding:3px 10px 3px 30px; margin:0; font-size:0.9em;}
ul.SideNav li ul li ul li ul li a {padding-right:35px;}
ul.SideNav li ul li ul li ul li ul li a {padding-right:40px;}

/* Crumb Trail */
#CrumbTrail {margin-bottom:10px; margin-top:5px;}
#CrumbTrail {font-size:0.9em; color:#B1ABAF; text-transform:none;}
#CrumbTrail a {font-weight:bold; text-decoration:none; color:#906067;}
#CrumbTrail a:hover {color:#5A8628;}

/* Utilities */

.ClearBoth
{
    clear:both;
    font-family:Monospace;
    font-size:0;
    line-height:0;
}

a img
{
    border:none;
}

img.Bordered
{
    border:1px solid #999999;
}


div.Editable .ContentFragmentEditButton 
{
    display:none;
    padding:4px 16px;
    border:1px solid #cccccc;
    background-color:#eeeeee;
}
div.Editable:hover .ContentFragmentEditButton 
{
    display:block;
}
div.Editable
{
    border: 1px solid white;
}
div.Editable:hover
{
    border:1px dotted green;
}

a.HomeImageLink
{
    display:block;
    background-image:url('images/canbury-school-logo.jpg');
    background-repeat:no-repeat;
    width:237px;
    height:70px;
}
.Hidden
{
    display:none;
}