/* Colours used in page layout:
   PURPLE		rgb(85,68,110);		(used in banner)
   DARK GREEN	rgb(29,97,38);		(used for page background)
   LIGHT GREEN	rgb(154,176,130);	(used for text)
   LIGHT GREEN	rgb(35,103,46);	(used for the pale green vertical stripe)  */
   
/* Main Elements */

body		{ color: rgb(154,176,130);
			  background: rgb(29,97,38) url(./images/pagebkground.jpg) top center repeat-y;
			  font-size: 100%;
			  margin: 0;
			  padding: 0;
		  }

h1			{ font-size: 130%;
              font-weight: bold;
              text-align: center;
              letter-spacing: 5px;
              margin-bottom: 1em;
          }
          
h2   		{ font-size: 120%;
              font-weight: bold;
              text-align: center;
              letter-spacing: 3px;
          }  
          
h3			{ text-align: center;
        }

p			{ font-size: 110%;
              font-weight: medium;
          }
          
p.heading	{ font-weight: bold;
			  color: yellow;
			  margin-top: 0;
              margin-bottom: 0;
              padding: 0;
		  }  

p.detail	{ margin-top: 0;
              margin-bottom: 0;
              padding-left: 1em;
         }
				  
                    		  
		  
/* Pseudo Classes  */

a:link		{ color: rgb(154,176,130);
			  background-color: rgb(35,103,46);
			  text-decoration: none;
		  }
		  
a:visited	{ color: rgb(154,176,130);
              background-color: rgb(35,103,46);
			  text-decoration: none;
		  }
		  		  
a:hover		{ color: #ffffcc;
              background-color: rgb(85,68,110);
              text-decoration: underline;
          }
          		  
		  
		  		  
/* Division ID's  */

#header		{ width: 800px;
			  margin: 0 auto 0 auto;
			  padding: 0;
			  border: 0;
		  }
		  
#header img	{display: block; margin-left:auto; margin-right: auto;
		  }
		  
#content	{ position: relative;
              width: 800px;
              margin: 0 auto 0 auto;
              padding: 0;
              border: 0;
              background: none;
          }	
          
#private	{ position: relative;
              margin: 5px;
              padding: 5px;
              width: 100%;
              background: none;
              float: left;
          }
          
#private img
			{ width: 45%;
		  }
          
#navbar		{ position: relative;
			  margin: 0 10px 0 0;
	          float: left;
              width: 200px;
              padding: 0;
              border: 0;
		  }
		  
#navbar ul	{ margin-top: 10px;
			  border: 0;
		  }  		  
		  
#navbar ul li { list-style-type: none;
                float: right;
                width: 110px;
                line-height: 200%;
                font-weight: bold;
                margin-right: 15px;
                border: 0;
		  }
		
/* #main-text is used when there is only one column of text to display in the main text area */
/* #main-text1 and main-text2 are used if there are two columns of text to display side-by-side */
/* #main-text3 is used if there are three pictures display side-by-side */
/* see below for #main-text1 & main-text2 */
		    
#main-text	{float: left;
             width: 400px;
             display: block;
             margin: 0 auto 0 90px;
             border: 0;
             text-align: justify;
             
          }
          
#main-text.indent p {
	         border: 0;
	         display: block;
	         margin-left: 90px;
      }          
         
#main-text.links a:link, #main-text.links a:visited  { display: block; margin: 0 auto 0 auto;
	          line-height: 110%;
	          background: transparent;
	          text-align: center;
	          font-weight: bold;
	          font-size: 110%;
      	  }    
      	  
#main-text.links a:hover { background-color: rgb(85,68,110);
                           border: solid black 1px;
 		  }
			        	  
		  
#main-text  img { background-color: #ffffff;
		  }


/* #main-text1 and main-text2 are used if there are two columns of text to display side-by-side */

#main-text1 { float: left;
			  width: 260px;
			  font-size: small;
              margin: 0 auto 0 15px;
              padding: 0 10px 0 10px;
              text-align: justify;
              border: 0;
              
		 }
		 
#main-text1 img { background-color: #ffffff;
                  *margin-left: 0;*
	     }		 
		 
#main-text2	{ float: left;
			  width: 260px;
			  font-size: small;
              margin: 0 auto 0 10px;
              padding: 0 0 0 10px;
              text-align: justify;
              border: 0;
    	 } 
		 
#main-text2 img { background-color: #ffffff;
                  margin-top: 100px;
                  margin-left: 35px;
	    }	
#maps           {width: 420px;
				 background-color: #ffffff;
    	}


		  
#clearfloat	{clear: both;
		 }