body {margin: 0; padding: 0; border: 0;
      font-family: serif;background:#cccccc;
      }

/* xxxxxx CORNER BLOCKS xxx */

#borderlefttop    {display:block; position:absolute; left:10px; top:10px;
                   background-image:url(images/bordertopleft.gif);
                   width:100px; height:100px;
		  }
#borderrighttop   {display:block; position:absolute; right:10px; top:10px;
                   background-image:url(images/bordertopright.gif);
                   width:100px; height:100px;
		  }

#borderleftbottom {display:block; position:absolute; left:10px; bottom:10px;
                   background-image:url(images/borderbottomleft.gif);
                   width:100px; height:100px;
		  }
#borderrightbottom {display:block; position:absolute; right:10px; bottom:10px;
                    background-image:url(images/borderbottomright.gif);
                    width:100px; height:100px;
		  }


#borderltbt {float:left; background-image:url(images/borderbottomleft.gif);
                   width:100px; height:100px; margin:auto auto 10px 10px;
		  }
#borderrtbt {float:right;background-image:url(images/borderbottomright.gif);
                    width:100px; height:100px; margin:auto 10px 10px auto;
		  }

/* xxxx FRONT PAGE   xxxx */



#heading  {display:block; position:absolute; left:50%; top:30px;
           background-image:url(images/heading.gif);
	   margin-left:-197px;width:394px; height:92px;
	  }

#guidehead    {display:block; position:absolute; left:50%; top:30px;
               background-image:url(images/guidenotes.gif);
	       margin-left:-150px;width:300px; height:50px;
	      }


#housefront {display:block; position:absolute; left:50%; top:50%;
              background-image:url(images/housefront.jpeg);
	      margin-left:-150px;margin-top:-80px; width:300px; height:225px;
	      border:1px solid black;
            }

#update      {display:block; position:absolute; left:50%; top:50%;
              background-image:url(images/buildingelmclose.gif);
	      margin-left:-150px;margin-top:-80px; width:300px; height:225px;
	      border:1px solid black;
            }


#nav  {text-size:6px; color:red; font-family:"times roman"; text-align:center; width:100px; height:25px;}


#signature  {display:block; position:absolute; left:50%; bottom:8px;
              background-image:url(images/signature.gif);
	      margin-left:-162px;width:325px; height:50px;
	     }

#menutitle    {text-align:center; font-size:14px; background: url(images/frame.gif) #cccccc; width:100px; height:25px; color:maroon;}
a             {display: block; font-size:11px; color:#666666; line-height:19px; text-decoration:none}
ul            {padding:0px; margin:0px; list-style-type:none;}
.subnav       {position:absolute; margin-left:3px; background-color: #eee;width:80px;}
.block        {border-bottom: #b8b8b8 1px solid;}
.block :hover {background-color: #999; COLOR: #fff;}
a.menublock   {padding:5px; line-height:20px;width:80px;}

/* xxx ELM CLOSE xxx */

#outer_elm            {position:absolute; left:17%; margin-left:-50px; width:100px; top:40%;}
#topnav li ul         {left:-999em; width:auto; position:absolute;}
#topnav li:hover ul   {left:auto;}
#topnav li.sfhover ul {left:auto;}



/* xxx HISTORY xxx */

#outer_his              {position:absolute; left:83%; margin-left:-50px; width:100px; top:40%;}
#topnavh li ul          {left:-999em; width:auto; position:absolute;}
#topnavh li:hover ul    {left:auto;}
#topnavh li.sfhover ul  {left:auto;}

#farmtotown     {display:block; position:absolute; left:50%; top:30px;background-image:url(images/farmtotown.gif);
	         margin-left:-150px;width:300px; height:50px;}
#maps           {display:block; position:absolute; left:50%; top:30px;background-image:url(images/maps.gif);
	         margin-left:-175px;width:350px; height:50px;}
#list           {display:block; position:absolute; left:50%; top:30px;background-image:url(images/list.gif);
	         margin-left:-150px;width:300px; height:50px;}
#specifications {display:block; position:absolute; left:50%; top:30px;background-image:url(images/specifications.gif);
	         margin-left:-162px;width:325px; height:50px;}
#reports        {display:block; position:absolute; left:50%; top:30px;background-image:url(images/reports.gif);
	         margin-left:-187px;width:375px; height:50px;}
#tradesmen      {display:block; position:absolute; left:50%; top:30px;background-image:url(images/tradesmen.gif);
	         margin-left:-150px;width:300px; height:50px;}
#calendar       {display:block; position:absolute; left:50%; top:30px;background-image:url(images/calendar.gif);
	         margin-left:-150px;width:300px; height:50px;}
#grassrota      {display:block; position:absolute; left:50%; top:30px;background-image:url(images/grassrota.gif);
	         margin-left:-150px;width:300px; height:50px;}



/* xxx CONTACT xxx  xxx RESIDENTS xxx */

#outer_res a{position:absolute; left:83%; margin-left:-50px; width:100px; top:60%;}

#outer_con a{position:absolute; left:17%; margin-left:-50px; width:100px; top:60%;}


/* xxxxxxxxxxxxxxxxxx SECURITY PAGE  xxxxxxxxxxxxxxxxxxxxxx */

#forumheading	{position:absolute;left:10%; top:20px;font-size:18px; color:#ef9c00;}

#container 	{position:absolute; border:0px solid black; left:50%; margin-left:-350px; width:700px; top:50%; margin-top:-200px;height:400px; }  

h4		{position:absolute; left:50%; width:650px; margin-left:-325px; top:100px; padding-bottom:20px; font-size:11pt; color:#363636;}

#textcentre	{text-align:center;}
#red		{color:red;}

#forumbox a	{position:absolute; left:50%; width:200px; margin-left:-100px; margin-top:70px; text-align:center; text-decoration:none; font-size:25px;border:0px black solid; }

#leftbox	{position:absolute; top:125px;left:10%;  width:160px; margin-left:-80px;font-size:13pt; color:#555555;}
#rightbox	{position:absolute; top:125px;right:10%; width:160px; margin-right:-80px;font-size:13pt; color:#555555;}



/* xxx GUIDANCE NOTES xxx */

#panpic {display:block; position:absolute; left:50%; 
         background-image:url(images/el2.jpeg);
	 margin-left:-300px; width:600px; height:84px;
	 border:1px solid black;
            }

#el1pic  {float:right; clear:right;background-image:url(images/el1.jpeg); width:200px; height:267px; border:1px black solid; margin:15px 0 15px 15px;}
#el1     {}

/* xxxx TEXT xxx */

#spacer7 {font-size:7px;}  /* text  */

p        {font-size:14px; color:black;}

#text    {border:0px solid black; width:80%; margin-left:10%; padding-top:110px; padding-bottom:20px;}
#text h1 {font-size:18px; color:#cc0000; text-align:center;}
#text h2 {font-size:20px; color:#8c5900; clear:both;}
#text h3 {font-size:15px; color:#8c5900; padding-top:-3px;}
#text h4 {font-size:18px; color:#cc0000; }

h6 {position:absolute; left:50%; width:500px; margin-left:-250px; margin-top:50px; text-align:center; font-size:30px;border:0px black solid;font-size:30px; color:#cc0000;}


#text ol {margin-top:3px;}
#text li {list-style-type:decimal;}

#text a  {font-size:15px; color:navy; text-decoration:none;}

#subheading {font-size:15px; color:#8c5900; font-weight:700;}



/* xxx TRADESMEN xxxx */

#tradesmentext  {border:0px solid black; width:80%; margin-left:10%; padding-top:110px; padding-bottom:20px;}

#red  {color:red;}




/* xxxx CONTACT xxxx */

#contacthead  {display:block; position:absolute; left:50%; top:30px;background-image:url(images/contact.gif);
	       margin-left:-150px;width:300px; height:50px;}
#contact   {position:absolute; left:50%; width:400px; margin-left:-200px; top:150px;}
/*
#confirm   {position:absolute; left:50%; width:300px; margin-left:-150px; top:40%; font-size:24px; color:#b57600;text-align:center; font-weight:700;}
#confirm a {color:green;font-size:16px;}
*/
#submit    {text-align:center;padding-top:10px;}


/* xxx CLOSE PHOTOS xx */

#photohead {display:block; position:absolute; left:50%; top:30px;background-image:url(images/close.gif);
	    margin-left:-150px;width:300px; height:50px;}

#photo    {position:absolute; left:50%; width:700px; margin-left:-350px; top:80px;}


/* xxxxx LOCATION  xxxx */

#location img {display:block; margin-top:140px; margin-bottom:10px;width:350px; height:262px;
	      border:1px solid black;}



/* xxxxx RESIDENTS xxxx */

#residents {position:absolute; left:50%; top:50%;
            margin-left:-100px; margin-top:-50px; width:200px; height:100px;
	      border:5px groove red; padding:20px; font-size:8px;}

#residentsimg  {display:block; position:absolute; left:50%; top:30px;background-image:url(images/residents.gif);
	        margin-left:-150px;width:300px; height:50px;}

#residentstext  {display:block; position:absolute; left:50%; top:100px;margin-left:-100px;width:200px; 
		  }

#residentstext img {width:17px; height:17px; border:0;margin-right:10px;}

#residentstext a {font-size:18px;color:green;text-decoration:none;}


/* xxxxx AGM xxxx */

#agmtext    {border:0px solid black; width:80%; margin-left:10%; padding-top:110px; padding-bottom:20px;}
#agmtext h1 {font-size:22px; color:#cc0000; text-align:center;}
#agmtext h2 {font-size:15px; color:#8c5900; text-align:center;}

#agmtext h3 {font-size:15px; color:#8c5900;}
#agmtext h4 {font-size:14px; color:#8c5900; text-align:center;}

#agmtext ol {margin-top:3px;}
#agmtext li {padding-top:10px;}


/* xxxx DIRECTOR'S REPORTS xxxx */
#directors  {display:block; position:absolute; left:50%; top:30px;background-image:url(images/directors.gif);
	     margin-left:-150px;width:300px; height:50px;}
#text table {width:65%;}
#col15      {width:10%; text-align:right; }
#col40      {width:40%; text-align:left; }
td,th,tr    {border:0px solid green;}
th          {text-align:center;}


/* xxx E-MAIL LIST xxxx */

#email           {display:block; position:absolute; left:50%; top:30px;background-image:url(images/emaillist.gif);
	          margin-left:-150px;width:300px; height:50px;}
#emaillist h3    {font-size:15px; color:#8c5900;text-align:center;}
#emaillist table {font-size:13px;border:0px solid black; width:75%; margin-left:10%; margin-top:110px; padding-bottom:20px;}
#col5            {width:5%; text-align:right;padding-right:7px;}
#col40b          {width:40%;color:#8c5900;}
#col55           {width:55%;}


/* xxx GRASS CUTTING ROTA xxx */


#grasstext table {border:0px solid black; width:20%; margin-left:40%;}

#grasstext td {border:0px solid #060; padding-left:5px; font-size:14px;  color:#005b1e;}
#grasstext h1 {margin-top:110px; font-size:18px; color:#cc0000; text-align:center;}
#grasstext a  {font-size:18px;color:navy;}

/* xxxxxx VILLA xxx */

#villa h1	      {font-size:15px;color:navy; text-align:center;}


