/* ------------ MAC IE STYLESHEET IMPORT --------- */
/*\*//*/ @import "http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/css/macIE.css"; /**/

/* ------------ GENERAL FORMATTING --------------- */
body,input,select,textarea{
font-family:Arial,Helvetica,sans-serif;
font-size:85%;
}
input,select,textarea{
font-size:100%;
}
body{
background-color:#A2C67D;
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/background/01.gif);
}
a,a:visited{
border-bottom:1px dotted #990000;
color:#000000;
text-decoration:none;
}
a:hover{
color:#99000B;
}
form{
margin:0;
padding:0;
}
img{
border:0;
}
q:before,q:after{
display:none;
}
/*-------------- HEADINGS ------------------------ */
h1,h2,h3{
margin:0;
padding:0;
}
#siteTitle{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/layout/siteTitle.png);
background-position:center;
background-repeat:no-repeat;
height:32px;
line-height:32px;
width:100%;
}
.hideTitle{
clear:none;
left:200px;
position:absolute;
top:-200px;
}
p#welcomeMessage{
font-weight:bold;
height:1%;/* height:1%;fix for IE6 glitch to stop welcome message from disapearing */
margin-bottom:40px;
margin-left:-140px;
margin-top:20px;
}
/*----------- PAGE FRAME / BACKGROUNDS ----------- */
#pageFrame{
margin:0 85px 0 130px;
max-width:900px;
min-width:445px;
}
#topLeftRound{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/layout/redTopLeft.png);
float:left;
}
#topRightRound{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/layout/redTopRight.png);
float:right;
}
#topBar{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/layout/redTopBar.png);
margin:0 35px;
text-align:center;
}
#topLeftRound,#topRightRound,#topBar{
height:50px;/* position:relative is just for IE6 glitch fix */
position:relative;
}
#topLeftRound,#topRightRound{
margin-bottom:-35px;/* margin bottom/top is just for IE6 glitch fix */
margin-top:-20px;
top:20px;
width:35px;
}
#contentBox{
background-color:#99000B;
clear:both;
padding:0 10px 10px 50px;
}
#contentBoxStyle{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/layout/grad2.jpg);
background-repeat:repeat;
text-align:left;
}
#contentTopBar{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/layout/conTopBar.png);
}
#contentTopLeftRound{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/layout/conTopLeft.png);
float:left;
}
#contentTopRightRound{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/layout/conTopRight.png);
float:right;
}
#contentTopLeftRound,#contentTopRightRound,#contentTopBar{
height:25px;
}
#contentTopLeftRound,#contentTopRightRound{
width:25px;
}
#contentBoxMargin{
clear:both;
padding:0 10px 20px 170px;
}
#contentBoxMarginClear{
clear:both;
height:0;
line-height:0px;
}
/* ---------------- PAGE TITLES ------------------ */
#pageTitleHome{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/layout/titleHome.png);
background-position:right;
background-repeat:no-repeat;
float:right;
height:35px;
width:64px;
}
/* ---------------- CONTENT JUMPER --------------- */
.hide a{
clear:none;
left:200px;
position:absolute;
top:-200px;
z-index:200;
}
/* -------- LEFT HAND NAVIGATION ELEMENTS -------- */
#navBox{
display:block;
left:8px;
position:absolute;
top:68px;
width:155px;
}
#navBox a{
border:0;
}
#navBoxRedTop{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/nav/top1.png);
background-repeat:no-repeat;
height:9px;
line-height:9px;
}
#navBoxWhiteTop{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/nav/top2.png);
background-repeat:no-repeat;
height:11px;
line-height:11px;
}
#navBoxWhite{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/nav/whiteBack.gif);
background-repeat:repeat-y;/* width:150px for IE6 glitch fix */
width:150px;
}
#navBoxWhite ul{
margin:0;
padding:0;
}
#navBoxWhite li{
list-style-type:none;
margin-left:0;
padding:5px;
}
#navBoxWhiteBottom{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/nav/bottom2.png);
background-repeat:no-repeat;
height:11px;
line-height:11px;
}
#navBoxRedBottom{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/nav/bottom1.png);
background-repeat:no-repeat;
height:9px;
line-height:9px;
margin-right:5px;
}
#navBoxRed,#navBoxSearch{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/nav/redBack.gif);
background-repeat:repeat-y;
color:#FFFFFF;
font-size:80%;
font-weight:bold;
padding-left:25px;
}
/* ---------- MAIN NAVIGATION SEARCH ------------- */
#navBoxSearch{
margin-right:5px;
padding-top:5px;
}
#navBoxSearch .searchInput{
margin-top:5px;
width:100px;
}
#navBoxSearch .searchButton{
background-color:#990000;
color:#FFFFFF;
font-size:110%;
margin-top:5px;
width:50px;
}
/* ---------- MAIN NAVIGATION TABS --------------- */
#navBoxWhite li.sec2Info,#navBoxWhite li.sec3Info,#navBoxWhite li.sec4Info,#navBoxWhite li.sec5Info,#navBoxWhite li.sec6Info{
margin-left:10px;
margin-top:10px;
width:300px;
}
#navBoxWhite li.sec1Info{
margin:0;
padding:0;
padding-left:10px;
}
#navBoxWhite li.sec2Info{
background-color:#89BED3;
}
#navBoxWhite li.sec3Info{
background-color:#FFE680;
}
#navBoxWhite li.sec4Info{
background-color:#EFAB7E;
}
#navBoxWhite li.sec5Info{
background-color:#C89DC5;
}
#navBoxWhite li.sec6Info{
background-color:#7EE7C7;
}
/* ---------- FIGURES FOR NAVIGATION TABS  ------- */
#navBoxWhite div.homeFig2,#navBoxWhite div.homeFig3,#navBoxWhite div.homeFig4,#navBoxWhite div.homeFig5,#navBoxWhite div.homeFig6{
float:right;
height:50px;
position:relative;
top:-10px;
width:31px;
}
#navBoxWhite div.homeFig2{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/homePage/fig2.png);
}
#navBoxWhite div.homeFig3{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/homePage/fig3.png);
}
#navBoxWhite div.homeFig4{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/homePage/fig4.png);
}
#navBoxWhite div.homeFig5{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/homePage/fig5.png);
}
#navBoxWhite div.homeFig6{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/homePage/fig6.png);
}
/* ----------- CONTENT FORMATTING -----------------*/
#contentBoxMargin h2.subTitle,#contentBoxMargin h3.subTitle{
color:#990000;
font-family:Arial Rounded MT Bold,Arial,Helvetica,sans-serif;
font-weight:bold;
margin-bottom:-10px;
}
#contentBoxMargin h2.subTitle{
font-size:160%;
}
#contentBoxMargin h3.subTitle{
font-size:120%;
}
/* --------------- FOOTER ------------------------ */
#pageFooter{
background-color:#99000B;
padding:5px 10px;
text-align:right;
}
#pageFooterLinks{
clear:both;
font-size:80%;
height:30px;
padding-top:10px;
text-align:center;
}
#pageFooterLinks ul{
list-style-type:none;
margin:0;
margin-top:5px;
padding:0;
}
#pageFooterLinks li{
display:inline;
margin:0;
padding:0 10px 0 14px;
}
#pageFooterLinks li.spacer{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/layout/spacer.gif);
background-repeat:no-repeat;
}
/* ---------------- THE PM's MESSAGE ------------- */
#pmMessage{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/homepage/notepad.gif);
background-repeat:repeat-y;
height:100%;/* height:100%;fix for IE6 glitch to stop notepad from disapearing */
padding:5px 10px 5px 50px;
}
#pmMessageClear{
clear:both;
height:40px;
line-height:40px;
}
/* ---------------- HOT NEWS BOX ----------------- */
#hotNews{
background-color:#990000;
color:#FFFFFF;
float:left;
padding:10px 10px 2px 10px;
width:40%;
}
#hotNews h2{
font-size:110%;
}
#hotNews p{
margin:0;
margin-top:10px;
}
#hotNews .door{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/homepage/door.png);
float:right;
height:187px;
left:15px;
position:relative;
top:-20px;
width:75px;
}
#hotNews a{
color:#FFFFFF;
text-decoration:underline;
}
/* ---------------- PHONE BOX -------------------- */
#phoneBox{
float:right;
padding-right:40px;
width:155px;
}
#phoneBoxTop{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/phone/phoneTop.png);
height:30px;
}
#phoneBoxMiddle{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/phone/phoneMiddle.png);
background-repeat:repeat-y;
font-size:90%;
padding-left:18px;
padding-right:18px;
}
#phoneBoxMiddle img{
float:right;
margin:3px;
}
#phoneBoxMiddle h3{
font-size:110%;
font-weight:bold;
margin:0;
margin-bottom:5px;
text-align:center;
}
#phoneBoxMiddle h3.sec1{
background-color:#A2C67D;
}
#phoneBoxMiddle h3.sec2{
background-color:#89BED3;
}
#phoneBoxMiddle h3.sec3{
background-color:#FFE680;
}
#phoneBoxMiddle h3.sec4{
background-color:#EFAB73;
}
#phoneBoxMiddle h3.sec5{
background-color:#C89DC5;
}
#phoneBoxMiddle h3.sec6{
background-color:#7EE7C7;
}
#phoneBoxBottom{
background-image:url(http://collections.europarchive.org/tna/20061009235110/http://youngpeople.pm.gov.uk/images/phone/phoneBottom.png);
height:73px;
}