#container { /*width: 900px; */
					width: 1300px;
					 /* text-align:center;to be changed from 'center' to 'left' 28/4/2008 */
					text-align:left; /* changed from 'center' to 'left' 28/4/2008 */
					padding-bottom:10px;
					background-color: #c0c0c0;
					margin: auto;
					/* But seems to stop all links working in FF and Chrome!!!! */
			/*		position:relative;
					z-index:-100; */
					
					/*Without this popup calendar is obscured in IE*/
			}
			
#mm_container { /*width: 900px; */
					width: 1300px;
					 /* text-align:center;to be changed from 'center' to 'left' 28/4/2008 */
					text-align:left; /* changed from 'center' to 'left' 28/4/2008 */
					padding-bottom:10px;
					background-color: #c0c0c0;
					margin: auto;
					/* But seems to stop all links working in FF and Chrome!!!! */
			/*		position:relative;
					z-index:-100; */
					
					/*Without this popup calendar is obscured in IE*/
			}
			
			#mm_header {/*width: 900px; changed 28/10/07 */
					width: 1300px;
					height:105px;
					/*padding: 0px 15px 0px 15px;  removed 1/4/08 */
					
					background-image: url(https://kuwaitmantas.com/images/icons/mantasbannerwide.jpg);
					background-size:contain;
			/*Image changed Nov 2011 to say "Diving Club" - image created by Rob H-J */		
			}			

			
			#header {/*width: 900px; changed 28/10/07 */
					width: 1300px;
					height:105px;
					/*padding: 0px 15px 0px 15px;  removed 1/4/08 */
					
					background-image: url(https://kuwaitmantas.com/images/icons/mantasbannerwide.jpg);
					background-size:contain;
			/*Image changed Nov 2011 to say "Diving Club" - image created by Rob H-J */		
			}
			
			#content {width: 100%;}
			
			#menu {float: left;
					width: 140px;
					top: 0px;
					left: 0px;
					margin-left: 30px;
			}
			
			#headerlinks   {width: 1270px;
				
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight:bold;
					/*		padding-bottom:2px;*/
					text-align: right;
					color:#FF6600;
				
			}

		#headerlinks3   {width: 1270px;
				position: relative;
		top: -14px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight:bold;
					/*		padding-bottom:2px;*/
					text-align: right;
					color:#FF6600;
				
			}
/*
Used to reposition "Logged in as" in upload-header on jquery upload pages. Bootstrap css styles shift this line up.
*/
	#headerlinks2   {width: 1270px;
		position: relative;
		top: 8px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight:bold;
					/*		padding-bottom:2px;*/
					text-align: right;
					color:#FF6600;
		z-index: 100;
			}
			
			/*link styles used in the main header on every page*/
			/*#headerlinks p{color:#000000;}*/
			#headerlinks p{color:#FF6600;}
			/*#headerlinks A:link{ color:#000000; text-decoration: none;}*/
			#headerlinks A:link{ color:#FF6600; text-decoration: none;}
			#headerlinks A:visited{ color:#FF6600; text-decoration: none;}
			#headerlinks A:active{ color:#FF6600; text-decoration: none;}
			/*#headerlinks A:hover{ color:#FFFFFF; text-decoration: underline;}*/
			#headerlinks A:hover{ color:##FF6600; text-decoration: underline;}
			/*link styles used in the header used in editing section*/
			#headerupdating A:link{ color:#FFFF00; text-decoration: underline;}
			#headerupdating A:visited{ color:#00FFFF; text-decoration: none;}
			#headerupdating A:active{ color:#00FFFF; text-decoration: none;}
			#headerupdating A:hover{ color:#00FFFF; text-decoration: none;}
			

			#envelope { /* To create a 2px "border" around #mainpage or #mainpage2 as borders are rendered in different ways in FF and IE - it seems.*/
					width:1100px;
					/*padding:2px;*/
					padding: 0px 2px 2px 2px;
					background-color: #000080;
					float:left;
					margin-bottom:10px;
					position:relative; /* Needed for IE otherwise calendar popup is obscured by the mainpage2 div */
			}
			
			#content2 {width: 1034px;
					margin-left: 33px;
					margin-right: 0px;
					border-bottom: thin solid #000080;
			/*		background-color: #ffffff;  */
					padding-bottom:10px;
					margin-bottom:10px;
					float:left;
					position:relative;
			}
			
			#content3 {width: 1034px;/*Identical to content2 but no bottom border*/
					margin-left: 33px; /*Try using padding on the main page instead - Rob*/
					margin-right: 0px;
			/*		background-color: #ffffff;*/
			/*		padding-bottom:10px;*/
					font-family:Verdana, Arial, Helvetica, sans-serif;
					float:left;
					position:relative;
					/*background-color:#CC66FF;*/
			}
			
			#content3mem {width: 1034px;/*Identical to content2 but no bottom border*/
					margin-left: 33px; /*Try using padding on the main page instead - Rob*/
					margin-right: 0px;
			/*		background-color: #ffffff;*/
			/*		padding-bottom:10px;*/
					font-family:Verdana, Arial, Helvetica, sans-serif;
					float:left;
					position:relative;
			/*		background-color:#CC66FF;*/
			}
			
			#content3memwide {width: 1130px;/*Identical to content2 but no bottom border*/
					margin-left: 33px; /*Try using padding on the main page instead - Rob*/
					margin-right: 0px;
			/*		background-color: #ffffff;
					padding-bottom:10px;*/
					font-family:Verdana, Arial, Helvetica, sans-serif;
					float:left;
					position:relative;
					/*background-color:#CC66FF;*/
			}
			
			#content2 #text h1{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
				font-size: 12pt;
				font-weight: bold;
				color: #FF0066;
			}
			#content3 #text h1{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
				font-size: 12pt;
				font-weight: bold;
				color: #FF0066;
			}
			 #content2 #textfull h1{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
				font-size: 12pt;
				font-weight: bold;
				color: #FF0066;
			} 
			 #content3 #textfull h1{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
				font-size: 12pt;
				font-weight: bold;
				color: #FF0066;
			} 
			
			#content2 #text p {font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
				font-size: 10pt;
				font-weight: normal;
				color: #000080;
				text-align:justify;
			}
			
			#content3 #text p {font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
				font-size: 10pt;
				font-weight: normal;
				color: #000080;
				text-align:justify;
			}
			
			#content2 #textfull p 
			{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
				font-size: 10pt;
				font-weight: normal;
				color: #000080;
				text-align:justify;
			}
			
			#content3 #textfull p 
			{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
				font-size: 10pt;
				font-weight: normal;
				color: #000080;
				text-align:justify;
			}
			
			
			#content2 #text h2 {font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
				font-size: 12pt;
				font-weight: bold;
				text-align:left;
				color: #000080;
			}
			
			#content3 #text h2 {font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
				font-size: 12pt;
				font-weight: bold;
				text-align:left;
				color: #000080;
			}
			
			
			 #content2 #textfull h2{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
				font-size: 12pt;
				font-weight: bold;
				text-align:left;
				color: #000080;
			}
			
			 #content3 #textfull h2{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
				font-size: 12pt;
				font-weight: bold;
				text-align:left;
				color: #000080;
			}
			
			
			#content2 #textfull .intro{
			   text-align:justify;
				font-size:12px;
				font-weight:bold;
				color: #000080;
				}
			#content3 #textfull .intro{
			   text-align:justify;
				font-size:12px;
				font-weight:bold;
				color: #000080;
				}
			
			#content2 #text .intro{
			   text-align:justify;
				font-size:12px;
				font-weight:bold;
				color: #000080;
				}
			#content3 #text .intro{
			   text-align:justify;
				font-size:12px;
				font-weight:bold;
				color: #000080;
				}
			
			
			#banner {width: 1034px;/* added 10/11/07 by Rob*/
					padding-top:5px;
					padding-bottom:5px;		
					text-align: center;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:14px;
					color: #ffffff;
					font-weight: bold;
					/*border-top: thin solid #000080;
					border-bottom: thin solid #000080;	*/
					background-color: #000080;		
			}
			
			#textfull   {width: 1034px; /*added 10/11/07 by Rob*/
					float: left;
					padding-top:0px;
					padding-bottom:0px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size: 10pt;
					font-weight: normal;
					color: #000080;			
					/*text-align: left;	*/
			/*		background-color: #ffffff;   */
			}
			
			#spacer {
		float:left;
		width: 100%;
		/*background-color:#0F0;*/
		background-color:#000000;
		height: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#FFFF33;
		text-align:center;
		/*margin-left:50px;	*/			
}
			
			h1 {font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12pt;
				font-weight: bold;
				color: #FF0066;
			}
			
			/*This is the normal <H4> tag. Used for sub-sub headings in the public section. Mainly on the home page*/
			h4 {font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
				font-size: 12pt;
				font-weight: bold;
				text-align:left;
				color: #000080;
			}
			
			#graphic {float: left; /*added 16/11/07 by Rob*/
					padding: 20px;
					width:250px;			
					margin-bottom: 5px;	
			}
			
			#graphicleft {float: left; /*added 16/11/07 by Rob*/
					padding: 20px;
					width:450px;			
					margin-bottom: 5px;	
			}
			/*For the introductory paragraphs on each page in public section */
			.intro
				{
				text-align:justify;
				font-size:12px;
				font-weight:bold;
				color: #000080;
				}
			
			#caption {/* added 13/11/07 by Rob*/
					background-color: #ffff99;
					width:100%;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					text-align: center;
					font-size: 10pt;		
					color:#330099;			
			}	
			
			
			#graphiccentered {/* float: center; /*added 10/11/07 by Rob 16/11/07*/
				/*	padding: 20px; */
			/*		background-color:#C33; */
					width:750px;
					margin:auto;
			/*   background-color:#ffffff; */
					margin-bottom: 15px;	
			}


			
			/* Following two define the slightly different shading on alternate lines in reports in the pubic section */
			.reportline3 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: 000080;
			/*	background-color: #FFFFFF; */ /*Removed by Rob Sep 2009 */
			}
			/* See above */
			.reportline4 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: 000080;
				background-color:#F0F0F0;
			}
			
			.redtext {color: #FF0000;}
			.greentext {color: #00FF00;}
			.bluetext {color:#0000CC;}
			
			/* Minimenu defs used in public links page*/
			#minimenulinks {
					width: 100%;
					padding: 0px;
			text-align:right;
			}
			#minimenulinks p{color:#3333cc;}		
			#minimenulinks A:link{color:#3333cc; text-decoration: none;}
			#minimenulinks A:visited{color:#3333cc;text-decoration: none;}
			#minimenulinks A:active{color:#3333cc;text-decoration: none;}
			#minimenulinks A:hover{color:#3333cc;text-decoration: underline;}
			
			/* Minimenu defs used in public section*/
			#minimenupublic {
					width: 100%;
					padding: 0px;
			text-align:center;
			}
			#minimenupublic p{color:#3333cc;}		
			#minimenupublic A:link{color:#3333cc; text-decoration: none;}
			#minimenupublic A:visited{color:#3333cc;text-decoration: none;}
			#minimenupublic A:active{color:#3333cc;text-decoration: none;}
			#minimenupublic A:hover{color:#3333cc;text-decoration: underline;}

/* This is the style of the main tables that appear on every page. They can be 'overwritten' by the styles inside the table, e.g. .colhead and  .rowhead
Also used extensively in the <td> tags where data is displayed */
.tablebody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: small; */
/*	background-color: #CCFFFF; */
}


#footer {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		width: 1100px;
		/*background-color:#F66;*/
		margin-left:170px;
		clear:both;
		text-align:center;
		font-size:9px; /* change */
		/*color: #6886A4;*/
		color: #000080;
		margin-top:10px;
}

#mm_footer {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		width: 1100px;
		/*background-color:#F66;*/
		margin-left:170px;
		clear:both;
		text-align:center;
		font-size:9px; /* change */
		/*color: #6886A4;*/
		color: #000080;
		margin-top:10px;
}		

#footer2 { /* Use on pages where the menu is not used */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		width: 1100px;
		/*background-color:#F66;*/
		/*margin-left:170px;*/
		margin:auto;
		clear:both;
		text-align:center;
		font-size:9px; /* change */
		/*color: #6886A4;*/
		color: #000080;
		margin-top:10px;
}	

/* Main row stlye. Totally updated Neil 11/11/2007 */
.rowhead2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 0.8em;*/
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	color: #000080;
	text-align: left;
/*	background-color: #3333FF; */
}

#mainpagetitle {
	width: 100%;
	padding: 0px;
	/*border: thin solid #FF0000;*/
	position:relative;
	z-index:1;
}

/* Added 29/9/2007 - This controls the style of the page title for the members' section*/
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: #000080;
}

#welcomepagetext {/*to replace mainpagetext used on memberwelcome.php*/
	padding: 0px;
	margin-left:20px;
}

#mainpanel {float: left;   /* new div added 29/10/07 */
		/*width: 480px;*/
		width:750px;
		margin-right: 0px;
		padding: 0px; 
		min-height: 480px;
}

#promopanel {float: right;   /* new div added 29/10/07 */
		/*width: 180px;*/
		width:300px;
		margin-right: 5px;
		padding: 10px 10px 10px 10px; 
		background-color:#BDFAFD;
		min-height: 480px;
}

/* change mouse pointer when mouse over e.g. a table row */
.cursorpointer {cursor: pointer;
}

.colhead2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 /*font-size: 0.8em; /* change from 1.2em */ 
 font-size: 12px;
 font-weight: bold;
 color: #000080; /* #ffFFFF; */
 background-color: #2DEDF8; /* #000080;*/
 border-collapse: collapse;
 text-align:center; /* added 3/10/07 */
}


#mainpagebullets {
	width: 900px; /*Added to get centering with bullet points to work on both IE and FF*/
	padding: 0px;
	margin-left:60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 12px;*/
	font-weight: normal;
	color: #000080;
/*	border: thin solid #000000; */
	float:left;
	clear:both;
}


#mainpagefooter {
/*	z-index:100; */
/*	background-color:#FF6699;*/
	width: 100%;
	height:50px;
/*	padding: 0px;
	border: thin solid #FF0000; */
	position:absolute; 
	bottom:0px;
	left:0px;/*  to fix hoizontal position correctly in IE8 */
	z-index:1;
}


		#contentreduced {width: 700px;
					margin-left: 200px;
					margin-right: 0px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					float:left;
					position:relative;
			}





#sectionstart {
		width: 100%;
		float:left;
		/*background-color:#F90;*/
		background-color:#DFDFDF;
		border-bottom-color:#000000;
		border-bottom-width: thin;
		border-bottom-style: dotted;
		border-top-color:#000000;
		border-top-width: medium;
		border-top-style:solid;		
		margin-bottom: 20px;
		padding-top:5px;
		padding-bottom:5px;
}

#caption250blank {/* added 16/10/09 by Rob*/
		width:250px;	
		text-align: left;			
}


#caption750blank {/* added 16/10/09 by Rob*/
		width:750px;		
		text-align: left;			
}

#caption450blank {/* added 16/10/09 by Rob*/
		width:450px;
		text-align: left;
						
}

#imageupload250 {/* added Jan 2016 by Rob*/
/* places uploading icon over the image on page editing section */
position:relative;
top:22px;
right:2px;
width:250px;
text-align: right;
height:20px;
z-index:1;		
}


#caption250up {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */
		background-color: #ffff99;
		position:relative;
		top:-30px;
		width:250px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 10pt;		
		color:#330099;			
}

#buttoncontainer {width: 100%;
		float:left;
		
}


#imageupload750 {/* added Jan 2016 by Rob*/
/* places uploading icon over the image on page editing section */
position:relative;
top:22px;
right:2px;
width:750px;
text-align: right;
height:20px;
z-index:1;		
}

#caption750up {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */
		background-color: #ffff99;
		position:relative;
		top:-30px;
		width:750px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 10pt;		
		color:#330099;			
}


#imageupload450 {/* added Jan 2016 by Rob*/
/* places uploading icon over the image on page editing section */
position:relative;
top:22px;
right:0px;
width:450px;
text-align: right;
height:20px;
z-index:1;		
}


#caption450up {/* added Sep Jan 2016 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */
		background-color: #ffff99;
		position:relative;
		top:-30px;
		width:450px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 10pt;		
		color:#330099;		
}

#envelope2 { /* For use with pages where the menu is not to show. Added by Rob Dec 2009*/
        width:1200px;
        padding: 0px 2px 2px 2px;
        background-color: #000080;
		margin-left: 50px;
        float:left;
        margin-bottom:10px;
}

#content6 {width: 1034px;/*Similar to content5 but with a bottom border*/
		margin-left: 83px; 
		margin-right: 0px;
		border-bottom: thin solid #000080;
/*		background-color: #ffffff;*/
/*		padding-bottom:10px;*/
		font-family:Verdana, Arial, Helvetica, sans-serif;
		float:left;
}

#content5 {width: 1034px;/*Similar to content2 but for use on pages without the menu displayed*/
		margin-left: 83px; 
		margin-right: 0px; 
/*		margin:auto;
		background-color: #ffffff;*/
/*		padding-bottom:10px;*/
		font-family:Verdana, Arial, Helvetica, sans-serif;
		float:left;
}

#caption250blankup {/* added Jan 2016 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */

		position:relative;
		top:-30px;
		width:250px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		font-size: 10pt;		
		color:#330099;			
}


#caption450blankup {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */

		position:relative;
		top:-30px;
		width:450px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		font-size: 10pt;		
		color:#330099;			
}
#caption750blankup {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */

		position:relative;
		top:-30px;
		width:750px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 10pt;		
		color:#330099;			
}

.colhead4 { /*Same as coldead2 but with text left aligned
	font-family: Verdana, Arial, Helvetica, sans-serif;
 /*font-size: 0.8em; /* change from 1.2em */ 
 font-size: 12px;
 font-weight: bold;
 color: #000080; /* #ffFFFF; */
 background-color: #2DEDF8; /* #000080;*/
 border-collapse: collapse;
 text-align:left; /* added 3/10/07 */
}

/* Minimenu defs as used in members' section*/
#minimenu {
		width: 100%;
		padding: 0px;
		background-color:#2DEDF8;
}
#minimenu p{color:#000080;}		
#minimenu A:link{color:#000080; text-decoration: none}
#minimenu A:visited{color:#000080;text-decoration: none}
#minimenu A:active{color:#ffffff;text-decoration: none}
#minimenu A:hover{color:#ffffff;text-decoration: underline}
/* --------------------------------------------------- */
.colheadlink A:link{color:#000080; text-decoration: none}
.colheadlink A:visited{color:#000080; text-decoration: none}
.colheadlink A:active{ color:#000080; text-decoration: none}
.colheadlink A:hover{color:#006699; text-decoration: none;}

html { /* This forces right hand scroll bar to be shown always. Rob H-J Feb 2016 */
       overflow-y: scroll;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* Above this line are definitions to use on testsite2 */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#mainpagefooterhidden { /*Added by Rob Aug 2013. Can be used to display a "dummy" footer after clicking on OK to prevent double submission of the form */
	display: none;
	width: 100%;
	height:50px;
	padding: 0px;
	/*border: thin solid #FF0000; */
	position:absolute;
	bottom:0px;
	left:0px; /* to fix hoizontal position correctly in IE8 */
	/*background-color:#CCCCFF; */
	z-index:1;
}

#mainpagefooter2 { /*Use on courselist pages */
	width: 100%;
	padding: 0px;
	/*border: thin solid #FF0000; */
	position:absolute;
	bottom:50px;
	left:0px; /* to fix horizontal position correctly in IE8 */
/*	background-color:#CCCCFF; */
	z-index:1;
}
#content3 {
	/*width: 640px; Added to get centering to work on both IE and FF*/
	width:1034px;
	padding: 0px;
	margin-left:33px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: normal;
	color: #000080;
/*	border: thin solid #000000; */
	float:left;
	clear:both;
	position:relative;
/*	margin-bottom:50px;  */ /*This IE8 ignores this!! */
}
/* Experimenting with the above to get bottom of page layout sorted */
/*/////////////////////////////////////////////////////////////////////////////////////*/


body {margin: 0;
/*		text-align:center;  */ /* Rob - changed to left align as using center does not work with Mozilla Sep 2009*/
		text-align:right;
		background-color: #FFFFFF;
		
}
#bsaclogo {
        width: 1270px;
		padding-top:20px;
		padding-bottom:4px;
      height: 60px;
	  text-align:right;
}

#mm_bsaclogo {
        width: 1270px;
		padding-top:8px;
		padding-bottom:4px;
      height: 60px;
	  text-align:right;
}

#bsaclogoblank {
        width: 1270px;
      height: 70px;
}






#headerupdating   {width: 870px; /*For use in the online page editing module*/
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		color:#FF0000;
		font-weight:bold;
/*		padding-bottom:2px;*/
        text-align: right;
}


#mainpage { /* Used on public pages*/
		float: left;
		width: 100%;
		/*margin-bottom: 5px;	*/	
		padding: 0px 0px 0px 0px;
		background-color: #ffffff;	
}


#mainpage2 { /*Used on members' section pages*/
		float: left;
        width: 100%;
/*        padding: 0px 0px 10px 0px;*/
        padding: 0px 0px 50px 0px;		
        background-color: #E8FFFF;
 /*       min-height: 500px; */
		position:relative;
}



/* Added 07/09/09. Identical to content2 except background colour. For use with members/kuwaitmantasmem.php*/
#content2mem {width: 630px;
		margin-left: 33px;
		margin-right: 0px;
		border-bottom: thin solid #000080;
/*		background-color: #E8FFFF;   */
		padding-bottom:10px;
		margin-bottom:10px;
		float:left;
}









#previewheader {/*Used at top and bottom of page preview to show you are still in the members' section. Same background colour as div mainpage2. Added by Rob 16/10/09*/
		width: 700px;/*width: 100%; works in Firefox but no in IE!!*/
		background-color: #E8FFFF;
		float:left;
}

#content4 {width: 232px;
		margin-right: 0px;
		position:relative;
		float:left;
}


#thumbnailcontent {
width: 630px;
margin-left:33px;
/*background-color:#FFFFFF; */
float:left;
}

#thumbnail {
width:157px;
padding-top:10px;
padding-bottom:10px;
float:left;
margin-left:0px;
/*background-color:#FFFFFF;*/
}


#sectioncontentfull {width: 630px;
		float:left;
		text-align:center;
		padding-left: 33px;
}



#buttoncontainertop {width: 100%;
	
		background-color:#66CC99;
		float:left;
		padding-top:5pt;
		border-bottom: 2px solid #000080;
		margin-bottom:10px;
}
#buttoncontainerbottom {width: 100%;
		background-color:#66CC99;
		float:left;
		padding-top:5pt;
		border-top: 2px solid #000080;
}

#sectionend {width: 630px;
		margin-left: 33px;
		margin-right: 0px;
		background-color:#CCCC99;
		float:left;
		border-bottom-color:#6600CC;
		border-bottom-style:dashed;
		border-bottom-width:medium;
}

	



#graphiccentereddefault {float: center; /*added 10/11/07 by Rob 16/11/07*/
		padding: 20px;
/*   background-color:#ffffff;   */
		margin-bottom: 15px;	
}



#graphicleftdefault {float: left; /*added 16/11/07 by Rob*/
		padding: 20px;
		/*background-color: #ffffff;*/

		margin-bottom: 5px;	
}

#graphicright {float: right; /*added 16/11/07 by Rob*/
width:450px;
		padding: 20px;
/*		background-color: #ffffff;   */
		margin-bottom: 5px;	
}

.centeredimage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }
#shiftup {/* added Sep 2012 by Rob*/
/* to position insert arrows between rows */
position:relative;
/*background-color:#CC6666; */
/* top:-12px; */
top:-11px;
left:-10px;
/* text-align: right; */
/* text-align: left; */
}
#shiftupmore {/* added Sep 2012 by Rob*/
/* to position insert arrows for new sections in member resources */
position:relative;
top:-40px;
left:-5px;
text-align: left;
}	



#caption150up {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */
		background-color: #ffff99;
		position:relative;
		top:-30px;
		width:150px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 10pt;		
		color:#330099;			
}
#caption150blankup {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */

		position:relative;
		top:-30px;
		width:150px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		font-size: 10pt;		
		color:#330099;			
}



#caption275up {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */
		background-color: #ffff99;
		position:relative;
		top:-30px;
		width:275px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 10pt;		
		color:#330099;		
}

#caption275blankup {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */

		position:relative;
		top:-30px;
		width:275px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		font-size: 10pt;		
		color:#330099;			
}

#caption590blankup {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */

		position:relative;
		top:-30px;
		width:590px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 10pt;		
		color:#330099;			
}

#caption590up {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */
		background-color: #ffff99;
		position:relative;
		top:-30px;
		width:590px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 10pt;		
		color:#330099;			
}

#caption250 {/* added 13/11/07 by Rob*/
		background-color: #ffff99;
		width:250px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 10pt;		
		color:#330099;			
}	

#caption450 {/* added 13/11/07 by Rob*/
		background-color: #ffff99;
		width:450px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 10pt;		
		color:#330099;			
}

#caption750 {/* added 13/11/07 by Rob*/
		background-color: #ffff99;
		width:750px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 10pt;		
		color:#330099;			
}	




#caption590 {/* added 13/11/07 by Rob*/
		background-color: #ffff99;
		width:590px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 10pt;		
		color:#330099;			
}






hr {
	color: #000080; /* for IE*/
	background-color: #000080; /* for Moxilla*/
	height: 1px;
	width:100%;
    text-align: center;
}



.warning{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FF0000   
	    }
		
.warning2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FF0000   
	    }
		
.warning3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#FF0000   
	    }
		
#mainpagetext {
	width: 635px;
	padding: 0px;
	margin-left:33px;
	float:left;
	clear:both;
	text-align:justify;
}








/*Use these for links that will only show a popup so nothing changes*/
/*#headerlinks p{color:#000000;}*/
#nolinks p{
color:#000080;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*#nolinks A:link{ color:#000000; text-decoration: none;}*/
#nolinks A:link{ color:#000080; text-decoration: none;}
#nolinks A:visited{ color:#000080; text-decoration: none;}
#nolinks A:active{ color:#000080; text-decoration: none;}
/*#nolinks A:hover{ color:#FFFFFF; text-decoration: underline;}*/
#nolinks A:hover{ color:#000080; text-decoration: none;}

/* --------------------------------------------------- */

/* A is the Anchor link, i.e. the hyperlinks: These should be changed to fit in more with the site. I've never bothered!    */

a 		{outline: none;} /* added 27/10/07 to remove dotted line in Firefox but doesn't seem to work! */
A:link {text-decoration: underline}
A:visited {
	text-decoration: underline;
	color: #000080;
}
A:active {text-decoration: underline}
A:hover {text-decoration: none}



/*This is the normal <H2> tag. I think I use it for the heading on every page*/
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: #3333FF;
}

/*This is the normal <H3> tag. Used for sub headings in the public section*/
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: #000080;
}



/*The default paragraph font  */
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: .8em;*/
	font-size: 12px;
	font-weight: normal;
	color: #000080;
}	

/* The default Fieldset */
fieldset {
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 5px;
}

/* The default Legend for fieldsets */
legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}



/* mainly used for the Help pages - initially identical to <p> style */
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align:justify;
	color: #000080;
}

ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align:justify;
	color: #000080;
}

/* this is applied to the main <body> tag in the members' section. */
.bodystyle {
	margin-top: 30px;
	background-color: #CCCCCC;
	text-align:center;
	padding:0 30px;
}
/* this is applied to the main <body> tag in the public section of the site. */

.bodystyle2 {
	margin-top: 30px;
	background-color: #CCCCCC;
	text-align:center;
	padding:0 30px;
}

/* this is applied to the main <body> tag in the menus. */

.bodystylemenu {
	margin-top: 30px;
	background-color: #CCCCCC;
	text-align:center;
	padding:0px 0px;
}

/*Everything on every page is 'enclosed' in a table. This is for the members' section. */
.bodytable {
	padding: 10px;
	width: 100%;
	border: thin solid #3333ff;
	background-color: #FFFFff;
	margin: 0px;
      padding-bottom: 0px;
	text-align:left;
}


.rowhead2hl {/* As rowhead3 but highlighted Rob HJ Dec 2011 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 0.8em;*/
	font-size:12px;
	font-style:italic;
	font-weight: bold;
	color:#FF0000;
	text-align: left;
/*	background-color: #3333FF; */
}
.rowhead3 {/* As rowhead2 but right aligned Rob HJ Jan 2011 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 0.8em;*/
	font-size:12px;
	font-style: normal;
	font-weight: bold;	
	color: #000080;
	text-align: right;
/*	background-color: #3333FF; */
}

.rowhead3hl {/* As rowhead3 but highlighted Rob HJ Dec 2011 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 0.8em;*/
	font-size:12px;
	font-style:italic;
	font-weight: bold;
	color:#FF0000;
/*	color: #000080; */
	text-align: right;
/*	background-color:#CCCC00; */
}
.rowhead4 {/* As rowhead2 but center aligned Rob HJ Oct 2011 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 0.8em;*/
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	color: #000080;
	text-align: center;
/*	background-color: #3333FF; */
}
.rowhead4hl {/* As rowhead4 but highlighted */
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 0.8em;*/
	font-size:12px;
	font-style:italic;
	font-weight: bold;
	color:#FF0000;
	text-align: center;
/*	background-color: #3333FF; */
}
/*this refers only to the small 'top of page' links at the bottom of some pages */
.topofpage{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style: normal;
	font-weight: normal;
	color: #3333FF;
	text-align: center;
}

/* These two define the slightly different shading on alternate lines in reports in the members' section*/
.reportline1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 0.8em; /* change */
	font-size: 12px;
/*	background-color: #CCFFCC; */ /* 11/11/2007 removed Neil  */
}

.reportline1moved { /*Added by Rob Oct 2012 to show rows that have just been moved when editing resource pages  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 0.8em; /* change */
	font-size: 12px;
	font-weight:bold;
/*	background-color:#CC0099; 
	background-color:#6666FF;*/
	
}

/* See above */
.reportline2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 0.8em; /* change */
	font-size: 12px;
		
	background-color: #CCFFFF;
}

.reportline2moved { /*Added by Rob Oct 2012 to show rows that have just been moved when editing resource pages  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 0.8em; /* change */
	font-size: 12px;
	font-weight:bold;
	background-color: #CCFFFF;	
	/*background-color: #6666FF; */

}





.colhead3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px; /* change from 1.2em */ 
 font-weight: bold;
 color: #ffffff; /* #ffFFFF; */
 background-color: #000080; /* #000080;*/
 border-collapse: collapse;
 text-align:center; /* added 3/10/07 */
}
.colheadmenu { /*Trying to imitate the look of the main menu buttons */ 
 font-size: 12px;
 font-weight: bold;
 color:yellow;
 background-color:#000066;
 border-collapse: collapse;
 text-align:left; /* added 3/10/07 */
}
.colheadmenublank { /*Trying to imitate the look of the main menu buttons */ 

 background-color:#000066;
 border-collapse: collapse;
}
/* Highlight cell if comment on TrainingList page */
td.tableactive {
	background-color: #2DEDF8;
}



/* this doesn't actually enlarge the textbox on modern browsers except Chrome */
/* It does allow a wider 'surround' that can be clicked on to check/uncheck */
/* Size specifically designed for TrainingModuleEditGroup */
/* has the effect of reducing the box size in Chrome and increasing the row height */
input.checkbox-50x80
{
	width: 18px;
	height: 80px;
}

/* button styles */

.publicbutton1 {
color:#FF0;
cursor:hand;
background-image:url(/sdmenu/toptitle.gif);
text-align:center; font-size:16px;
border-radius:5px;
border-style:none;
padding:4px 8px;
font-weight:bold;	
}


a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(/images/icons/buttonBackground.gif);
background-repeat: no-repeat;
width: 132px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
cursor: default;
}

a.button:link, a.button:visited {
color: #002577;
text-decoration: none;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #FF7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F;
cursor: default;
}
.icon {
display: inline-block;
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
.icon2 {/* Added by Rob, Oct 2009. Use for buttons containing text only - then the text will be centered correctly*/
display: inline-block;
background-repeat: no-repeat;
/*padding: 0 0 5px 18px;*/
}


a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}
/* list of button icons */
#buttonOK .icon {
background-image: url(/images/icons/ok.gif);
}
#buttonCancel .icon {
background-image: url(/images/icons/cancel.gif);
}
#buttonBack .icon {
background-image: url(/images/icons/backarrow.gif);
}
#buttonBack2 .icon {
background-image: url(/images/icons/back.gif);
}


#buttonImport .icon {
background-image: url(/images/icons/import.gif);
}


/* from www.positioniseverything.net ?? */

/* Added 22/3/2008 - 3-column title Div set up for members section*/
#title {
	margin-left:160px;
	margin-right:160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: #000080;
	/*background-color: #FF6699;*/
}

#left {
	width:160px;
	position:absolute;
	margin-left:20px;
	left:0;
	top:0;
	/*background-color: #33CC33;*/
}

#left2 {
	width:160px;
	position:absolute;
	margin-left:20px;
	left:0;
	top:0;
	/*background-color: #33CC33;*/
}

#right {
	width:160px;
	position:absolute;
	margin-right:20px;
	right:0;
	top:0;
	/*background-color: #CC0033;*/
}

.rightjustified {
	text-align:right;
}

#center {
	margin-left:160px;
	margin-right:160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	/*trying this to see if this lines up the Reset and OK buttons at the bottom of the pages */
	position:relative;
	top:0px;
	/*background-color: #FF6699;*/
}


#print {
	width:160px;
	position:absolute;
	margin-left:40px;
	left:0;
	top:0;
	/*background-color: #33CC33;*/
}

a.printlink:link, a.printlink:visited {
/*color: #002577;*/
text-decoration: none;
vertical-align:middle;
}

a.printlink:hover, a.printlink:active {
/*color: #FF7200;*/
text-decoration: underline;
}

/* Printer Friendly finish */



/* PROBABLY REDUNDANT DEFINITIONS*/

.p2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #000080;
}
.pictureframe {
	border: thin solid #FF0000;
	background-color: #000080;
	border-collapse: collapse;
}

.pictureframe *.caption {border: thin solid #FF0000;
}

.pictureframe *.caption p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFF00;
}

.picturecell {border: thin solid #FF0000;
background-color: #000080;
padding: 20px
}

.datatable {
	background-color: #FFFFFF;
	border-collapse: collapse;
/*	align: center;  not recognised in Firefox css*/
}

.datatable *.headercell {background-color: #FF0066;
	border-collapse: collapse;
	text-align: center;
	height: 25px

/*	v-align: center;  vertical-align:middle;  gives an error */
}

/*This is row1 in datatables */
.datatable *.row1 {background-color: #C0C0C0;
	border-collapse: collapse;
}

/*This is row2 in datatables */
.datatable *.row2 {background-color: #00FFFF;
	border-collapse: collapse;
}


/* to fix all the borders in datatables*/
.datatable *.td {border: thin solid #000080;} /* '.' added 28/10/07 to correct */


/*The text style for H1 within datatables  */
.datatable *.headercell h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #000080;
}

.bodytable2 {
	width: 100%;
	border: thin solid #3333ff;
	background-color: #FFFFff;
	margin: 0px;
      padding-bottom: 50px;
	text-align:left;
      padding: 50px;
}


/*Definitions used on committee records page in public section*/
/*Added by Rob 15th December 2009*/
.more {
    display: none;
	/*background-color:#DADADA;*/
    /*border-top: 1px solid #666;
    border-bottom: 1px solid #666; */}
a.showLink, a.hideLink{
/*     text-decoration: none;
    color: #36f;
    padding-left: 8px;
   background: transparent url('down.gif') no-repeat left; }*/
color:#FFFFFF; text-decoration: none;
font-size:11px;
font-weight:normal;
}
 
a.hideLink {
display:none;
}   
/*a.hideLink {
    background: transparent url('up.gif') no-repeat left; }*/
a.showLink:hover, a.hideLink:hover  {
    color:#FFFFFF;text-decoration: underline;
font-size:11px;
font-weight:normal;	
	}
	
a.showLink2, a.hideLink2{
/*     text-decoration: none;
    color: #36f;
    padding-left: 8px;
   background: transparent url('down.gif') no-repeat left; }*/
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0000FF; text-decoration: none;
font-size:11px;
font-weight:normal;
}
 
a.hideLink2 {
display:none;
}   

a.showLink2:hover, a.hideLink2:hover  {
    color:#0000FF;text-decoration: underline;
font-size:11px;
font-weight:normal;	
	}	
	
a.showLink4, a.hideLink4{
/*     text-decoration: none;
    color: #36f;
    padding-left: 8px;
   background: transparent url('down.gif') no-repeat left; }*/
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0000FF; text-decoration: none;
font-size:14px;
font-weight:bold;
}
 
a.hideLink4 {
display:none;
}   
/*a.hideLink {
    background: transparent url('up.gif') no-repeat left; }*/
a.showLink4:hover, a.hideLink4:hover  {
    color:#0000FF;text-decoration: underline;
font-size:14px;
font-weight:bold;	
	}		
	
/* -------------------------------------------------------------- */

/*
#caption
		background-color: #ffff99;
		width:auto;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 10pt;		
		color:#330099;			
}	
*/
/* Highlight a row when editing it e.g. CourseModuleEdit.php */
tr.editrow {
	background-color: #CC99FF;
	border-top-color: #CC99FF;
	border-right-color: #CC99FF;
	border-bottom-color: #CC99FF;
	border-left-color: #CC99FF;
}

#noborder a img {border: none;}
#underlinehover a:link {text-decoration: none;}
#underlinehover a:active {text-decoration: none;}
#underlinehover a:visited {text-decoration: none;}
#underlinehover a:hover{text-decoration: underline;}

/* To correct previous and next arrow problem with datepicker*/
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  font-size: 0;
}


/****************************************/
/*          JQUERY UI DIALOG            */
/****************************************/

.finished .ui-widget-header {
	background-color:#66E3FF;
	text-align: center;	
}

.finished .ui-button {
	background-color:#66E3FF !important;
}

/* remove close x */
.finished .ui-dialog-titlebar-close {
	display: none;
}

.finished .ui-widget-overlay { /* doesn't seem to work...*/
   background: black !important;
   opacity: .20 !important;
   filter: Alpha(Opacity=20) !important;
}