* {
margin: 0;
}
html {
background-color: rgb(205,133,63);
}
/*Start of Layout*/
/*About the School*/
#about div#container {
width: 1000px;
height: 651px;
position: relative;
background-image: url("schoolNav3.jpg");
background-repeat: no-repeat;
margin: 10px auto 10px auto;
}
/*End of About the School*/
/*Start of Parent and Toddler*/
#parent div#container {
width: 1000px;
height: 651px;
position: relative;
background-image: url("parentChild.jpg");
background-repeat: no-repeat;
margin: 10px auto 10px auto;
}
#parent2 div#container {
width: 1000px;
height: 651px;
position: relative;
background-image: url("parent3.jpg");
background-repeat: no-repeat;
margin: 10px auto 10px auto;
}
#parent div#text, #parent2 div#text {
position: absolute;
width: 700px;
height: 650px;
margin-left: 20px;
margin-top: 120px;
}
/*Start of Kindergarten*/
#kinder div#container {
width: 1000px;
height: 651px;
position: relative;
background-image: url("kinderbg.jpg");
background-repeat: no-repeat;
margin: 10px auto 10px auto;
}
#kinder div#text {
position: absolute;
width: 700px;
height: 650px;
margin-left: 20px;
margin-top: 120px;
}
/*End of Kindergarten*/
/*Start of Lower and Middle*/
#lower div#container {
width: 1000px;
height: 651px;
position: relative;
background-image: url("lower1.jpg");
background-repeat: no-repeat;
margin: 10px auto 10px auto;
}
#lower2 div#container {
width: 1000px;
height: 651px;
position: relative;
background-image: url("lower2.jpg");
background-repeat: no-repeat;
margin: 10px auto 10px auto;
}
#lower div#text {
position: absolute;
width: 700px;
height: 650px;
margin-left: 20px;
margin-top: 120px;
}
#lower2 div#text {
position: absolute;
width: 475px;
height: 650px;
margin-left: 20px;
margin-top: 120px;
}
#lower div#sidenav {
position: absolute;
width: 200px;
height: 364px;
margin-top: 20px;
margin-left: 725px;
}
div#footer {
position: absolute;
width: 121px;
height: 130px;
margin-top: 480px;
margin-left: 20px;
}
/*End of Lower and Middle*/
/*Start of Legal*/
#legal div#container {
width: 1000px;
height: 651px;
position: relative;
background-image: url("legalbg.jpg");
background-repeat: no-repeat;
margin: 10px auto 10px auto;
}
#legal div#text {
position: absolute;
width: 700px;
height: 650px;
margin-left: 20px;
margin-top: 120px;
}
/*End of Legal*/
div#header {
position: absolute;
top: 20px;
left: 30px;
width: 750px;
height: 75px;
}
div#nav {
position: absolute;
margin-top: 150px;
margin-left: 235px;
width: 414px;
height: 414px;
}
div#sidenav {
position: absolute;
width: 200px;
height: 364px;
margin-top: 120px;
margin-left: 725px;
}
/* End of Layout */
/* Start of Front Navigation */
a {
outline: none;
}
#navigation {
position: relative;
width: 872px;
height: 627px;
list-style: none;
top: -150px;
left: -147px;
}
#navigation li#parent {
width: 200px;
height: 80px;
}
#navigation li#legal {
width: 250px;
height: 60px;
}
#navigation li#curriculum {
width: 180px;
height: 60px;
}
#navigation li#kindergarten {
width: 220px;
height: 60px;
}
#navigation li#middle {
width: 240px;
height: 60px;
}
#navigation li#admissions {
width: 200px;
height: 60px;
}
#navigation li#home {
width: 200px;
height: 80px;
}
#navigation li#parent a {
position: absolute;
display: block;
text-indent: -9999px;
width: 200px;
height: 80px;
top: 62px;
left: 288px;
}
#navigation li#curriculum a {
position: absolute;
display: block;
text-indent: -9999px;
width: 180px;
height: 60px;
top: 220px;
left: 0px;
}
#navigation li#kindergarten a {
position: absolute;
display: block;
text-indent: -9999px;
width: 220px;
height: 60px;
top: 220px;
left: 595px;
}
#navigation li#middle a {
position: absolute;
display: block;
text-indent: -9999px;
width: 240px;
height: 60px;
top: 450px;
left: 585px;
}
#navigation li#admissions a {
position: absolute;
display: block;
text-indent: -9999px;
width: 200px;
height: 60px;
top: 450px;
left: 0px;
}
#navigation li#legal a {
position: absolute;
display: block;
text-indent: -9999px;
width: 250px;
height: 60px;
top: 575px;
left: 268px;
}
#navigation li#home a {
position: absolute;
display: block;
text-indent: -9999px;
width: 200px;
height: 80px;
top: 0px;
left: 710px;
}
/* End of Front Navigation */
/* Start of Side Navigation */
#sidenavigation {
width: 200px;
height: 364px;
list-style: none;
}
#sidenavigation li a {
display: block;
text-indent: -9999px;
height: 52px;
width: 200px;
background-image: url("sideNav.jpg");
background-repeat: no-repeat:
}
#sidenavigation li#home a,
#sidenavigation li#home a:link {
background-position: 0px 0px;
}
#sidenavigation li#home a:hover,
#sidenavigation li#home a:focus,
#sidenavigation li#home a:active {
background-position: -200px 0px;
}
#sidenavigation li#parent a,
#sidenavigation li#parent a:link {
background-position: 0px -52px;
}
#sidenavigation li#parent a:hover,
#sidenavigation li#parent a:focus,
#sidenavigation li#parent a:active {
background-position: -200px -52px;
}
#sidenavigation li#kindergarten a,
#sidenavigation li#kindergarten a:link {
background-position: 0px -104px;
}
#sidenavigation li#kindergarten a:hover,
#sidenavigation li#kindergarten a:focus,
#sidenavigation li#kindergarten a:active {
background-position: -200px -104px;
}
#sidenavigation li#middle a,
#sidenavigation li#middle a:link {
background-position: 0px -156px;
}
#sidenavigation li#middle a:hover,
#sidenavigation li#middle a:focus,
#sidenavigation li#middle a:active {
background-position: -200px -156px;
}
#sidenavigation li#admissions a,
#sidenavigation li#admissions a:link {
background-position: 0px -208px;
}
#sidenavigation li#admissions a:hover,
#sidenavigation li#admissions a:focus,
#sidenavigation li#admissions a:active {
background-position: -200px -208px;
}
#sidenavigation li#curriculum a,
#sidenavigation li#curriculum a:link {
background-position: 0px -260px;
}
#sidenavigation li#curriculum a:hover,
#sidenavigation li#curriculum a:focus,
#sidenavigation li#curriculum a:active {
background-position: -200px -260px;
}
#sidenavigation li#legal a,
#sidenavigation li#legal a:link {
background-position: 0px -312px;
}
#sidenavigation li#legal a:hover,
#sidenavigation li#legal a:focus,
#sidenavigation li#legal a:active {
background-position: -200px -312px;
}
/*Footer Navigation*/
a#next {
display: block;
text-indent: -9999px;
width: 121px;
height: 130px;
background-image: url("rightArrow.gif");
background-repeat: no-repeat;
}
a#next {
margin-left: 50px;
}
a#next:hover,
a#next:focus,
a#next:active {
background-position: -121px 0px;
}
a#previous {
display: block;
text-indent: -9999px;
width: 180px;
height: 130px;
background-image: url("leftArrow.jpg");
background-repeat: no-repeat;
}
a#previous {
margin-left: 800px;
margin-top: 20px;
}
a#previous:hover,
a#previous:focus,
a#previous:active {
background-position: -180px 0px;
}
#parent a#next {
display: block;
text-indent: -9999px;
width: 121px;
height: 130px;
background-image: url("rightArrow.gif");
background-repeat: no-repeat;
}
#parent a#next {
margin-left: 800px;
margin-top: 20px;
}
#parent a#next:hover,
#parent a#next:focus,
#parent a#next:active {
background-position: -121px 0px;
}
#parent2 a#previous {
display: block;
text-indent: -9999px;
width: 180px;
height: 130px;
background-image: url("leftArrow.jpg");
background-repeat: no-repeat;
}
#parent2 a#previous {
margin-left: 750px;
margin-top: 20px;
}
#parent2 a#previous:hover,
#parent2 a#previous:focus,
#parent2 a#previous:active {
background-position: -180px 0px;
}
/*End of Footer Navigation*/
/* End of Navigation */
/* Start of Text */
body {
font-family: verdana;
font-size: 0.9em;
line-height: 1.2em;
letter-spacing: 0.05em;
color: black;
}
h1 {
text-indent: -9999px;
float: left;
}
h2 {
margin-left: 225px;
margin-bottom: 10px;
}
h2.para2 {
margin-left: 285px;
}
p {
margin-bottom: 10px;
}
p.indent {
margin-left: 245px;
}
p.indent2 {
margin-left: 225px;
}
p#para1 {
width: 700px;
margin-bottom: 10px;
}
p.para2 {
width: 450px;
margin-left: 285px;
}
a.blue {
text-decoration: none;
color: blue;
}
a.blue:hover,
a.blue:focus,
a.blue:active {
background-color: blue;
color: white;
}
p#block {
white-space: pre;
margin-bottom: 15px;
}
/* End of Text */