/* styles for bootslearningstore 2008 redesign */


* {

margin: 0px;
padding: 0px;

}

html {

margin: 0px;
padding: 0px;

margin-left: -1px;
overflow-Y: scroll;

}

body {

/* height: 100%; */
margin: 0px;
padding: 0px;
text-align: center;

font-family: verdana, helvetica, arial, sans-serif;
font-size: xx-small;

background: #cbe6f7;

/* adjust font-size for everything but ie5 */
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;

}

html>body {

font-size: x-small;
margin-left: 0px;

}

/* end ie5 fontsize fix */


/* to prevent the dotted outline appearing when flash movies are clicked */
object {

outline: none;

}

#container {

width: 760px;

margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px 10px 0px;
border: 0px;
text-align: left;

}


/* -------------------------- Tony Aslett float-clearing technique ------------------------------------ */

/* following rule adds a cleared element after container */
/* this forces non IE browsers to enclose any floated elements in container */

#container:after {

content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;

}

/* following rule is for ie mac float problem */
#container {

display: inline-table;

}


/* following hack is for ie win only */

/* Hides from IE-mac \*/
* html #container {

height: 1%;

}

/* now reset display property for everything except ie mac */
#container {

display: block;

}
/* End hide from IE-mac */



/* -------------------------- end Tony Aslett float-clearing technique ------------------------------------ */




/* ------------------- hidden links ------------------- */

#skiplinks, #skipnav, #skipcontent, #skiplogin, #flashsniffer {

position: absolute;
left: -999px;
width: 990px;

}


/* header stuff */

#header {

width: 760px;
height: 100px;

margin: 15px 0px 0px 0px;
padding: 0px;

background: #fff url("../img/design/header_bg.gif") no-repeat;

}

/*
#header h1 {

position: absolute;
left: -999px;
width: 990px;

}
*/

/* h1 uses the smart leahy/langridge image replacement (LIR) technique */
#header h1 {

/* width is 688 + 15 */

width: 703px;

/* height or padding is 55 + 13 */
padding: 68px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:68px;
	
background: url("../img/design/blslogo.gif") no-repeat 15px 13px;

float: left;
	
}



#topmenu ul {

list-style: none;

padding: 0px;
margin: 0px 0px 0px 147px;

}

#topmenu li {

padding: 0px;
margin: 0px;
float: left;

}

#topmenu a, #topmenu a:link ,#topmenu a:active, #topmenu a:visited, #topmenu a:hover {

display: block;

padding: 22px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:22px;

}



#topmenu_home {

width: 64px;
background: url("../img/design/topmenu_home.gif") no-repeat;

}

#topmenu_teachers {

width: 98px;
background: url("../img/design/topmenu_teachers.gif") no-repeat;

}

#topmenu_parents {

width: 92px;
background: url("../img/design/topmenu_parents.gif") no-repeat;

}


#topmenu_news {

width: 70px;
background: url("../img/design/topmenu_news.gif") no-repeat;

}


#topmenu_about {

width: 78px;
background: url("../img/design/topmenu_about.gif") no-repeat;

}

#topmenu_contact {

width: 95px;
background: url("../img/design/topmenu_contact.gif") no-repeat;

}











/* ------------------------- inside pages stuff   ---------------------------------- */


#main {

width: 760px;
padding: 0px;
margin: 15px 0px 0px 0px;
background: #fff url("../img/design/main_bg_top.gif") no-repeat 0px 0px;
float: left;

}


#centrecolumn {

width: 350px;
float: left;

}

#centrecolumn.noleftcolumn {

margin-left: 188px;
/* display inline fix for ie6- double margin bug */
display: inline;

}

#centrecolumn .contentpanel {

margin: 20px 20px 20px 20px;
padding: 0px;
color: #333;

}

/* min-height rule and hacks */

#centrecolumn .contentpanel {

height: 300px;
min-height: 300px;

}

html>body #centrecolumn .contentpanel {

height: auto;

}

/* end min-height stuff */


/* bigger font-size for accessibility info */
#centrecolumn .contentpanel #accessibilityinfo {

font-size: small;

}


#centrecolumn .contentpanel h2 {

margin: 0px 0px 15px 0px;
padding: 0px;

font-weight: bold;
font-size: medium;

}

#centrecolumn .contentpanel h2 a {

text-decoration: none;

}

#centrecolumn .contentpanel h3 {

margin: 20px 0px 10px 0px;
padding: 0px 0px 5px 0px;

border-bottom: 1px dotted #999;

font-weight: bold;
font-size: small;

}

#centrecolumn .contentpanel h4 {

margin: 20px 0px 5px 0px;
padding: 0px 0px 0px 0px;

font-size: small;
font-weight: bold;

color: #999;

}

#centrecolumn .contentpanel #accessibilityinfo h4 {

margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;

font-size: x-small;
font-weight: bold;

color: #999;

}

#centrecolumn .contentpanel h5 {

margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;

font-size: x-small;
font-weight: bold;

}

#centrecolumn .contentpanel h6 {

margin: 10px 0px 5px 0px;
padding: 0px 0px 0px 0px;

font-size: x-small;
font-weight: bold;
color: #999;

}

#centrecolumn .contentpanel p {

margin: 0px 0px 10px 0px;
padding: 0px;

}

#centrecolumn .contentpanel p.breadcrumb {

margin: 0px 0px 15px 0px;
padding: 0px;

color: #666;

}

#centrecolumn .contentpanel p.breadcrumb a {

text-decoration: none;
/* NB colors set in section style.css */

}

#centrecolumn .contentpanel p.breadcrumb a:hover {

text-decoration: underline;

}

#centrecolumn .contentpanel p.pdf_link {

margin: 0px;
padding: 0px 0px 10px 20px;
background: url("../img/design/pdf_icon.gif") no-repeat top left;

}

#centrecolumn .contentpanel p.print_link {

margin: 0px 5px 5px 5px;
padding: 3px 0px 5px 20px;
background: url("../img/design/print_icon.gif") no-repeat top left;

}


#centrecolumn .contentpanel p.print_link a {

color: #999;

}

#centrecolumn .contentpanel p.backtotop {

margin: 20px 0px 10px 0px;
text-align: right;

}


#centrecolumn .contentpanel p.backtotop a {

padding-right: 15px;
font-weight: bold;
text-decoration: none;

}


#centrecolumn .contentpanel p.page_link {

margin: 20px 0px 10px 0px;
text-align: right;

}

#centrecolumn .contentpanel p.page_link a {

padding-right: 16px;
padding-bottom: 5px;
font-weight: bold;
text-decoration: none;

}

#centrecolumn .contentpanel p.note {

color: #666;
font-size: xx-small;

}

#centrecolumn .contentpanel p.error {

color: #f30;
font-weight: bold;

}

#centrecolumn .contentpanel .info {

color: #039;
font-weight: bold;

}


#centrecolumn .contentpanel img.bodyimg {

margin: 2px 2px 10px 10px;
padding: 0px;
border: 0px;
float: right;
clear: both;

}

#centrecolumn .contentpanel img.lrgimg {

margin: 10px 0px 15px 0px;
padding: 0px;
border: 0px;

}


#centrecolumn .contentpanel ul {

margin: 10px;
padding: 10px;

color: #666;

}

#centrecolumn .contentpanel #sitemap ul {

margin: 5px;
padding: 10px;

color: #666;

}

#centrecolumn .contentpanel #accessibilityinfo ul {

margin: 0px 5px 5px 5px;
padding: 0px 10px 10px 10px;

color: #666;

}

#centrecolumn .contentpanel ul li {

margin: 0px;
padding: 5px 0px 5px 0px;

}


#centrecolumn .contentpanel ol {

margin: 10px 10px 10px 15px;
padding: 10px;

color: #666;

}

#centrecolumn .contentpanel ol li {

margin: 0px;
padding: 5px 0px 5px 0px;

}


#centrecolumn .contentpanel ul.topiclist {

margin: 20px 10px 10px 10px;
padding: 0px;
list-style-type: none;

font-size: small;
color: #666;

}


#centrecolumn .contentpanel ul.topiclist li {

margin: 0px 10px 10px 10px;
padding: 0px 0px 0px 20px;

}

#centrecolumn .contentpanel ul.topiclist li a {

text-decoration: none;
color: #666;

}

#centrecolumn .contentpanel ul.topiclist li a:visited {

text-decoration: none;
color: #999;

}

#centrecolumn .contentpanel ul.topiclist li a:hover {

text-decoration: underline;

}

/* teacher pages stuff - first the div for the curric info menu page */

#centrecolumn .contentpanel .curricinfomenudiv {

margin: 0px 0px 10px 0px;
padding: 0px;

}

#centrecolumn .contentpanel .curricinfomenudiv h3 {

margin: 20px 0px 2px 0px;
padding: 0px 0px 2px 0px;

}

#centrecolumn .contentpanel .curricinfomenudiv p {

margin: 0px;
padding: 2px 0px 0px 0px;
color: #666;

}

#centrecolumn .contentpanel .curricinfomenudiv p.pdf_link {

padding: 2px 0px 10px 20px;

}

#centrecolumn .contentpanel .curricinfomenudiv p a {

font-weight: bold;

}


#centrecolumn .contentpanel .teachercurricpanel {

margin: 0px 0px 10px 0px;
padding: 0px;
border: 1px solid #ccc;

}

#centrecolumn .contentpanel .teachercurricpanel h4 {

/* NB don't put any bottom margin on this because of the h5s with blue bg */
margin: 0px;
padding: 5px 5px 5px 5px;

font-size: small;
font-weight: bold;

border-bottom: 1px solid #fff;
background: #ccc;
color: #fff;

}

#centrecolumn .contentpanel .teachercurricpanel h5 {

margin: 0px 0px 10px 0px;
padding: 5px;

font-size: x-small;
font-weight: bold;

color: #039;
background: #def;

}

#centrecolumn .contentpanel .teachercurricpanel h6 {

margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;

font-size: small;
font-weight: bold;

color: #f90;

}

#centrecolumn .contentpanel .teachercurricpanel p {

margin: 0px;
padding: 5px 10px 10px 10px;

}

#centrecolumn .contentpanel .teachercurricpanel ul {

margin: 0px 20px 5px 25px;
padding: 0px;

}

#centrecolumn .contentpanel .teachercurricpanel table {

width: 300px;

}

#centrecolumn .contentpanel .teachercurricpanel table th.scotnatguidelinesstrand {

width: 80%;
font-weight: normal;

}

#centrecolumn .contentpanel .teachercurricpanelintro {

margin: 0px;
padding: 0px 0px 10px 0px;
background: #fff;

}

#centrecolumn .contentpanel .teachercurricpaneloutcomes {

margin: 0px;
padding: 0px 0px 10px 0px;
background: #eee;

}

#centrecolumn .contentpanel .teachercurricpanelextension {

margin: 0px;
padding: 0px 0px 10px 0px;
background: #ffc;

}

#centrecolumn .contentpanel .teachercurricpanelactivity {

margin: 0px;
padding: 0px 0px 10px 0px;
background: #fcc;

}

#centrecolumn .contentpanel .teachercurricpanel .teachercurricpanelintro h5, #centrecolumn .contentpanel .teachercurricpanel .teachercurricpaneloutcomes h5, #centrecolumn .contentpanel .teachercurricpanel .teachercurricpanelextension h5, #centrecolumn .contentpanel .teachercurricpanel .teachercurricpanelactivity h5  {

margin: 0px;
padding: 10px 10px 10px 10px;

color: #333;
background: none;

}

#centrecolumn .contentpanel .teachercurricpanel .teachercurricpanelintro p, #centrecolumn .contentpanel .teachercurricpanel .teachercurricpaneloutcomes p, #centrecolumn .contentpanel .teachercurricpanel .teachercurricpanelextension p {

margin: 0px;
padding: 10px 10px 10px 10px;

}

#centrecolumn .contentpanel .teachercurricpanel p.pdf_link {

margin: 0px 0px 0px 10px;
padding: 0px 0px 10px 20px;
background: url("../img/design/pdf_icon_ffc.gif") no-repeat top left;

}

#centrecolumn .contentpanel .teacherresourcespanel {

margin: 0px 0px 10px 0px;
padding: 0px;
border: 1px solid #ccc;

}

#centrecolumn .contentpanel .teacherresourcespanel h4 {

margin: 0px 0px 10px 0px;
padding: 5px;

font-size: x-small;
font-weight: bold;

color: #666;

}

#centrecolumn .contentpanel .teacherresourcespanel p {

margin: 0px;
padding: 10px 10px 10px 10px;

}

#centrecolumn .contentpanel .teacherresourcespanel h3 {

margin: 0px;
padding: 5px 5px 5px 5px;

font-size: small;
font-weight: bold;

border-bottom: 1px solid #fff;
background: #ccc;
color: #fff;

}

#centrecolumn .contentpanel .teacherresourcespanel p.download_win {

margin: 0px 5px 5px 10px;
padding: 0px 0px 5px 20px;
background: url("../img/design/win_icon.gif") no-repeat top left;

}

#centrecolumn .contentpanel .teacherresourcespanel p.download_mac {

margin: 0px 5px 5px 10px;
padding: 0px 0px 5px 20px;
background: url("../img/design/mac_icon.gif") no-repeat top left;

}

#centrecolumn .contentpanel .teacherresourcespanel p.pdf_link {

margin: 10px 0px 10px 10px;
padding: 0px 0px 10px 20px;
background: url("../img/design/pdf_icon.gif") no-repeat top left;

}






/* ------------------ styles for forms ------------------ */

#centrecolumn .contentpanel form {

margin: 0px;
padding: 0px 25px 10px 0px;

}
	
#centrecolumn .contentpanel label {

padding: 0px 5px 0px 0px;
margin: 0px;

}

#centrecolumn .contentpanel .checkboxgroup label {

position: relative;
top: -1px;

padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;

}


#centrecolumn .contentpanel .checkboxgroupbig {

padding-bottom: 10px;

}

#centrecolumn .contentpanel .checkboxgroupbig input {

margin-left: 225px;

}


#centrecolumn .contentpanel .radiogroup label {

position: relative;
top: -3px;

padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;

}

/* #centrecolumn .contentpanel .checkboxgroup p {

margin: 10px 0px 10px 0px;
padding: 0px;

} */


#centrecolumn .contentpanel input {

padding: 0px;
margin: 5px 0px 10px 0px;

}

#centrecolumn .contentpanel .checkboxgroup input {

padding: 0px;
margin: 10px 0px 0px 0px;

}

#centrecolumn .contentpanel .radiogroup input {

padding: 0px;
margin: 10px 0px 0px 0px;

}

#centrecolumn .contentpanel select {

margin: 5px 0px 0px 0px;
font-size: x-small;

}

#centrecolumn .contentpanel select option {

padding-right: 10px;

}


#centrecolumn .contentpanel option {



}

#centrecolumn .contentpanel textarea {

margin: 5px 0px 10px 0px;

}
	
#centrecolumn .contentpanel fieldset {

padding: 0px 15px 15px 15px;
margin: 0px 0px 15px 0px;
border: 1px solid #eee;

}

#centrecolumn .contentpanel fieldset p {

margin: 15px 0px 10px 0px;
padding: 0px;

}


	
#centrecolumn .contentpanel legend {

font-weight: bold;
padding: 5px;
margin-bottom: 10px;
color: #999;

}

#centrecolumn .contentpanel #search_again {

width: 295px;

margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 10px;

background: #feeee0;

float: left;

}

#centrecolumn .contentpanel #sendbutton {

margin: 0px 0px 10px 0px;

}


#centrecolumn .contentpanel div.formselectdiv, #maincontent div.formselectdiv {

padding: 5px 10px 15px 0px;

}

#centrecolumn .contentpanel div.search_again_select label, #maincontent div.sortselect label {

color: #666;

}

#centrecolumn .contentpanel div.formselectdiv input {

padding: 0px;

}


#centrecolumn .contentpanel #sort_go {

margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}



#centrecolumn .contentpanel .textbox {

}



/* ------------------------- left column stuff ----------------------------------- */

#leftcolumn {

width: 188px;
float: left;

}


#leftcolumn div.leftmenu {

/* width: 173px; */
margin: 15px 0px 0px 15px;
padding: 0px;

}



#leftcolumn div.leftmenuheader {

width: 173px;
height: 47px;
/* NB: leftmenuheader background img is defined in the section subfolder style.css */

}



#leftcolumn #upperleftmenu h2 {

width: 150px;

padding: 47px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:47px;

float: left;

/* NB: leftmenu h2 background imgs are defined in the section subfolder style.css */
	
}



#leftcolumn #lowerleftmenu h2 {

width: 154px;

padding: 47px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:47px;

float: left;

/* NB: leftmenu h2 background imgs are defined in the section subfolder style.css */
	
}



#leftcolumn div.leftmenuheader a.headinglink {

/* cursor rule for ie */
cursor: pointer;
float: left;

}





#leftcolumn div.leftmenu ul {

width: 160px;
margin: 10px 0px 10px 0px;
padding: 0px;
list-style-type: none;

}

#leftcolumn div.leftmenu ul li {

margin: 0px 0px 0px 13px;
padding: 10px 5px 10px 0px;
border-top: 1px dotted #999;

}

#leftcolumn div.leftmenu ul li.active {

padding: 10px 5px 10px 8px;
background: url("../img/design/active_bullet.gif") no-repeat 0px 12px;

}

#leftcolumn div.leftmenu ul li a {

color: #999;
text-decoration: none;

}

#leftcolumn div.leftmenu ul li a:hover {

text-decoration: underline;

}

/* em tag in menus is used to denote the access keys */
#leftcolumn div.leftmenu ul li a em {

text-decoration: underline;
font-style: normal;

}

#leftcolumn div.leftmenu ul li span {

display: block;
margin-top: 5px;

}


#leftcolumn div.leftmenufooter {

height: 7px;

}



/* ------------------------- end left column stuff ----------------------------------- */




/* ------------------------- right column stuff -------------------------------------- */

#rightcolumn {

width: 222px;
float: left;

}

#rightcolumn .rightcontentpanel {

margin: 20px 0px 30px 0px;
padding: 0px 15px 0px 15px;
color: #333;

}


#rightcolumn .rightcontentpanel .rightcontentpanelsubdiv {

margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px solid #eee;

}

#rightcolumn .rightcontentpanel img {

margin: 0px 0px 5px 0px;

}


#rightcolumn .rightcontentpanel h2 {

margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px solid #ccc;

font-weight: bold;
font-size: small;
color: #999;

}

#rightcolumn .rightcontentpanel h3 {

margin: 10px 0px 10px 0px;
padding: 0px;

font-weight: bold;
font-size: x-small;
color: #666;

}

#rightcolumn .rightcontentpanel h4 {

margin: 10px 0px 10px 5px;
padding: 0px 0px 0px 0px;

font-weight: bold;
font-size: x-small;
color: #666;

}


#rightcolumn .rightcontentpanel p {

margin: 0px 0px 10px 0px;
padding: 0px;

}

#rightcolumn .rightcontentpanel .pupilmateriallinks {

text-align: center;

}

#rightcolumn .rightcontentpanel .pupilmateriallinks p, #rightcolumn .rightcontentpanel .pupilmateriallinks h3 {

text-align: left;

}

#rightcolumn .rightcontentpanel .pupilmateriallinks ul {

margin: 0px 0px 0px 20px;
text-align: left;
color: #999;

}

#rightcolumn .rightcontentpanel .pupilmateriallinks li {

margin: 0px 0px 5px 0px;
text-align: left;

}

#rightcolumn .rightcontentpanel .pupilmateriallinks a {

color: #999;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px dotted #999;

}

#rightcolumn .rightcontentpanel .pupilmateriallinks a:hover {

padding-bottom: 5px;
border-bottom: 0px;

}


#rightcolumn .rightcontentpanel p.pdf_link {

margin: 0px 5px 5px 5px;
padding: 1px 0px 5px 20px;
background: url("../img/design/pdf_icon.gif") no-repeat top left;

}

#rightcolumn .rightcontentpanel p.download_win {

margin: 0px 5px 5px 5px;
padding: 0px 0px 5px 20px;
background: url("../img/design/win_icon.gif") no-repeat top left;

}

#rightcolumn .rightcontentpanel p.download_mac {

margin: 0px 5px 5px 5px;
padding: 0px 0px 5px 20px;
background: url("../img/design/mac_icon.gif") no-repeat top left;

}

#rightcolumn .rightcontentbox {

margin: 0px 15px 15px 15px;
padding: 0px;
color: #333;
background: #eee;

}

#rightcolumn .rightcontentbox p {

padding: 10px 15px 10px 15px;

}

#rightcolumn .rightcontentboxheader {

padding: 0px;
margin: 0px;
width: 192px;
height: 4px;
background: url("../img/design/rightboxheader_bg.gif") no-repeat top left;

}

#rightcolumn .rightcontentboxfooter {

padding: 0px;
margin: 0px;
width: 192px;
height: 4px;
background: url("../img/design/rightboxfooter_bg.gif") no-repeat bottom left;

}


#rightcolumn #searchdiv {

margin: 0px;
padding: 10px 0px 0px 15px;

}




/* ------------------------- footer stuff -------------------------------------- */

#footer {

width: 760px;
margin: 0px;
padding: 0px;
background: #fff url("../img/design/main_bg_bottom.gif") no-repeat bottom left;
float: left;

}

#footer #footerlinksdiv {

margin: 0px;
padding: 18px 15px 10px 15px;
float: left;

}

#footer p {

margin: 0px;
padding: 0px;

color: #999;

}


#footer p a {

text-decoration: none;
color: #999;

}

#footer p a:hover {

text-decoration: underline;

}

#footer #searchdiv {

margin: 0px;
padding: 15px 15px 10px 0px;
float: right;
text-align: right;

}

#searchdiv label {

color: #999;

}

#searchdiv input {

font-size: xx-small;

/* adjust font-size for everything but ie5 */
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;

}

html>body #searchdiv input {

font-size: x-small;

}

/* end ie5 fontsize fix */


/* generic classes */


/* table stuff */

table {

border-collapse: collapse;

margin: 0px;
padding: 0px;

}

/* end ie5 fontsize fix */


td, th {

padding: 5px;

}


/* end table stuff */



img {

border: 0px;

}

a {

text-decoration: none;

}

a:hover {

text-decoration: underline;

}

a:link, a:active, a:hover {

color: #06c;

}

a:visited {

color: #6ae;

}