/*****
*
*   NB.  It is good practice that the 'body' to be defined first
*
*   For Version 1.07  June 2008  M. Hilton
*      Adjustments arising from poor display in 1920x1200 Vostro laptop 
*
******
*/               
  body { font-family: Verdana, Tahoma, Ariel, Helvetica, sans-serif ;
         font-size: 11pt ; 
         background-color: white ;        
         color: rgb(0,0,153) ;
       }
			 
	 a:link, a:visited
		           { color: rgb(0,0,204) ;
		             font-style: normal ;
								 font-weight: bold ;
								 text-decoration: underline ;
							 }
	 a:hover, a:active
		           { color: rgb(255,153,0) ;
							   font-style: normal ;
								 font-weight: bold ;
								 text-decoration: underline ;
							 }
				 
  h1   { background-color: rgb(255,204,0) ; 
         color: rgb(0,0,153) ;
				 border-style: solid ;
				 border-color: rgb(255,153,0) ;
	       text-align: center ;
				 text-decoration: none ;
			 }

	h3   { text-align: center ;
	     }
			 
  table { border-collapse: collapse ;
	        border:  rgb(255,204,0) ;
				}
	td    { border-color:  rgb(255,204,0) ;
	        text-align: justify ;
	      }

  p     { text-align: justify ;
	      }				

  strong { font-weight: bold ;
	         color: red ;
				 }

  dfn { text-decoration: underline ;
	    }
							 	 
	#page-head { text-align: left ;
	             background-color: rgb(255,255,255) ;
							 border-width: 3px ;
							 border-style: solid ;
							 border-color: rgb(0,0,153) ;
							 height: 218px ;					                             /* v1.07 */
	           }
	#logo-box  { background: rgb(255,255,255) url("spc_logo.jpg") no-repeat left ;
	             height: 190px ;
							 width: 48% ;
							 float: left ;
	           }
	#contacts-box  
	           { background: rgb(255,255,255) url("spc_contacts.jpg") no-repeat right ;
						   height: 190px ;
							 width: 48% ;
							 float: right ;
	           }
						 
		#info-box
		           { width: 80% ;
							   float: right ;
							 }
		#info-text { width: 75% ;
		             float: left ;
								 border-style: solid ;
								 border-color: rgb(255,153,0) ;
								 border-left-width: 1px ;
								 border-bottom-width: 1px ;
								 border-right-width: 0px ;
								 border-top-width: 0px ;
								 padding: 10px ;
							 }
 
    .links     { background-color: rgb(0,0,153) ;
		             color: rgb(255,255,255) ;
								 font-weight: bold ;
								 border-width: 1px ;
								 border-style: double ;
								 border-color: rgb(255,204,0) ;
								 text-align: center ;
								 width: 100% ;
							 }
							 
		.links a:link, .links a:visited	
		           { color: rgb(255,204,0) ;
		             font-style: normal ;
								 font-weight: bold ;
								 text-decoration: none ;
							 }

		.links a:hover, .links a:active
		           { color: rgb(255,153,0) ;
							   font-style: normal ;
								 font-weight: bold ;
							 }
							 
    .noborder  { border-width: 0px ;
               }
							  
		.infotable { border-style: solid ;
		             border-width: 1px ; 
							 }
							 
    .phone     { font-size: 110% ;
								 color: rgb(255,153,0) ;
		           } 

/****************************************************************************************
*
*    To limit the width of the page and centre it in the screen ...
*
*****************************************************************************************
*/							 
		.wrap01    { text-align: center ;
		           }
		.wrap02    { width: 94% ;
		             margin: 0px auto ;
								 text-align: left ;
							 }