body { width: 90%; height: 80%;                
       margin-left: auto; margin-right: auto;	         
       font-family: Georgia; font-size: 18px;                  
       background: #FFFFF0; 
       color: #009; }

.mainpage { float: left; width: 64%; margin: 4%;            	    
            padding: 2%; border-top: 1px dotted orange; 
            border-bottom: 1px dotted orange; }

.mainpage li { list-style: disc;	       
               margin-left: -25px;	       
               line-height: 1.1em; }

.mainpage a { text-decoration: none; color: blue; }

.mainpage a:hover { text-decoration: underline; }

ul#navbar { float: left; width: 98%;           
            margin-top: 10px; margin-left: 30px; 
            margin-bottom: 10px; list-style: none; }

#navbar li { float: left; border-right: 1px dotted orange; 
             border-bottom: 1px dotted orange; padding: 2px; }

#navbar li:first-child { border-left: 1px dotted orange; 
                         border-bottom: 1px dotted orange; }

#navbar a { display: block; color: black ; padding: 2px;
	        margin: 2px; text-decoration: none; font-size: 1.1em; }

#navbar a:active { border: none; }

#navbar a:hover { color: #019; }

#map img, #mng { display: none;}

body#homepage #navbar #navhome, 
body#aboutfern #navbar #navabout,
body#carers #navbar #navcare,
body#contactpage #navbar #navcontact,
body#serveuser #navbar #navservice,
body#sitempage #navbar #sitemap {  background-color: #009; }

body#homepage #homelink, 
body#aboutfern #aboutlink,
body#carers #carerlink,
body#contactpage #contactlink,
body#serveuser #serviceuserlink,
body#sitempage #sitemaplink { color: #FCEFB6; }

#navbar #navhome:hover, 
#navbar #navabout:hover,
#navbar #navcare:hover,
#navbar #navcontact:hover,
#navbar #navservice:hover,
#navbar #sitemap:hover { background-color: #ffc; }

table {background-color: #faf9ec; border-collapse: collapse; 
       border: 1px dotted orange; width: 80%; margin-left: .03%; }

#mngpage { width: 75%; }

td { border: 1px dotted orange; padding: 2px; }

caption { font-weight: bold; caption-side: top; text-align: center; }

body#mngt { border: none; }

#top { float: left; width: 80%; padding: 0.5%; 
       margin-left: 240px; }

#tablogo { padding-left: 10px; }

#logosmall { margin: auto; }

#footer { float: left; width: 80%; margin: 1%; 
          padding: 20px; } 
          
#footer .foot_img { float: left; padding: 10px; }

#back_forth { float: right; clear: left; color: orange; font-size: 1.04em;
              font-weight: bold; }

#footer .footr_img { float: right; padding: 10px; }

#back_forth span a { color: orange; }

hr { color: orange; }

#tab li { list-style: none; font-size: 1.1em; margin-left: -40px; line-height: 1.22em; }
#tab a { color: black; padding-top: 2px; padding-bottom: 2px; }
#tab a:hover { color: #019; background-color: #ffc; }

#error { color: red; }