<style type="text/css">
html {height: 100%}

/* Body */


body	{
			font: 76% arial,sans-serif;
			text-align:left;
			background-image:url(images/quill_in_hand.jpg);	
			background-repeat:no-repeat;
			background-position:center center ;
			background-color: #000000;
	}

/*general*/
h1	 {
	font-size:50px;
	font-style:normal;
	font-weight:normal;color:#FF0000;
	}

h2	 {
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	background:none;
	}

h3	 {
	font-size:15px;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	color:#000000;
	}

p	{
	margin:0 10px 10px;
	}

a	{
	display:inline;
	color: #000000;
	padding:2px;
	}

/*container*/
#container	 {
		text-align:left;
		width:800px;
		margin:0 auto;
		
		}

/*header*/
#header		{
		
		width:800px;
		height:50px;
		margin-top:5px;
		text-align:left;
		border-top-color:#000000;
		border-width:0px;
		color:#FF0000;
		margin:0 auto; 
		padding:5px;
		background-color:none;
		}
#header h2  	{
		display:inline;
		 color:#ffffff;
		 font-size:40px;
		  
		 }
/*sub_header*/

 #sub_header    	 {
		 width:800px;
		 height:30px;
		 background-color:none; 
		 color:none;
		 border-bottom: none;
		 border-color: #FF0000;
		 padding-bottom:0px ;
		 margin:0 auto;
		 }

 #sub_header ul	{ 
		border-bottom:1px; 
		background-color:none;
		list-style: none;
		margin:5px 5px 6px; 
		padding-bottom:5px;
		display:inline;
		}

 #sub_header li	{
		display: inline; 
		font-size:12px; 
		font-weight:bold;
		background-color:none;
		margin-bottom:0px;
		}

 #sub_header a	{
		
		font-size:12px;
		background-color:#ffffff;
		color:#000000;
		text-decoration:none;
		}

 #sub_header p	{
		color:#000000;
		margin:0; 
		padding:0 18px 10px;
		 }





/*col 1*/
#col1 		{
		float:left;
		 width:260px;
		 height:300px;
		 margin-left:0px;
		 
		 background-color:none;
		 border-style:solid;
		 border-width:1px;
		 color:#ffffff;
		 }

#col1 p		 {
		display:block; 
		color:#ffffff;
		 font-size:15px
		}

#col1 h2		 {
		display:inline; 
		color:#000000;
		background-color:#ccccff;
		width:100%;
		font-size:15px;
		top:0px;
		 }


/*content, 2nd/centre, column*/
#content		{
						
						margin-left:262px; 
						margin-right:262px;
						
		 				background-color:none;
		 				border-style:solid;
						border-width:1px;
						height:300px;
					  color:#ffffff;
						}
						
#content p		 {
		display:block; 
		color:#ffffff;
		 font-size:15px
		}
						
#content h2 {
				 display:inline; 
				 color:#000000;
				 font-size:15px;
				 background-color:#cccccc ;
				 margin-top:10px;
				 padding:10px;
				 }
					
/*exttra, 3rd/right hand, column*/
#extra		 {
	  float:right;
		
		margin-right:0px;
		width:260px; 
		height:300px;
		background-color:none;
		border-style:solid;
		border-width:1px ;
		color:#ffffff;
		
		 }

#extra p		 {
		display:block; 
		color:#ffffff;
		font-size:15px;
		}

#extra h2 	{
		display:inline; 
		color:#000000;
		 font-size:15px;
		 }


/*footer*/
#footer		{
		float:left;
		margin-top:5px;
		left:0%;
		width:100%;
		height:100px;
		text-align:center;
		border-top-style:none;
		border-top-color:#000000;
		border-width:1px;
		color:#FF0000;
		background-color:none;
		
		}
		
img.figure{float:right;
					 margin-left:10px;
					 margin-bottom:10px;
					 margin-top:10px;
							 
					 border-width:10px;
					 border-style:outset;
					 border-color:#ffffff;
					 width:270px;
					 height:220px;
					 display:inline
					 }
.boxtop   {
					float:left;
					margin-left:0px;
					
					height:30px;
					width:99%;
					border:solid ;
					border-width:1px;
					border-color:#ffffff;
					background-color: #000000;
					color:#ffffff;
					text-align:center;
					padding-top:5px;
					padding-bottom:5px;
					font-size:25px;
					}
</style>


