/* 
	COLOURS used on this site
	lemon yellow #ffff99;
	pale blue	 #ccf5ff;
	light blue 	 #804dff;
	medium blue	 #66e0ff;
	dark blue	 #00ccff;
	medium grey	 #b3b3b3;	
	shorthand: 	 top right bottom left 

stylesA
*/

p {font-family: Arial, Helvetica, sans-serif; 
   font-size: 	1.0em;
   text-align: left;
 /*  width:		670px;*/
   padding: 0 8px 0 15px}


h1 {font-family: Arial, Helvetica, sans-serif;
	margin: auto;
	background-color: #00ccff; /* dark blue */
	text-align:  center;
	color: 		#000000;
	font-size:	 1.3em;
	font-weight: bolder }

h2 {font-family: Arial, Helvetica, sans-serif; 
	margin: auto;
	background-color: #66e0ff; /* medium blue */ 
	text-align:  center;
	color: 		#000000;
	font-size:	 1.2em;
	font-weight: bold }

a.list {font-family: Arial, Helvetica, sans-serif;
font-size: 22px; font-weight: bolder; text-decoration: none;
line-height: 32px}
a.list:link {color: #200099}
a.list:visited {color: #DD2020}
a.list:hover {color: #660000; text-decoration: underline}

div.main 	{
			 margin: auto;
		 	 padding: 2px;   	 
			 background-color:	#b3b3b3;   /* medium grey */
		     width:  820px;
			 height: 750px;   
			   }
			
div.sidebar {width: 20%; float: right; text-align: center}

div.contents{
			 margin: auto;
			 background-color:  #ccf5ff; /* light blue */
			 width: 800px;
			 padding-top:	 10px;
			 padding-right:  8px;
			 padding-bottom: 10px;
			 padding-left:	 8px;
			 text-align: left }
div.banner {
			margin: auto;
			height: 45px;
/*			background-color: #ccf5ff;    light blue */
			/* background-image: url(images/smbc_banner.jpg); */
		/*	background-position: center; */
		/*	background-size: cover;  */
		/*	font-family: Arial, Helvetica, sans-serif;	*/
			font-weight: bolder; 
			text-align: center; 
			padding: 1px 1px 1px 1px }
			
div.heading {
			margin: auto;
			height: 35px;
			font-weight: bold; 
			text-align: center; 
			padding: 1px 1px 1px 1px }			
		
div.section {
			 background-color: #e6ffff; /* #e6ffff light turquoise  */
			 width: 787px;
			 padding: 0 7px 0 8px;	
			 text-align: left }	

div.footer{width 100%; background: #000000; color: #FFFF;
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
font-weight: bold; text-align: center; padding: 2px 2px 2px 2px}
	
a.footer{font-family: Arial, Helvetica, sans-serif; 
font-size: 1em; font-weight: bold; color: #AAFFFF;
text-decoration: none}	


/* 
	stylesY
*/

p {font-family: Arial, Helvetica, sans-serif; 
   font-size: 	1.0em;
   text-align: left;
 /*  width:		670px;*/
   padding: 0 8px 0 15px}


h1 {font-family: Arial, Helvetica, sans-serif;
	margin: auto;
	background-color: #00ccff; /* dark blue */
	text-align:  center;
	color: 		#000000;
	font-size:	 1.3em;
	font-weight: bolder }

h2 {font-family: Arial, Helvetica, sans-serif; 
	margin: auto;
	background-color: #66e0ff; /* medium blue */ 
	text-align:  center;
	color: 		#000000;
	font-size:	 1.2em;
	font-weight: bold }

a.list {font-family: Arial, Helvetica, sans-serif;
font-size: 22px; font-weight: bolder; text-decoration: none;
line-height: 32px}
a.list:link {color: #200099}
a.list:visited {color: #DD2020}
a.list:hover {color: #660000; text-decoration: underline}

div.main 	{
			 margin: auto;
		 	 padding: 8px;   	 
			 background-color:	#b3b3b3;   /* medium grey */
		     width:  820px;
			 height: 750px;   
			   }
			
div.sidebar {width: 20%; float: right; text-align: center}

div.contents{
			 margin: auto;
			 background-color:  #ccf5ff; /* light blue */
			 width: 800px;
			 padding-top:	 10px;
			 padding-right:  8px;
			 padding-bottom: 10px;
			 padding-left:	 8px;
			 text-align: left }
div.banner {
			margin: auto;
			height: 45px;
/*			background-color: #ccf5ff;    light blue */
			/* background-image: url(images/smbc_banner.jpg); */
		/*	background-position: center; */
		/*	background-size: cover;  */
		/*	font-family: Arial, Helvetica, sans-serif;	*/
			font-weight: bolder; 
			text-align: center; 
			padding: 1px 1px 1px 1px }
			
div.heading {
			margin: auto;
			height: 35px;
			font-weight: bold; 
			text-align: center; 
			padding: 1px 1px 1px 1px }			
		
div.section {
			 background-color: #e6ffff; /* #e6ffff light turquoise  */
			 width: 787px;
			 padding: 0 7px 0 8px;	
			 text-align: left }	

div.footer{width 100%; background: #000000; color: #FFFF;
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
font-weight: bold; text-align: center; padding: 2px 2px 2px 2px}
	
a.footer{font-family: Arial, Helvetica, sans-serif; 
font-size: 1em; font-weight: bold; color: #AAFFFF;
text-decoration: none}