body {
text-align: center;
font-family: Tahoma, Geneva, sans-serif;
font-size: small;
}
a:link {
color: black;
text-decoration: none;
}
a:visited {
color: black;
text-decoration: none;
}
a:hover {
color: red;
}
a:active {
color: red;
text-decoration: none;
}
div#container {
position:absolute;
top:50%;
left:50%;
height:440px;
margin-top:-220px;
margin-left: -400px;
width: 800px;
text-align: left;
}
div#box {
position:absolute;
top:2em;
right:10px;
width:250px;
height: 230px;
background-color: #fff;
filter: alpha(opacity=60, style=0);
opacity: 0.6;
display: none
}
div#about {
position:absolute;
top:2em;
right:20px;
width:240px;
height: 250px;
background-color: transparent;
text-align: right;
display: none;
}
div#subscribe {
position:absolute;
top:2em;
right:20px;
width:240px;
height: 250px;
background-color: transparent;
text-align: right;
display: none;
}
div#contact {
position:absolute;
top:2em;
right:20px;
width:240px;
height: 250px;
background-color: transparent;
text-align: right;
display: none;
}
img {
border-style: none;
padding: 0;
margin: 0;
}
.topleft  {float: left;  width:48%; text-align:left  }
.topright {float: right; width:48%; text-align:right;}
.bottomleft {float: left; width:11%; text-align:left }
.bottomright {float: right; width:87%; text-align:right;}
#main { background-image: url(../images/campus_front.jpg); background-repeat: no-repeat; }
a#narrabeen img { background: url(../images/narrabeen_campus.jpg); top left no-repeat;}
a#terrey_hills img { background: url(../images/terrey_hills_campus.jpg); top left no-repeat;}
a#narrabeen:hover img {opacity:0;filter:alpha(opacity=0)}
a#terrey_hills:hover img {opacity:0;filter:alpha(opacity=0)}