@charset "utf-8";
/* CSS Document */

/* universal styles-start */

body{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:80%;
color:#555;
line-height:170%;
}

#container{
background: transparent url('/gfx/st-marys-school-background.png') 95% 205px no-repeat fixed;
}

.left{
text-align:left;
}

.center{
text-align:center;
}

.right{
text-align:right;
}

.hide{
display:none;
}

.invisible{
visibility:hidden;
}

/* universal styles-end */

/* ==================== */

/* Set background-color, color, border etc for divs and sub-divs-start */

/* ==================== */

 /* top-start  */

#top{
background-color:transparent;
}

#topleft{
background: #fff url('/gfx/st-marys-school-bideford.png') no-repeat 30px 10px;
}

#topmiddle{
float:right;
border-right:5px solid #ccc;
background-color:transparent;
}

#topmiddle p{
text-align:right;
line-height:120%;
margin:1em 1em 0 0;
color:#999;
font-size:1em;
width:200px;
}


#topright{
background-color:#fff;
}

/* top-end  */

/* ==================== */

 /* left-start  */

#left{
border-right:1px solid #999;
border-bottom:1px solid #999;
}

#left img{
border-right:1px solid #999;
margin:0 0 2em 0;
}

/*  set leftnav appearance-start */

#left h2{
margin:1em 0 1em 0;
font-family:Georgia, "Times New Roman", Times, serif;
}


#left .leftnav{
width:135px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#left .leftnav li a:link,
#left .leftnav li a:visited{
display:inline-block;
text-decoration:none;
color:#999;
border-bottom:0;
}

#left .leftnav li a:hover{
color:#000;
background-color:#fff;
}

/* left-end  */

/* ==================== */

 /* right-start  */

/*#right{
background-color:slategray;
}*/

/* right-end  */

/* ==================== */

/* content-start  */

#content{

}

#content h1{
font-weight:bold;
font-size:1.5em;
margin:0 0 0.5em 0;
color:#333;
}

#content h2{
clear:left;
font-weight:bold;
font-size:1.2em;
margin:0 0 0.5em 0;
color:#333;
}

#content h3{
clear:left;
font-weight:bold;
font-size:1.1em;
margin:0 0 0.25em 0;
color:#888;
}

#content h4{
font-weight:bold;
font-size:1em;
}

#content p{
margin:0 0 0.75em 0;
line-height:150%;
}

#content img{
float:left;
margin:3px 1em 0.5em 0;
border:2px solid #666;
}

#content ul{
list-style:square inside;
}

#content ul li{
line-height:120%;
margin:0 0 0.2em 0;
}

#content a:link,
#content a:visited{
text-decoration:none;
color:darkgreen;
border-bottom: 1px dotted darkgreen;
}

#content a:hover{
color:black;
border-bottom: 1px solid black;
}

#content table{
width:auto;
border-collapse:collapse;
background-color:#ddd;
}

#content th,
#content td,
#content caption{
border:1px solid yellow;
padding:0.5em;
}

#content tbody th{
text-align:left;
}

#content table caption{
font-weight:bold;
text-align:left;
}

/* content-end  */

/* ==================== */

 /* footer-start  */

#right{
background-color:plum;
}

#footer{
border-top:50px solid #fff;
background-color:#666;
}

#footer p{
color:#ccc;
text-align:center;
}


/*#footerleft{
background-color:#555;
}

#footermiddle{
background-color:#777;
}

#footerright{
background-color:#999;
}*/

/*  footer-end  */

/* ==================== */

/*  set topnav appearance-start */

#topnav{
background-color:transparent;
font-family:Georgia, "Times New Roman", Times, serif;
}

#topnav ul{
/*margin:0 0 0 207px;*/
margin:0 0 0 175px;
border-top:1px solid #999;
padding:0 0 0 30px;

}


#topnav li{
font-weight:normal;
font-size:1.2em;
color:#003;
}

#topnav a:link,
#topnav a:visited{
display:inline-block;
height:23px;
text-decoration:none;
color:#666;
border-bottom:0;
padding:3px 10px 4px 10px;
}

#topnav a:hover{
color:#ccc;
background-color:#003;
}

/*  set topnav appearance-end */

/* ==================== */

#absolute1{
position:absolute;
top:50%;
left:50%;
border:5px dotted red;
background-color:yellow;
color:blue;
font-weight:bold;
}

#absolute2{
position:absolute;
top:100px;
right:100px;
border:5px dotted green;
color:blue;
font-weight:bold;
}

#messages{
display:none;
margin-left:160px;
z-index:1000;
border:2px solid red;
background-color:#ff9;
padding:3px;
font-size:0.9em;
color:red;
}

#messages h2{
width:100%;
background-color:#900;
color:#ff9;
font-weight:bold;
font-size:1.2em;
text-align:center;
border:0;
}

#messages p{
background:#ff9 url('/grafix/messages-info.png') no-repeat 0 3px;
padding:0 0 0 15px;
color:#69c;
border:0;
}

#messages p.info{
background-image:url('/grafix/messages-info.png');
color:#69c;
}

#messages p.warn{
background-image:url('/grafix/messages-warn.png');
color:#090;
}

#messages p.error{
background-image:url('/grafix/messages-error.png');
color:#900;
}

#corner{
position:absolute;
top:125px;
left:175px;
height:32px;
width:32px;
background:transparent url('/gfx/round-corner.png') no-repeat 0 0;
}

#content table{
background-color:#fff;
width:600px;
border-collapse:collapse;
border:1px solid #666;
}

#content table td,
#content table th{
border: 1px solid #666;
padding:5px;
}

#content table th{
background-color:#eee;
color:#333;
}

#content table th.day{
background-color:#666;
color:#fff;
font-weight:bold;
font-size:1.2em;
}