/* CSS Document */ * { margin:0; padding:0 } body{font-family:Helvetica, Arial, sans-serif; font-size: 75%; margin:50px; min-height:101%} ul {list-style:none} /* h1 = red titles with long grey underline - large text h2 = bold text h3 = red titles with long grey underline - normal size text h4 = red titles - bold - normal size text h5 = dark grey title for principals' and topic names h6 = red titles large bod text smalltext = small writing with 1px tracking and 120% line spacing. Used for most text */ h1 {font-size: 1.4em; font-weight:bold; color: #AC1B20; display:block; border-bottom: 1px solid #666666} h2 {font-size: 1em; font-weight:bold; line-height:125%} h3 {font-size: 1.1em; font-weight:bold; color: #AC1B20; display:block; border-bottom: 1px solid #666666} h4 {font-size: 1em; font-weight:bold; color: #AC1B20; line-height:125%} h5 {font-size: 24px; font-weight:bold; color: #444444} h6 {font-size: 1.2em; font-weight:bold; color: #AC1B20} .redbold {font-size: 1em; font-weight:bold; color: #AC1B20; line-height:125%} img {border:none; outline: none} a {color:#000088; outline:none; text-decoration:none} a:hover {color:#000088; border-bottom: 1px solid #000088} .nohover a:hover {border:none} .imageborder img {border: 1px solid solid #666666} .imageborder a:hover {border:none} .tblhorizlines td {border-bottom:1px solid #666666} td {padding-top:5px; padding-bottom:5px; padding-right:10px; margin=0px} .largespaced {font-size: 1.2em; line-height:150%} .largespacedjustified {font-size: 1.2em; line-height:150%; text-align:justify} .smalltext {font-size: 1em; line-height:125%; padding-right:15px} .mediumtext {font-size: 1.15em; line-height:125%; padding-left:15px; padding-right:15px} .redtext {color:#FF0000} .container {clear: left; width:786px; height:auto; overflow: auto; margin:auto; background:URL("../pageelements/body.gif") repeat-y} .page{width:762px; height:auto; overflow: auto; background:URL("../pageelements/swoosh.jpg") no-repeat} .bottomline {width:786px; height: 35px; margin:auto; clear:both; background:URL("../pageelements/bottom.gif") no-repeat} .banner {width:761px; height:170px} .titleleftspacer {width:149px; height:58px; float:left} .titlemain {width:450px; height:58px; padding-left:5px; float:left} .titlemodleftspacer {width:149px; height:83px; float:left} .titlemodmain {width:429px; height:83px; padding-left:15px; float:left} .titlemain h5 {padding-left: 10px; padding-top:10px} .titlemain p {padding-left: 10px; padding-bottom:10px} .photocredit{width:140px; height:58px; padding-left: 10px; float:left} .titlecross{height: 58px; width:582px; float: left; height:auto; overflow:none; padding-left:15px; padding-right: 10px; padding-top:10px; text-align:left} .navbar {width:149px; height:auto; float:left; clear:both; padding-top:10px} .navbarbottomspacer{width:149px; height:220px; clear:left} .leftcolumn {width:281px; float:left; height:auto; overflow:none; padding-left:0px; padding-right: 10px; text-align:left} .rightcolumn {width:281px; float: left; height:auto; overflow:none; padding-left:10px; padding-right: 0px; text-align:left} .singlecolumn {width:582px; float: left; height:auto; overflow:none; padding-left:15px; padding-right: 10px; padding-top:10px; text-align:left} .singlecolumnwithpic {width:632px; float: left; height:auto; overflow:none; padding-left:15px; padding-top:10px; text-align:centre} .picfloatright {width:210px; float:right; height:auto; overflow:none; padding-left:15px; padding-right:25px; padding-botton:50px} .singlecolumn ul{padding-left:20px; list-style:disc} .photoright {width:180px; float: right; height:auto; overflow:none; padding-left:10px; padding-right: 0px; padding-bottom: 20px} .photoright img {border: 1px solid solid #666666} .overflowfullwidth{height:200px; overflow:auto; padding-left:0px; padding-right: 0px; padding-top:10px; text-align:left} .abstract{font-size: 1.2em; line-height:125%; text-align:left} .buttonactive {width:149px; height:33px; clear:left; background:url("../pageelements/button.gif") no-repeat} .buttonactive a {display:block; font-size:16px;color:#FFFFFF; text-decoration:none; padding-left:10px; padding-top:7px; padding-bottom:7px; border-bottom:none} .buttonactive a:hover {background:url("../pageelements/button.gif") no-repeat; background-position: 0 -64px; border-bottom:none} .button {width:149px; height:33px; clear:left; background:url("../pageelements/button.gif") no-repeat; background-position:0 -32px} .button a {display:block; font-size:16px;color:#FFFFFF; text-decoration:none; padding-left:10px; padding-top:7px; padding-bottom:7px; border-bottom:none} .button a:hover {background:url("../pageelements/button.gif") no-repeat; background-position:0 -96px; border-bottom:none} .credits {float:left; clear:left; height:110px; padding-left:10px; padding-bottom:5px; font-size: 0.9em} .topline {width:786px; height: 19px; margin:auto; background:URL("../pageelements/top.gif") no-repeat} .toplineleftspacer {width:148px; height:19px; float:left;} .toplinewhitespace {width:1px; height:19px; float:left; background-color:#FFF } #menu { font-family:Arial, Helvetica, sans-serif; font-size: 16px; float: left; } .one {width:4.8em;} .two {width:7.8em;} .three {width:5.6em;} .four {width:7.2em;} .five {width:3.7em;} #menu ul { list-style: none; margin: 0; padding: 0; float: left; } #menu a, #menu h2 { display: block; border:none; margin: 0; padding: 1px 3px 1px 3px; } #menu h2 { color: #fff; background: #ac1b20; } #menu a { color: #fff; background: #ac1b20; text-decoration: none; } #menu ul ul li a { border-width: 1px; border-style: solid; border-color: #fff #fff #fff #fff; } #menu a:hover { color: #fff; background: #D24F58; } #menu li {position: relative;} #menu ul ul { position: absolute; z-index: 500; } div#menu ul ul { display: none; } div#menu ul li:hover ul {display: block; width: 5.6em;}