/* Loughborough Endowed Schools Stylesheet, Made in 0ad.co.uk */

/* Palette */

.red { color:#EC1C24;}
.blue { color:#0A4196;}

/* Common */

* { margin: 0; padding: 0;}

body { background: #ccc /* #0A4196 */; color: #000; font-size: 86%; position: relative; height: 100%; line-height: 1.3; font-family: "Arial", sans-serif; }

#wrapper { width: 960px; padding: 20px; background: #fff url(images/heron.png) right 10px no-repeat; margin: 20px auto; overflow: hidden; position: relative; }

.heron { background: transparent; width: 510px; height: 97px; position: absolute; top: 0; right: 5px; }

h2 { font-weight: normal; padding: 10px 0; border-bottom: 1px solid #ccc; font-size: medium;}
h3 { padding: 10px 0 0 0; font-size: medium;}
hr { margin: 20px 0; }

/* Header */

#header { position: relative; overflow: hidden; }
#header .logo { width: 470px; float: left; }
#header .logo a { color: #0A4196; text-decoration: none; font-weight: normal; background: url(images/loughboroughendowedschools.png) left no-repeat; width: 470px; height: 58px; padding: 0; display: block; text-indent: -888888px; overflow: hidden; }


/* Titles */

.page-6 h2 { color: #EC1C24; }

h1.title { color: #768EC0;  font-size: x-large; background :#0A4196; padding: 20px; clear: both; border: 0; margin: 0 auto; width: 914px; }

#content h1.title a.home { color: #fff; padding-right: 0.5em;}

.page-1 h1.title a.home { display: none;}

.page-1 h1.title { color: #fff; }

.col1 h2 { color: #EC1C24; }

/* Content */

#content { font-size: medium; margin: 0 0 10px 0; overflow: hidden; padding-top: 20px; clear: both; }

#content a { color: #036; text-decoration: none;}

#content a:hover { text-decoration: underline;}

#content img { padding: 0 0 0 40px; }

#content #slideshow img { padding: 0 0 0 3px; }

#content .profiles img { padding: 0; }

.small { font-size: x-small; }

.black { color: #000!important; }

.subpage #content p { font-size: small; }

#content p { padding: 10px 0 0 0;}

#content ul { list-style-type: none; }

#content .col3 li a, .col2 a.more { padding: 3px 0; border-bottom: 1px dotted #ccc; display: block; height: 1% /* ie6 fix */}

#content .col3 li ul { display: none; }

#content .col3 li.active a, #content .col3 li.active li.active a { color: #EC1C24 }

#content .col3 li.active ul { display: block; }

#content .col1 ul {padding: 1.5em; list-style-type: disc; }

#content .B_crumbBox { color: #768EC0; }

#content .B_crumbBox a { color: #fff; }

.col2 a.last { padding-bottom: 0; border: 0;}

.col2 h2 { position: relative; }

.col2 h2 span.date { position: absolute; right: 0; }

#content .col2 .item p { padding: 0;}

#content .col3 li a { background: transparent url(images/arrow.png) right center no-repeat; display: block; font-size: 76%;}

#content .col3 li.active li a { color: #666; padding-left: 20px; background: transparent url(images/activeli.png) 8px center no-repeat; }

#content .col3 a img { border: 0;}

#content .col3 a { color: #0E2F84; }

#content .col3 h2 {margin-bottom: 7px;}

#banner {text-align: center; }

#banner img {padding: 0; }

/* Column Layout */

.col1, .col2, .col3 { width: 300px; margin: 10px; float: left;}

#content .col1 { width: 620px;}

.col2, #content .col2 h3 { font-size: small; }

.page-3 #content .col1 { width: 100%; }

.page-3 #content .col1 h3 { padding-bottom: 10px; }

.page-3 #content .col1 p { padding-bottom: 10px; }

.page-3 #content .col1 a { text-decoration: underline; }

.page-3 #content .col3 { display: none; }

/* Footer */

#footer { clear: both; border-top: 1px solid #ccc; padding: 10px 0; color: #999; font-size: small; font-family: "Arial", sans-serif;}

/* Blog */

.rss { float: right; width: 20px; padding-left: 10px;}
.newsimage { float: right; padding-left: 10px; border: 0!important; background: none;}
.newsimage a img { border: 0!important; background: none;}
.blog { overflow: hidden; border-top: 1px solid #ccc; padding: 10px 0; }
.blog h4.title, .blog .eventdate { color: #EC1C24; font-size: 120%;}
.details { font-style: italic; font-size: small; }
.link { font-size: small; }
.pagination { color: #ccc; font-size: small;}

ul.reflect_months { padding: 0!important; }

/* Misc */

table.tableforlayout td { padding: 10px; }
table.tableforlayout { margin: 0 auto; width: 50%; }

/* Calculator */

.calculator h3 { background:#0A4196; color:#fff; padding: 10px;}
.calculator p { font-size: smaller; text-align: right; padding: 10px!important; }
.calculator input.input { border: 0; background: #eee; color: #000; padding: 5px; text-align: right; }
/* input.donation { margin-right: 5px;} */
#calcmsg { color: #0A4196; line-height: 1.6em; }
input.submit, input.reset { font-size: 100%; color: #fff; background: #0E2F84; border: 0; padding: 5px; width: 8em; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
input.reset { background: #EC1C24; }
p.fullvalue { font-weight: bold; }
p.fullvalue, p.highrate { border-top: 1px solid #ccc; }

/* Burton Busary */

.profiles { padding: 10px; font-size: smaller; }
div.mim, div.mif { float: left; width: 103px; text-align: center; padding: 20px; }
.mim { color: #0E2F84; }
.mif { color: #EC1C24; }
.mim img, .mif img { cursor:pointer; }
/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
    position: relative; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}

/* Flash Embed */

#embedBannerx { width: 954px; height: 245px; z-index:1;}

/* Donate */

form.donate { float: left; padding:10px 0 0; width: 307px;}

form.donate_les, form.donate_lhs { padding-right: 3px; }

form.donate_les imput:hover { cursor: pointer; }

.page-22 h2 { clear: both; }
