/*Save Glenogle baths styles */

/**********General styles that apply to everything*********/

html           {margin: 0;
                padding: 0;
    }

body {margin: 0;
     padding: 0;
     font: 100% Verdana, Arial, Helvetica, sans-serif;
	 background: #D4ECFB; 
/*         background: url(images/background3.gif); */
    }

a              {color: #826ba9; text-decoration:none; font-weight: normal;}
a:link         {color: #826ba9; text-decoration:underline; font-weight: normal;}
a:visited      {color: #826ba9; text-decoration:underline; font-weight: normal;}
a:focus        {color: #ef9c00; text-decoration:none}
a:hover        {color: #8DCFF4; text-decoration:none}
a:active       {color: red;     text-decoration:none}



/* top section - banner */

div#banner     {height: 140px;
                width: 100%;
                background:  #8DCFF4 url("RefurbPoolSmallBanner.jpg") top left no-repeat;
	                                }

div#banner h1  {
	position: absolute;
	left: 200px;
	color: black;
	/*  background-image: url(saveglenoglebaths.jpg); */
	text-align: left;
	font-weight: normal;
	font-size: 200%;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-right: 0;
	width: 326px;
/*	width: 100%;
	top: 0px;
	height: 140px; */
        }
div#banner h2  {
	position: absolute;
	left: 199px;
	color: blue;
	/*  background-image: url(saveglenoglebaths.jpg); */
	text-align: left;
	font-weight: normal;
	font-size: 150%;
	margin-top: 100px;
	margin-bottom: 0px;
	padding-right: 0;
	width: 393px;
/*	width: 100%;
	top: 0px;
	height: 140px; */
        }



/* lefthand column - navigation #D4ECFB #CC00CC */

div#leftcol {position: absolute;
    left: 10px;
    top: 157px;
    width: 160px;
    font-weight: bold;
    font-size: 100%;
        border: none;
        background-color: #D4ECFB;
        height: 295px;
    }

div#leftcol a {display: block;
    color: black;
    text-align: center;
    text-decoration: none;
    border-bottom: 2px none #993;
	background-color: #8DCFF4;
    margin-top: 0;
    padding-bottom: 2px;
    }

div#leftcol a:hover {color: #fff;
    text-decoration: none;
    background-color:#8DCFF4;
    text-decoration:none;
    border-right: 10px right #96c;
    }

div#leftcol p   {font-size: 100%;
    }

div#nav0      {position: absolute;
    left: 25px;
    top: 20px;
	width: 122px;
    }

div#nava      {position: absolute;
    left: 25px;
    top: 60px;
	width: 122px;
    }

div#navb      { position: absolute;
    left: 25px;
    top: 100px;
    width: 122px;
    }

div#navc      {position: absolute;
    left: 25px;
    top: 140px;
    width: 122px;
    }
	
div#navd      {position: absolute;
    left: 25px;
    top: 180px;
    width: 122px;
    }
			
div#nave      {position: absolute;
    left: 25px;
    top: 220px;
    width: 122px;
    }
	
div#navf      {position: absolute;
    left: 25px;
    top: 260px;
    width: 122px;
    }	
	


div#nav0-loc      {position: absolute;
    left: 15px;
    top: 18px;
	width: 140px;
    }

div#navx-loc      {position: absolute;
    left: 8px;
    top: 60px;
	width: 140px;
    }
	
div#nava-loc      {position: absolute;
    left: 8px;
    top: 60px;
	width: 140px;
    }

div#navb-loc      { position: absolute;
    left: 8px;
    top: 100px;
    width: 140px;
    }

div#navc-loc      {position: absolute;
    left: 7px;
    top: 140px;
    width: 140px;
    }
	
div#navd-loc      {position: absolute;
    left: 7px;
    top: 180px;
    width: 140px;
    }
	
		
div#nave-loc      {position: absolute;
    left: 9px;
    top: 220px;
    width: 140px;
	
    }	

div#navf-loc      {position: absolute;
    left: 9px;
    top: 260px;
    width: 140px;
	
	}

/* lefthand column - navigation */

div#leftcol2 {position: absolute;
    left: 14px;
    top: 171px;
    width: 160px;
    font-weight: bold;
    font-size: 120%;
        border: none;
        background-color: #D4ECFB;
        height: 32px;
    }

div#leftcol2 a {display: block;
    color: black;
    text-align: center;
    text-decoration: none;
    border-bottom: 2px none #993;
	background-color: #8DCFF4;
    margin-top: 0;
    padding-bottom: 2px;
    }

div#leftcol2 a:hover {color: #fff;
    text-decoration: none;
    background-color:#8DCFF4;
    text-decoration:none;
    border-right: 10px right #96c;
    }

div#leftcol2 p   {font-size: 100%;
    }
	
	
div#whatsnew  {
    font-size: 70%;
    font-style: italic;
	position: absolute;
	left: 17px;
	top: 394px;
	width: 132px;
	height:81px;
    }
	
/* content area */


div#centrecol-frontpage  {
/* 
margin-left: 200px;
     margin-right: 200px;
     width: 60%; 
     margin-top: 10px;
	 
	 */
     text-align: center ;
	
    }
	
div#centrecol   {margin-left: 200px;
     margin-right: 50px;
 /*   width: 70%; */
     margin-top: 10px;
     text-align: left;
 
    }
div#photostrip {border: none;    text-align: center;
    }


div#rightcol    {
        position: absolute;
	    top: 158px;
        font-weight: bold;
        font-size: 120%;
        border: blue; 
        background-color: #D4ECFB;
        height: 86px;
        right: 10px;
        width: 136px;
        font-size: 80%;

     }
	 
 div#rightcol a:hover {color: #fff;
    text-decoration: none;
    background-color:#8DCFF4;
	border-color:red;
    text-decoration:none;
    }

div#rightcol p {padding: 0 5px 0 5px;
    margin-top: 0;
    margin-bottom: 5px;
    }


/*bottom section - styles for the copyright and small print*/

div#signoff     {font-size: 70%;
     font-style: italic;
     text-align: center;
     padding-top: 10px;
     border-top: none;
    }