* {
margin: 0;
}
html {
background-color: rgb(205,133,63);
}
/*Start of Layout*/
div#container {
width: 1000px;
height: 651px;
position: relative;
background-image: url("noticeboard.jpg");
background-repeat: no-repeat;
margin: 10px auto 10px auto;
}
div#header {
position: absolute;
top: 20px;
left: 30px;
width: 600px;
height: 75px;
}
div#board {
position: absolute;
width: 675px;
height: 535px;
top: 125px;
}
div#nav {
position: absolute;
top: 50px;
margin-left: 680px;
width: 300px;
height: 518px;
}
div#board p {
margin: -25px 0 0 10px;
font-family: arial;
font-size: 1em;
line-height: 1.5em;
letter-spacing: 0.1em;
color: black;
}
/*End of Layout*/
/*Start of Board*/
#notices {
position: relative;
list-style: none;
width: 675px;
height: 535px;
}
#notices li a#advent {
position: absolute;
display: block;
text-indent: -9999px;
height: 240px;
width: 215px;
top: 275px;
left: 450px;
}
#notices li a#terms {
display: block;
text-indent: -9999px;
height: 170px;
width: 113px;
position: absolute;
top: 18px;
left: 52px;
}
#notices li a#enquirers {
display: block;
text-indent: -9999px;
height: 170px;
width: 120px;
position: absolute;
top: 20px;
left: 580px;
}
#notices li a#newsletter {
display: block;
text-indent: -9999px;
height: 183px;
width: 135px;
position: absolute;
top: 5px;
left: 300px;
}
#notices li a#newssheet {
display: block;
text-indent: -9999px;
height: 210px;
width: 146px;
position: absolute;
top: 210px;
left: 204px;
}
#notices li a#ofsted {
display: block;
text-indent: -9999px;
height: 199px;
width: 137px;
position: absolute;
top: 6px;
left: 437px;
}
#notices li a#paper {
display: block;
text-indent: -9999px;
height: 206px;
width: 143px;
position: absolute;
top: 231px;
left: 50px;
}
#notices li a#simp {
display: block;
text-indent: -9999px;
height: 200px;
width: 155px;
position: absolute;
top: 221px;
left: 355px;
}
#notices li a#three {
display: block;
text-indent: -9999px;
height: 225px;
width: 160px;
position: absolute;
top: 226px;
left: 525px;
}
#notices li a#gentle {
display: block;
text-indent: -9999px;
height: 190px;
width: 135px;
position: absolute;
top: 10px;
left: 168px;
}
/*End of Board*/
/* Start of Navigation */
a {
outline: none;
}
#navigation1 {
position: absolute;
width: 147px;
height: 518px;
list-style: none;
}
#navigation2 {
position: absolute;
width: 138px;
height: 518px;
list-style: none;
margin-left: 147px;
}
/* Home - Column 1*/
#navigation1 li#home {
width: 100px;
height: 116px;
margin-top: 30px;
margin-left: 20px;
}
#navigation1 li#home a {
display: block;
text-indent: -9999px;
width: 100px;
height: 116px;
background-image: url("home.gif");
background-repeat: no-repeat;
}
/* Home */
/* News - Column 1 */
#navigation1 li#news {
width: 135px;
height: 97px;
margin-top: 30px;
}
#navigation1 li#news a {
display: block;
text-indent: -9999px;
width: 135px;
height: 97px;
background-image: url("news.gif");
background-repeat: no-repeat;
}
/* News */
/* Jobs and Training - Column 1 */
#navigation1 li#jobs {
width: 136px;
height: 127px;
margin-top: 15px;
}
#navigation1 li#jobs a {
display: block;
text-indent: -9999px;
width: 136px;
height: 127px;
background-image: url("jobs.gif");
background-repeat: no-repeat;
}
/* Jobs and Training */
/* Links - Column 1 */
#navigation1 li#links {
width: 139px;
height: 84px;
margin-top: 25px;
}
#navigation1 li#links a {
display: block;
text-indent: -9999px;
width: 139px;
height: 84px;
background-image: url("links.gif");
background-repeat: no-repeat;
}
/* Links */
/* School - Column 2 */
#navigation2 li#school {
width: 117px;
height: 92px;
margin-top: 80px;
}
#navigation2 li#school a {
display: block;
text-indent: -9999px;
width: 117px;
height: 92px;
background-image: url("school.gif");
background-repeat: no-repeat;
}
/* School */
/* Community - Column 2 */
#navigation2 li#comm {
width: 129px;
height: 95px;
margin-top: 60px;
}
#navigation2 li#comm a {
display: block;
text-indent: -9999px;
width: 129px;
height: 95px;
background-image: url("community.gif");
background-repeat: no-repeat;
}
/* Community */
/* Contact - Column 2 */
#navigation2 li#contact {
width: 124px;
height: 84px;
margin-top: 40px;
}
#navigation2 li#contact a {
display: block;
text-indent: -9999px;
width: 124px;
height: 84px;
background-image: url("contact.gif");
background-repeat: no-repeat;
}
/* Contact */
/* End of Navigation */
/*Start of Image Replacement*/
#header h1 {
text-indent: -9999px;
background-image: url("newsHeader.jpg");
background-repeat: no-repeat;
width: 366px;
height: 45px;
margin-left: 35px;
margin-top: 5px;
float: left;
}
/* End of Image Replacement */
/* Notices */
/* Start of Term Dates */
#termDates p {
white-space: pre;
}
#termDates h1 {
margin-bottom: 20px;
padding-top: 20px;
}
#termDates h2 {
margin-bottom: -20px;
}
#termDates {
margin-top: 70px;
text-align: center; /* ie quirks fix */
font-family: arial;
line-height: 1.5em;
letter-spacing: 0.1em;
color: black;
height: 998px;
width: 700px;
background-image: url("paper.jpg");
background-repeat: no-repeat;
}
/* End of Term Dates */
/* Start of Enquirers' */
#enqMorn p {
white-space: pre;
margin-bottom: 15px;
}
#enqMorn h1 {
margin-bottom: 40px;
padding-top: 20px;
}
#enqMorn h2 {
margin-bottom: -20px;
}
#enqMorn {
margin-top: 70px;
text-align: center; /* ie quirks fix */
font-family: arial;
line-height: 1.5em;
letter-spacing: 0.1em;
color: black;
height: 998px;
width: 700px;
background-image: url("paper.jpg");
background-repeat: no-repeat;
}
/* End of Enquirers */
/* Start of Newsletter */
#nLetter h1 {
margin-bottom: 20px;
padding-top: 20px;
}
#nLetter {
margin-top: 70px;
text-align: center; /* ie quirks fix */
font-family: arial;
line-height: 1.5em;
letter-spacing: 0.1em;
color: black;
height: 998px;
width: 700px;
background-image: url("paper.jpg");
background-repeat: no-repeat;
}
/* End of Newsletter */