html,body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background-image: url(images/page_bg.gif);
}

			
#container {
margin: 0px auto;
top: 0px;
background-image: url(images/mainbg.gif);
background-repeat: repeat-y;
width: 800px;
position:relative;
}


a {
text-decoration: none;
color: #000099;
}

a:hover {
text-decoration: none;
color: #EE0000;
}
 
 
#header {
 height: 121px;
 background-image: url(images/header.jpg);
 background-repeat: no-repeat;
 }
 
 
#left-col {
 position: absolute;
 top: 121px;
 left: 0px;
 width: 177px;
 margin: 0px;
 padding: 0px;
 } 

#navmenu {
 
 padding: 0px;
 height: auto;
 }
 

#title {
 margin: 0px 10px 0px 178px;
 padding: 0px;
 position: relative;
 }

 #right-col-inner{
 margin: 0px 100px 0px 0px;
 padding: 0px;
 position: relative;
 }

#right-col{   

 margin: 20px 20px 0px 187px;
 padding: 0px;
 position: relative;
min-height: 550px;
 }


* html #right-col{   /* IE ignores the * html so sees this as #right-col */

 margin: 20px 20px 0px 187px;
 padding: 0px;
 position: relative;
 height: 550px;  /* IE thinks height means min-height */
 }


#home-col-1{
 position: absolute;
 top: 121px;
 left: 179px;
 width: 202px;
 height: 576px;
 margin: 0px;
 padding: 0px;
 background-color: #D5EAFF;
}
#home-col-2{
 position: absolute;
 top: 121px;
 left: 383px;
 width: 203px;
 margin: 0px;
 padding: 0px;
}
#home-col-3{
 margin: 0px 11px 0px 587px;
 padding-bottom: 10px;
 position: relative;
 min-height: 700px;
 background-color:#FFCCCC;
}
* html #home-col-3{
 margin: 0px 11px 0px 587px;
 padding: 0px;
 position: relative;
 height: 700px;
}
#home-col-3-inner{
padding: 5px;
}

#address {
margin: 2px;
padding: 5px;
text-align: center;
background-color: #EBEBEB;
position: relative;
top: 0px;
min-height: 150px;
}
* html #address {
margin: 2px;
padding: 5px;
text-align: center;
background-color: #EBEBEB;
position: relative;
height: 150px;
}


#diarydates {
padding: 5px;
line-height: 1.5em;
font-weight: bold;
}

* html #diarydates {
padding: 5px;
line-height: 1.2em;
font-weight: bold;
}

.datehome {padding-top: 5px;}

* html .datehome {padding-top: 2px;}

#home-col-1 .small {font-weight: bold;}



#home-col-2 img {padding-bottom: 5px; border: none;}





/* Miscellaneous */

#diary_button {
 position: absolute;
 top: 2px;
 left: 499px;
 width: 70px;
 margin: 0px;
 padding: 0px;
 text-align:center;
}

#classpages {
background-image: url(images/newclass.gif);
background-repeat: no-repeat;
width: 587px;
height: 820px;
text-align: center;
font-size: small;
font-weight: bold;
line-height: 20pt;
}

#classpages a {
color:#990000;
}

#classpages a:hover {
color:#ff0000;
}


#classpages a.currentyear{
color: #FF0000;
line-height: 25px;
}
#classpages a.currentyear:hover{
color: #ffa9a9;
}

#foundation {
position: absolute;
top: 120px;
left: 195px;
width: 193px;
height: 60px;
z-index: 10;
line-height: 12pt;
}

#year1 {
position: absolute;
top: 279px;
left: 72px;
width: 195px;
height: 60px;
z-index: 10;
line-height: 12pt;
}

#year2 {
position: absolute;
top: 279px;
left: 325px;
width: 196px;
height: 60px;
z-index: 10;
line-height: 12pt;
}

#year3 {
position: absolute;
top: 446px;
left: 72px;
width: 195px;
height: 60px;
z-index: 10;
line-height: 12pt;
}

#year4 {
position: absolute;
top: 446px;
left: 324px;
width: 196px;
height: 60px;
z-index: 10;
line-height: 12pt;
}

#year5 {
position: absolute;
top: 610px;
left: 74px;
width: 193px;
height: 60px;
z-index: 10;
line-height: 12pt;
}

#year6 {
position: absolute;
top: 610px;
left: 320px;
width: 195px;
height: 60px;
z-index: 10;
line-height: 12pt;
}


#nandv a{
background-image:url(images/nandv.jpg);
background-repeat:no-repeat;
width:177px;
height:26px;
text-indent:-9999px;
display:block;

}


#nandv a:hover {background-position:-177px 0;}




#fader1 {position: relative;
		left: 0px;
		top: 0px;
		width: 200px;  height: 150px;
		overflow: hidden;
		background: url(../images/mask.png) no-repeat;
		z-index: 10;  margin-bottom: 15px;}

#fader2 {position: relative;
		left: 0px;
		top: 0px;
		width: 200px;
		height: 150px;
		overflow: hidden;
		background: url(../images/mask.png) no-repeat;
		z-index: 10; margin-bottom: 20px;}

#fader1 img {width: 100%;}
#fader2 img {width: 100%;}


#EditSlideButton {
position: relative; z-index: 500; 
left: 50px;}







#clearer {
clear:both;
}

#footer {
height: 29px;
font-size: x-small;
color: #FFFFFF;
padding-left: 20px;
padding-top: 0px;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
clear: both;
}
#footer a {
color: #FFFFFF;
}


.sectionheading {
	color: #009900;
}


/* GUESTBOOK COLOURS */

#Guestbook {
border: #42A0FF solid thick;
}
#Guestbook .sort{
background-color: #42A0FF;
}
#Guestbook .sort a{
color: #FFFF00;
}
#Guestbook .sort a:hover{
color:#FFFFFF;
}
#Guestbook .allowdeny {
color: #FFFF00;
background-color: #42A0FF;
}
#Guestbook .allowdeny a{
color: #FFFF00;
}
#Guestbook .allowdeny a:hover{
color:#FFFFFF;
}
#Guestbook .guest {
background-color: #FFED6F;
}
#Guestbook .message {
background-color: #FFFFFF;
}