body { background: #596673 fixed url(bckgrnd.jpg) no-repeat top left;
       font-family: GillSans, Calibri, Trebuchet, sans-serif;
			 font: 16px;
			 margin: 0px;
			 padding: 0px; }
/* Obligatory margin=0px helps the title bar stick to the top edges
Background image is 1280*800px, and fixed in position, to avoid ugly tiling
Blue background behind it for posh gits with mega-high resolutions */

			 
ul { list-style-position: inside;
     padding: 0px;
     margin: 0px; }
			 
ul li { list-style-position: inside;
        padding: 0px;
        margin: 0px; }
/* I hate having lists indenting automatically, this stops them doing it */
				
a:link { font-weight: bold;
         color: #90896A; }
				 
a:visited { font-weight: bold;
            color: #644A63; }
				 
a:hover { font-weight: bold;
          color: #68798D; }
				 
a:active { font-weight: normal;
           color: 647487; }
/* Consider removing underlines on links? */
		
input, select, textarea { color: #fff;
                          background-color: #596673;
				                  font-weight: bold; }
/* provides a consistant colour scheme for the form */
					 
#title { width: 100%;
         height: 135px;
         background: url(bckgrnd2.png) repeat-x;
				 margin-bottom: 10px;
				 margin-top: 0px; }
/* title was originally just a block colour with a bottom border, but this
was removed when the body was changed from a solid colour to a background image. */
				 
#titletext { float: right;
             text-align: right;
						 margin: 5px; }						 
						 
#links { float: left;
         clear: left;
         width: 150px;
				 padding: 10px;
         border: 1px solid black;
				 margin: 0px 15px 0px 15px;
				 left: 5px; }
				 
#main { border: 1px solid black;
        margin: 5px 15px 15px 200px;
				width: auto;
				height: auto;
				padding: 15px;
				overflow: auto; }
/* The main text areas on the site. */

#main, #links { background: rgba(255, 255, 255, 0.15) url(transparent.png);
                filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='transparent.png'); }
/*Can't wait for CSS3 to just put in a background transparency function */
								
								
img#frontpic { margin: 0px 10px 5px 0px; }
/* mental note: is this left over from the first design where that awful paint pic was? */

a:link#email { color: #3F4955; }

a:hover#email { color: #8493A4; }
/* To avoid the email link at the top just vanishing. Do we still need this? */