/* CSS Document */
body {
         padding:0;
         margin:0;
         background-color:#ECF5FF;
         font-family:Arial, Helvetica, sans-serif;
		 font-size:small;
         color: #000000;
}
h1,h2,h3 {
         padding:4px 0 0 0;
         margin:0;
         line-height:31px;
}
h1 {
         color:#FFF;
		 font-size:130%;
}
h2 {
         font-size:120%;
		 color:#FFF;
}
P {
         font-size:110%;
}
/*Coloured backgrounds for Headings need to use the height declaration or IE doesn't render the colour */
.pink {         
         min-height:32px;
		 background-color:#E3BDF4;
         
}
.green {      
         min-height:32px;
		 margin-bottom:32px;
		 background-color:#DEE9E1;
}
.darkgreen{
         min-height:32px;
         background-color:#B4C789;
}
.blue{
         min-height:32px;
         background-color:#6F79C3;
}
.right {
         position:relative;
         float:right;
}
.imagenoteRight {
         position:relative;
         float:right;
         width:226px;
         margin:176px -280px 0 0;
         text-align:center;         
         font-size:90%;
}
/* Main cointaining box to restrain everything and give the fixed width of 970px until issue with IE on front page and image issues can be addressed */
#container {
         min-width:750px;
		 position:relative;
		 margin: 0 auto 0;
		 margin-bottom:32px;
		 width:100%;
		 border-width:0 1px 1px 1px;
		 background-color:#ECF5FF;		 
		 }
/*Heading image at page top */
#header {
         width:100%;
         height:96px;
         background:url(../images/levens-banner.jpg);
}
/* Horizontal list style navigation bar */
#navigation {
         padding:16px 18px 32px 36px;
}
#navigation ul{
         padding:0;
         margin:0;
         list-style:none;
}
#navigation li {
         float:left;
}
.register{
         clear:both;
         float:right;
         display:none;
}
/* start of the various box divs */
#intro {
		 min-height:236px;
         clear:both;
         margin:0 18px 32px 18px; 
         padding-bottom:32px;
         background-color:#DEE9E1;
         border:1px solid #B4C789;
}
#intro h1,#intro h2,#intro h3,#intro p,#intro img{
         padding:0 18px 0 18px;
}
#intro h1.pink {
         margin-bottom:32px;
		 }
/* inner container box so that you can use absolute positioning for some of the elements within to help with three column layout */
#innerContainer {
         position:relative;
		 width:100%;
		 height:100%;
}
#map {
         position:absolute;
		 left:0;
		 top:0;
		 width:258px;
         height:448px;
         margin:0 9px 0 36px;
         border:1px solid #E3BDF4;
         background-color:#DFE8F9;
}
#map h1,#map h2,#map h3{
         padding:0 18px 0 18px;
}
#middle {
         min-height:254px;
		 position:relative;        
		 width:auto;
		 margin:0 316px 32px 316px;
		 border:1px solid #E3BDF4;
         background-color:#DEE9E1;
}
#middle h1,#middle h2,#middle h3,#middle p {
         padding:0 18px 0 18px;
}
#blue {
         position:relative;        
		 width:auto;
		 min-height:160px;
         margin:0 36px 32px 316px;
		 border:1px solid #6F79C3;
         background-color:#DFE8F9;
}
#blue h1,#blue h2,#blue h3,#blue p {
         padding:0 18px 0 18px;
}
#seasons {
         position:absolute;
		 right:0;
		 top:0;
         width:261px;
		 height:256px;
         margin:0 36px 32px 9px;
         background-color:#B4C789;
}
#seasons h1,#seasons h2,#seasons h3,#seasons p {
         padding:0 18px 0 18px;
		 color:#FFF;
}
/* Footer */
#footer {
        width:auto;
        padding:0 36px 32px 36px;
		text-align:center;
		font-size:90%;

}
#footer ul{
         padding:0;
         margin:0;
         list-style:none;
}
#footer li {
         float:left;
}