body {
       background-color:#faf7f3; 
       color:#000000;
       padding:0 0 0 0; 
       margin:0 0 0 0;
        }





/*----------The top bar where the navigation is installed----------*/
#topbar {
          position:fixed;
         
          top: 0%;
          left:0%;
          width: 100%;
          padding-top:20px;
          padding-bottom:70px;
          padding-left: 1em; 
          background-color: #faf7f3;
          color:#000000;
          font-size:2em;
          border-bottom: 1px solid blue;
          z-index:3;
        }
/*----------The top bar where the navigation is installed Ends------*/

/*----------for table set back------*/
.setback  {
	margin: 20px;
	}



/*--------------Back Button on fliers Starts----*/

.button {
                position:fixed;           
                background-color:#ff0000;
                border-color:#ff0000;
                color:#ffffff;
                left:57%;
                top:4%;
                font-size:18px;
                font-weight:bold;
        }  
.button:hover {
                background-color:#ffffff;
                color:#ff0000;
                cursor:pointer;
                font-size:18px;
                font-weight:bold;
                }

/*--------------Back Button on fliers ends------*/

/*-----------------for sub menue green links starts-----*/
.item {
  	display: inline-block;
  	padding: 2px 10px;
 	height: 24px;
	font-size: 16px;
	font-weight: bold;
  	color: #ffffff;
  	line-height:24px;
  	border-radius: 10px;
  	background-color: #008000;
 	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 10px;
       }

.item:hover {
 	color: #ff0000;
 	background-color: #ffffff;
                 }
/*-----------------for sub menue green links ends-----*/



/* bg relates to the left hand box where navigation occurs. */
#bg  {
       position: fixed; 
       top: 250px; 
       left: 2%; 
       background-color:black;
       top:0;
       left:10%;
       margin-left:-200px; 
       z-index: 1;
     }
	
#bg img {
	width:550px;
	height:850px;
	}


/*-------Red Notice begins-------------------------------------------*/
#notice   {
           background:#ff0000;
           color:white;
           border-top: 2px solid #facd8a;
           border-left: 2px solid #facd8a;
           border-right: 3px solid #820010;
           border-bottom: 3px solid #820010;
           padding:5px;
	   margin-left:5px;
	   margin-top:15px;
	   font-size:.8em;
	   width:250px;
	   float:center;
           clear:left;
	  }

#notice h3 {
            margin:0;
            color:white;
            position:relative;
            left:+25px;	    
            }
.info   {
         width:240px;
         height:5em;
         overflow:auto;
        }

#notice p {  
           margin: 5px 0;
           margin-left:5px;
           background-color:#ff0000;
          } 
/*----------Red Notice ends----------------------------------------*/


/*----------Grey notice starts-------------- font-size:.8em;--------------------------*/
/*-------first-----------------box-shadow: 5px 6px 6px 6px rgba(0, 0, 0, 0.10), 4px 6px 6px 5px rgba(0, 0, 0, 0.06);--------*/
/*-------faulty---------box-shadow:  4px 4px 5px 4px rgba(0, 0, 0, 0.02), 4px 4px 5px 10px rgba(0, 0, 0, 0.1);--------*/

#grey   {
           box-shadow: 5px 5px 4px 8px rgba(0, 0, 0, 0.14), 3px 3px 3px 4px rgba(0, 0, 0, 0.04);
           background: #ffffff;
           border-radius: 8px;
           padding-right: 10px;
           margin-left:20px;
           margin-top:12px;
           width:320px;
           float:left;
           clear:left;
           }


#grey p {  margin-left: 10px; }
#last h2 {
            margin:0;
            color:white;
            position:relative;
            left:+10px;	 
            }
/*----------Grey notice ends----------------------------------------*/


/*----------index box starts----------------------------------------*/
#work   {
          background:white; 
           color:#ffffff;
           border-top: 3px solid #93a9d5;
           border-left: 3px solid #93a9d5;
           border-right: 4px solid #003f5b;
           border-bottom: 4px solid #003f5b;
           border-radius: 16px;
           padding:5px;
           margin-left:5px;
           margin-top:15px;
           font-size:.8em;
           width:auto;
         
           }

#work h2 {
            margin:0;
            color:#497fbf;
            position:relative;
            left:+10px;	 
            }

#work a:link {
           color: #faf519;
            font-weight: bold;
            text-decoration: none;
	 }

#work a:visited { color: #006189; }

#work a:hover {
	 background-color:transparent;
	 color: #000000;
	 }
/*---------index box ends----------------------------------------*/


/*----------Show Case starts----------------------------------------*/
#showcase {
           background:#e3007b;
           color:white;
           border-top: 2px solid #c7e19e;
           border-left: 2px solid #c7e19e;
           border-right: 3px solid #003b12;
           border-bottom: 3px solid #003b12;
           padding:5px;
           margin-left:5px;
           margin-top:15px;
           font-size:.8em;
           width:280px;
           float:left+25px;
           clear:none;
           }

#showcase h2 {
            margin:0;
            color:#ffffff;
            position:relative;
             }

/*----------Show Case ends---------position: absolute; -------------------------------*/


/* content relates to the page with text. */

.content{
  max-width: 750px;
  margin: auto;
  background-color: #faf7f3;
  z-index: 10;
 
        }


#content {
          top: 10%;
          left: 0%; 
          height: auto;
          max-width: 750px;
          margin-left: auto; 	
          margin-right: auto;
          background-color:#faf7f3;  
          border-left: 1px solid black; 
          padding-left: 2.5em; 
          padding-right: 40px; 
          padding-top: 10px; 
          z-index: 20;
}
.new {
	margin-left: 20px;
}
.new a:link {
	color: #800080;
           	font-weight: bold; 
           	text-decoration: none;
	padding: 0;
	line-height: 25px;
	
	font-size:20px;

	 }

.new a:visited { color: #006189; }

.new a:hover {
	 background-color:transparent;
	 color: #ff00ff;
	 }

#content h4{
          font-size:25px;   
          position:relative;
          margin-top: 4px;
          margin-bottom: 0px;
          color:#006a25;
          padding: 0 0 0 0; 
          }

img.line {
	  vertical-align: top;
	 }

#table h3{
          font-size:20px;          
          position:relative;
          margin-top: 4px;
          margin-bottom: 0px;
          left:50px;	 
          color:#006a25;
          padding: 0 0 0 0; 

          }

/*----------------------image space around starts-------*/
.space	{
	margin: 10px;
  	}
/*----------------------image space around ends-------*/


/*------------------SOCIAL CALENDAR STARTS--------------------------*/
.s-calendar {
           background:#00782b; 
           color:white;
           padding:15px;
           margin-left:20px;
           margin-top:15px;
           border-top: 3px solid #93a9d5;
           border-left: 3px solid #93a9d5;
           border-right: 4px solid #003f5b;
           border-bottom: 4px solid #003f5b;
           max-width: 750px;
           margin: auto;
                 }
	
.s-calendar h4 {
              margin:0;
              color:white;
              position:relative;
              left:+10px;
             }

.s-dates  {
        
         width:auto;    
         height:8em;
         font-size:16px;
         overflow:auto;
}

.s-calendar a:link {
           color: #fcf64c;
            font-weight: bold;
            text-decoration: none;
	 }

.s-calendar a:visited { color: #faf519;
                         }

.s-calendar a:hover {
	 background-color:transparent;
	 color: #000000;
        }
/*----------------SOCIAL CALENDAR ENDS---------------------------------*/

 
 



/*------------------------ navigation all relates the bg box where navigation occurs.----------------  */
#navigation {
             position: fixed; 
             top: 15px; 
             left: 2%; 
             color:#ffffff; 
             width: 25%;
             z-index: 3;
            }

#navigation a {
               display: block;
               color:#ffffff; 
               padding-left: 10px;
	       padding-right: 8px;
              }

#navigation a:link.current, #navigation a:visited.current,  {
	                                                     color:#ff9;
	                                                    }

#navigation a:hover {
                       background-color:transparent;
                     color:#0000ff;
                    }

#navigation a:hover.current {
                            background-color:transparent; 
                            color:#ff9; 
                             cursor:default;
                            }
/* -----------------navigation all relates the bg box where navigation occurs.ENDS-----------  */


/* css code for class  dropt:-STARTS-----------------------------------------*/

/* span dropt appears to only have been used in the newsletters page.----------------------------*/

span.dropt 
           {
              background: transparent;
           }
/* -----text background colour----background could be transparent--------*/
span.dropt:hover {
                  text-decoration: none; 
                  background: #ffffff; 
                  z-index: 6; 
                 }

span.dropt span {
                 position: absolute; 
                 left: -9999px;
                 margin: 10px 10px 10px 10px; 
                 padding: 5px 5px 5px 5px;
 font-size:.7em;
                 border-style:solid; 
                 border-color:#2d73b9; 
                 border-width:2px; 
                 z-index: 6;
                 }
span.dropt:hover span {

                  left: 15%; background: #ffffff;
                       } 

span.dropt:hover span {
                 margin: 10px 10px 10px 170px; 
                 background: #ebf5fc; 
                 z-index:6;
                   }
/* css code for class  dropt:-ENDS-----------------------------------*/ 


/* css footer and text insert ----starts--------------------*/
.footer {
  	text-align: justify;
 	padding: 15px;
  	max-width: 750px;
  	margin-left: 20px;
  	background-color: lightgray;
	}

.FooterText::before {
	font-size:12px; 
  	color: #004e87;
  	content: "  Golden Grove Lifestyle Village Residents' Committee, The information published hereon is copywrite of Golden Grove Lifestyle Village Residents' Committee, except South Australia, Acts, Regulations, Guides and, the Little Black Book of Scams by the Australian Competition and Consumer Commission re-published for information. The Committee does not accept any responsibility for any unintential error of publication appearing hereon. ";
}

/* css footer and text insert ----ends--------------------*/