/* 
* Name: Jonathan Henderson
* Change the style attribute's to edit the colours and design of the website 
*/


/*-----------------------------------------------------------------------------*/
/*STYLING OF THE WEBSITE*/
/*-----------------------------------------------------------------------------*/


/*control the size of the page in the website with IE hacks */

#container
				{
					min-width: 600px;
					max-width: 842px;
					margin: 0 auto;
					width:expression(document.body.clientWidth < 600? "600px" : 
									 document.body.clientWidth > 800? "842px" : "auto");
					text-align: left; /* to conteract text-align: center hack so other browsers work */
				} 
			
#maincontent
					{
						border-collapse: collapse; 
						padding: 0;
						width: expression(document.body.clientWidth < 600? "630px" : 
										   document.body.clientWidth > 800? "100%" : "auto");
						min-width: 677px;
						max-width: 100%;
						margin: 0px auto;
						margin-left: 10px;
						margin-right: 10px;
					}

#article
			{
				white-space: pre;
				white-space: pre-wrap; /*For CS 2.1 */
			}

body
			{
				text-align: center; /*For IE6 and below*/
				font: 14px Arial;
				color: black;
				padding: 0;
                        border-collapse: collapse;
						margin: 0; 
				
			}


h1
			{
				text-align: left;
				font: bold 20px Arial;
				margin: 0px 0;
			}
			
h1.title
			{
				color: white; 
				width: 100%;
			}

h2     	
			{
				margin: 0px;
				text-align: left;
				font: bold 16px Arial;
			}
			
h2.title
			{
				color: white; 
				width: 100%;
			}
			
table p 	      
			{
				margin: 0px 0;
				margin-top: 0px 0;
			}

			
th			{
				text-align: left;
				font: bold 14px Arial;
				
			}
			
tr
			{
				text-align: left;
				font: 14px Arial;
			}
td
			{
				text-align: left;
				font: 14px Arial;
			}
			
font
			{
				font: Arial;
			}
			
p
			{
				text-align: left;
				font: 14px Arial;
			}

a
			{
				text-align: left;
				font: 14px Arial;
				color: black;
				text-decoration: underline;
				
			}
			
/*--------------------
*Vertical menu
---------------------*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 142px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 132px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(glossyback2.gif);
}