/* HTML classes in Alphabetical order */
A { color: black; text-decoration:none; }
.boldMenuItem { color: black; text-decoration:none; font-weight:bold; }
html, body { background-color: #FFFFFF;
	   font-family: Verdana, Arial, Helvetica, sans-serif;		
	   font-size: 1em;
	   margin-top: 0px;
	   margin-right: 0px;
	   margin-bottom: 0px;
	   margin-left: 0px;
	}	
h1 { font-size:medium; 
	 font-weight:bold;
	 margin-top:15px;
	 margin-left:15px;
	 margin-right:15px;	
	}	
h2 { font-size:medium; 
	 font-weight:bold;
	 margin-top:15px;
	 margin-left:15px;
	 margin-right:15px;	
	}		
img { border:0px; }	
table { color: #FFFFFF; 
		border:none; 
		border-collapse:collapse; 
		}
td, th { font-family: Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 10px; 
		 color:#000000; 
		 vertical-align:top; 
		 text-align:left; 
		 border:none;		 
		}
		
/* PiP classes in functional groups */
/* Page template widths */
.menuColumn { width:147px; }
.mainPageColumn { width:466px; }
.rightColumn { width:285px; }	

/*Banners */	
.topBanner { width:900px; 
			 height:53px; 
			 border-collapse:collapse; 
			 border-width:0px; 
			 border:none;
			 width:100%;
			}
.welcome { width:900px; height:100px; }

/* List Items - although we use tables to contain the lists as scrolling does not work properly when using <UL> */
.item { margin-top:3px; 
		margin-bottom:3px;
		}	
		
/* Tables and table cells */		
.mainTable { width:898px; background-color:#FF6600;  }		
.newsIssue { border-right:1px;
			 border-right-color:#FF6600;
			 border-right-style:solid;
			 background-color:#FF6600;
			}			
.tableHomePage { width:100%; }

/* Text formatting */
.firstPara { font-style:italic;
			 font-size:12px;
			 margin-top:15px;
			 margin-left:15px;
			 margin-right:15px;
			 color:black;
			 line-height:1.8em;
			}
.normalPara { margin-top:15px;
			  margin-left:15px;
			  margin-right:15px;
			  font-size:10px;
			}	
.normalParaNoTop { margin-top:2px;
			  margin-left:15px;
			  margin-right:15px;
			  font-size:10px;
			}			
.boldPara {	margin-top:15px;
			margin-left:15px;
			margin-right:15px;
			margin-bottom:0px;
			font-size:10px;
			font-weight:bold;	
			line-height:1.6em;
		}	
		
.bold { font-weight:bold; }
.normal {font-weight:normal; text-decoration:none; }
.small { font-size: 85%; }
.center { align:center; text-align:center; }
.rightTitle { text-align:right; 
			  font-size:12px;
			  font-style:italic;
			  line-height:1em;
			 }

/* Titles */
.topRightTitle { color:#000000;
				 background-color:#FFFFFF;
				 font-style:italic; 
				 text-align:right;
				 margin-right:10px;
				 margin-top:20px;
				 margin-bottom:20px;
				 font-size:18px;
			   }
.rightTitle	{ 	color:#000000;
				background-color:#FFFFFF;
				font-style:italic; 
				text-align:right;
				margin-right:10px;
				margin-top:5px;
				margin-bottom:5px;
				font-size:18px;
}		 
.rightTitleSmall {
color:#000000;
				background-color:#FFFFFF;
				font-style:italic; 
				text-align:right;
				margin-right:10px;
				margin-top:5px;
				margin-bottom:5px;
				font-size:11px;
}  
.topLeftTitle { color:#000000;
				 background-color:#FFFFFF;
				 font-style:italic; 
				 align:left;
				 margin-left:10px;
				 margin-top:20px;
				 margin-bottom:20px;
				 font-size:18px;
			  }	
.boldTitle {	margin-top:15px;
			margin-left:15px;
			margin-right:15px;
			margin-bottom:0px;
			font-size:10px;
			font-weight:bold;	
			line-height:1.6em;
		}				  
.downloadaspdf { width:149px; }

/* Menus */
.topRightMenu { 
	color:#FFFFFF;
	float:right; 
	font-style:italic; 
	align:right;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:12px;
	}
.leftMenuTable { width:149px;
				 margin-left:16px;
				 margin-top:7px;
				 margin-bottom:6px;
	}
.leftMenuArea { border-right:1px;
				border-right-color:#FF6600;
				border-right-style:solid;
				background-color:white;
				height:100%;
				}
.leftMenu { width:150px;
			height:22px;
			align:left;
			vertical-align:middle;
			white-space:normal;
			font-style:italic; 
			font-size:12px;
			font-weight:normal;
	}
.leftMenuBold { width:150px;
			height:22px;
			align:left;
			white-space:normal;
			font-style:italic;
			font-weight:bold; 
			font-size:12px;
	}	
/* Colours */	
.orangeBottom { border-bottom:1px;
				border-bottom-color:#FF6600;
				border-bottom-style:solid;
				}	
.orangeBlock300	{ background-color:#FF6600; 
				  height:300px;
}			
.whiteOrangeBottom { border-bottom:1px;
					 border-bottom-color:#FF6600;
					 border-bottom-style:solid;
					 background-color:#ffffff;
				}				
.orange { background-color:#FF6600; }
.blue { background-color:#0000ff; }
.white { background-color:#ffffff; }
.whiteText { color:#FFFFFF; }
.paleBlue { background-color:#CCCCFF; }
.paleOrange { background-color:#FFCC00; }
.paleYellow { background-color:#FFFF99;}
.fullWidth { width:100%; }
.noWrap { white-space:noWrap; }
.mainLogo { margin-left:10px; 
			margin-right:0px; 
			margin-top:0px; 
			margin-bottom:0px; 
		}
		
		
	
/* Images */	
.becomeAMemberLogo { 
	width:100%;
	text-align:center;
	margin-top:8px;
	margin-bottom:12px;
	}	 
.rainbow { background-image:url(../images/rainbow800.jpg);
			   float:left;
			  }				   
.arrowhead { float:right; }
.leftWelcomeArrow { margin-top:20px;
}
.midblue { background-color:#0000FF; color:#FFFFFF; }
.lightblue { background-color:#00CCFF; }