body {font:normal normal normal 10pt arial,sans-serif; vertical-align:top; color:black; background:#dddddd;}

div.w {max-width:890px; margin:30px auto; text-align:left; background:white; padding:0 10px 10px 10px; 
       box-shadow:7px 7px 5px #AAAAAA;}
div.h { margin:0px 5px;}
div.ha {float:right; border:1px solid #BDC5EF; font-size:8pt;
         background-color:#DCE0F6; padding:6px; margin:3px 3px 0px 15px;}
h1 {width:100%; border-top:10px solid black; border-bottom:10px solid black; font:normal normal normal 40px calibri;
      color:white; left:-15px; position:relative; padding:5px 15px;}
#eregs h1 {background-color:#9F175D}
#schoolrecs h1 {background-color:#579CB3}
#c1911 h1 {background-color:#3f6a91}
#c1921 h1 {background-color:#6E35B5}
@media screen and (max-width:500px)
{ h1 {font-size:30px} }

div.topad {float:right; margin-left:20px;  padding:4px; border:1px solid #cccccc; box-shadow:7px 7px 5px #AAAAAA; font-size:0;}
@media screen and (max-width:700px)
{ div.topad {float:none; margin-bottom:16px; margin-left:0;} }

div.mt {margin:0px 5px;}

div.c { margin:45px 5px 0px 20px; position:relative; clear:both;}
#schoolrecs div.c {font-size:12pt}
h2.c {font:normal normal bold 11pt arial,sans-serif; color:#9F175D; text-decoration:none; 
       border-bottom:1px dashed #9F175D;}
#schoolrecs h2.c {font-size:13pt}
div.c p img {max-width:100%; margin:auto; display:block; }

div.t {float:left; width:calc(100% - 230px);}
div.t.nobr {width:100%;}
#eregs div.searching div.t {width:calc(100% - 330px);}
#c1911 div.t {width:calc(100% - 213px);}
@media screen and (max-width:700px)
{ div.t{width:100%!important}
}

div.bottomad {text-align:center}
div.substitutead img {max-width:100%}

#c1911 div.cb, #c1921 div.cb {border:1px solid gray; max-width:600px; margin:0 auto; background-color:#ffffe0; padding:0 10px;}
#c1911 div.cb-grey {border:1px solid gray; max-width:600px; margin:0 auto; background-color:#ddd; padding:0 10px;}

p.cads {border-top:1px dotted gray; padding-top:10px;}

div.gblk {border:dotted 1px #888888; padding:0 10px; margin-left:10px; color:#888888;}

#eregs p.years:first-line {color:#9F175D; font-weight:bold;}
#eregs table.codes {margin-left:20px;border:1px solid gray;}
#eregs table.codes td {border:1px solid gray;}

div.br {float:left; margin:15px 0 3px 15px; width:197px;}
div.br {border:1px solid #eee}
#eregs div.searching div.br {width:305px;}
#c1911 div.br {width:160px;}
@media screen and (max-width:700px)
{ div.br {float:none; clear:both; margin:0 auto;}
}

#c1911 div.brinfo {float:right; width:180px; border:1px solid gray; background-color:#ffffe0; 
         padding:6px; margin:15px auto; box-shadow:4px 4px 7px #909090;}
@media screen and (max-width:700px)
{ #c1911 div.brinfo {float:none; clear:both; width:calc(100% - 70px);}
}

.brh {color:black; text-decoration:none; font-weight:normal; border-bottom:1px dashed gray;}
div.boxad {max-width:200px; font-size:0; border:1px solid #cccccc; margin-bottom:20px; box-shadow:7px 7px 5px #AAAAAA; }
div.boxad img {max-width:200px;}
#c1911 div.br ul {margin-left:-20px;}

div.g {clear:both; border-top: 1px dotted gray;}

div.f {clear:left; margin:0px; border-style:none;}

div.cf1 {float:left; margin:5px auto 5px 30px; border:1px solid blue; width:300px; background-color:#dddddd;}
div.cf2 {float:left; padding:3px; margin:5px auto 5px 30px; border:1px solid blue; width:300px; background-color:#dddddd;
         font:normal normal normal 8pt arial,sans-serif;}
table.cf {margin:0px; width:280px;}
td.cf1 {font:normal normal normal 8pt arial,sans-serif; width:50%;}
td.cf2 {font:normal normal bold 8pt arial,sans-serif; width:50%;}

#schoolrecs div.highlight {border:1px solid black; margin:5px 15px; padding:5px 20px; background-color:#eed;}

/* the > selector ignored by ie6, instead gives a default list */
#menu, #menu>li>ul {padding:0; margin:0; list-style:none outside none; z-index:1; }
#menu>li {float:left; background-color:gray; background:linear-gradient(#f8fafa,#e3e3e3);
          border-left:2px solid white; color:#444444; font-size:12px; font-weight:normal; padding:9px 9px; }
#c1921 #menu>li {background:linear-gradient(#222,#aaa); color:white;}

#menu>li:hover {background:black; color:white;}

#menu>li>ul {position:absolute; width:250px; left:-9999px; margin-top:9px; background:black;
             box-shadow:7px 7px 5px #AAAAAA;}
#menu>li:hover>ul {left:auto; }
#menu>li.sfhover ul {left:auto; }

#menu>li>ul>li {float:none; color:white; padding:3px 5px;}
#menu>li>ul>li:hover {background:#606060;}

#menu>li>ul>li>a {display:block; text-decoration:none; color:white;}

/* following not yet used */
div.gnewsHeadlines img {float:right; margin-left:5px; margin-top:3px; border:1px solid #CCCCCC; box-shadow:3px 3px 4px #AAAAAA; width:75px;}
div.gnewsFullpage img {float:left; margin-right:15px; margin-top:6px; border:1px solid #CCCCCC; box-shadow:3px 3px 4px #AAAAAA;}
div.gnewsFullpage div.gnewsItem {margin-top:10px}
div.gnewsHeadlines div.gnewsHdr {margin-bottom:5px; font-weight:bold; color:white; background-color:#579cb3;
              padding:3px; text-align:center; border-radius:5px;}
div.gnewsFullpage div.gnewsHdr {font:normal normal bold 13pt arial,sans-serif; color:#9F175D; text-decoration:none; 
       border-bottom:1px dashed #9F175D;} 
div.gnewsItem {clear:both; margin-bottom:20px;}
div.gnewsItemHdr {font-weight:bold; font-size:10pt;}
div.gnewsItemBody {font-size:10pt;}
 
.cookiebanner { position:fixed; bottom:30px; left:5%; right:5%; width:90%; padding:5px 14px;
  display:flex; align-items:center; justify-content:space-between; background-color:#eee;
    border:solid 6px black; border-radius: 5px;  box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
}
#eregs .cookiebanner{border-color:#9F175D}
#c1911 .cookiebanner{border-color:#3f6a91}
#c1921 .cookiebanner{border-color:#6E35B5}
#schoolrecs .cookiebanner{border-color:#579CB3}
.close { height:20px; background-color: #777; border: none; color: white; border-radius: 2px; cursor: pointer;
}