body{font-family:"Lucida Grande","Lucida Sans Unicode","Sans-Serif"; background-image: url(Images/grammar2a.jpg);}  
#container1 {margin-top:10px; margin-left:90px; margin-bottom: 10px; margin-right: auto; background-image: url(images/gradient7a.jpg);  background-repeat:repeat-x; background-color:#A9CCEE; width:800px; height: 2639px; border: 1px solid  #000066;}
p {color: #000066; font-size: 16px; margin-left:10px; margin-top: 3px; margin-bottom: 3px; margin-right: 10px;}
h3 {margin-left:10px; text-align: left; font-size: 16px; color: #000066}
h1 {text-align: center; color: #FFFFFF; font-size: 28px; margin-top:53px;}
h2 {text-align: left; color: #000066; font-size: 18px;}
h4 {margin-left:10px; color: #000066}
.featureimage { margin-left: 50px; margin-right: 50px;} 
.featureimage2{margin-bottom: 15px}
.featureimage22{margin-bottom: 30px}
.featureimage23{margin-bottom: 15px; margin-left: 2px;}
.featureimage1{float: left; margin-right: 15px; margin-left: 15px; margin-top: 35px; border: 1px solid #000000;} 
a:link{color: #0099FF; text-decoration: none;}
a:hover{color: #CCCCCC;}
a:active {color:#999999;}
a:visited {color: #0099FF; text-decoration: none;}
a:hover{text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
#nav {background-image: url(images/gradient.jpg); background-repeat:repeat-x; height: 35px; text-align: center; vertical-align:middle; padding-top: 6px;}
#nav1 {height: 35px; vertical-align:baseline;}
#nav2 {height: 20px; background-image: url(images/gradient3.jpg); border: 1px solid  #000066; background-repeat:repeat-x;}
#banner {height: 96px; text-align: center; padding-top: 3px;}
#thumbnails {height: 145px; background:#000066; border: 1px solid  #000066; padding-top: 3px; padding-bottom: 3px;}
#photos {margin-left :2px;}
#next {padding-top: 5px; padding-bottom: 5px;}
#menu {width: 125px; float: right; width: 125px; height: 400px; margin-right: 1px; margin-left: 10px; padding-top: 8px; background:#000066; height: 1600px; text-align: center;}
#menu1 {width: 175px; float: left; height: 400px; margin-right: 15px; padding-top: 8px;}
#header {background-image: url(images/musselburghgrammarc.jpg); background-repeat:repeat-x; height: 120px;}
.featureimage18 {margin-right: 110px; margin-top: 9px;}
.featureimage19 {margin-top: 9px;}
.featureimage4 {float: left; height: 143px; margin-right:0px; margin-left:1px; border: 1px solid #33CCFF;} 
.featureimage {height: 143px; margin-right: 0px; border: 1px solid #33CCFF; margin-left:3px; }
.featureimage2 {margin-right: 0px; border: 0px solid #000066; margin-bottom:10px }
.featureimage1{height: 419px; margin-right: 0px; border: 0px solid #000066; margin-left:1px; }
#footer {height: 20px; vertical-align:baseline; background-image: url(images/gradient.jpg); background-repeat:repeat-x; border: 1px solid  #000066; color: #00FFFF; font-size: 16px;}
.grey {background: #CCCCCC; color: #ffffff}
.white {background: #FFFFFF; color: #000066; margin-top:20px;}
.datatable {background: #CCCCCC; border: 2px dotted  #000066;}
.datatable td. {border: 2px dotted  #000066; text-align: left; padding:1px; }
.datatable tr {height: 23px;}
.col1 {width: 33px;}
.col2 {width: 26px;}
.col3 {width: 183px;}
.style3 {color: #FFFFFF}
ul {list-style:none; height: 23px; background-image: url(images/gradienta.jpg); background-repeat:repeat-x; text-align: center; padding-top: 1px; padding-left: 15px; margin: 0 0 5 0; font-size: 16px;}
li {display:inline; }
#catchpa {padding-top: 15px; padding-bottom: 15px; margin-left:15px;} 
#submit { margin-left:15px;padding-bottom: 15px;}
span {color: #FFFFFF}