/*
This style sheet contains general styling for common HTML elements used throughout the site.
It is used to obtain consistency and create an easy to maintain design.
This general style sheet will be included throughout the site.

References taken from http://www.w3schools.com
*/
/* We begin by styling how we want the links to look site wide */
/* This style is for links which are in an unused state */
a:link {
	text-decoration: underline; 
	color:#fd8333;
}
/* This style is for links which have been visited previously */
a:visited {
	text-decoration: underline; 
	color:#fd8333;
}
/* This style is for links which are currently active */
a:active {
	text-decoration: none;
}
/* This style is for links which have a mouse pointer over them */
a:hover {
	text-decoration: underline; 
	color:#0000cc;
}
/* This style defines generic styles for elements inside the body of the HTML */
/* 
	Interestingly, we need to set the background to white (#ffffff) here.  This is because
	not all browsers (notably Mozilla and Opera) have a white background as standard and
	we would see grey where we expected to see white.
*/
body	{
	font-family:arial, helvetica, sans-serif;
	font-size:x-small;
	padding:0px;
	margin:0px;
	background: #fff;
	/* Below is the CSS for styling the vertical scroll bar to colour match it to our theme */
	scrollbar-face-color:#273A80;
	scrollbar-highlight-color:#ABBCFF;
  	scrollbar-3dlight-color:#ABBCFF;
  	scrollbar-darkshadow-color:#000;
 	scrollbar-shadow-color:#ABAAAA;
 	scrollbar-arrow-color:#ABAAAA;
 	scrollbar-track-color:#273A80;
}
/* We ensure here that borders are not displayed on any images, even if they are hyperlinks. */
img 	{
	border:0px;
}
/*  
	Creating a default style for unordered lists (bullet points) assists us in maintaining 
	a consistent style throughout.
 */
ul		{
	/*
		We use two properties here in case the image cannot be found at some point.
		If it can be found, the image will always take priority.
	*/
	list-style-image: url("../images/bullet.gif");
	list-style-type: disc;
	margin-left:18px;
	padding:0px;
}
/*	
	We apply this style only to lists inside the maintext div because we do not want to 
	align the main menu list differently for non-javascript users 
*/
#maintext ul		{
	vertical-align:middle;
}
/* This style removes the unnecessary default padding from the form tag. */
form 	{ 
	padding: 10px; 
	margin: 0px; 
}
/* 
	This style ensures that each row of a form is cleared correctly so entry fields
	do not all appear on the same line 
*/
.formrow	{
	clear:both;
}
/* 
	This style makes all form labels fixed width to make forms look neater and keep input fields in line 
*/
.formrow label	{
	float:left;
	padding:.5em;
	width:12em;
	vertical-align:top;
	text-align:right;
}
/*
	This clearing div puts a blank full width horizontal div into a document to allow elements to be spaced vertically.
*/
.clearer	{
	clear:both;
	width:100%;
	height:2px;
	margin:0em;
	padding:0em;
}
/*	
	This is used to ensure that a consistent style is present across all select 
	form elements 
*/
select 	{
	font-family: arial, helvetica, sans-serif; 
	font-size: xx-small;
}
/* As above but relates to text input boxes used in forms */
input 	{
	font-family: arial, helvetica, sans-serif; 
	font-size: xx-small;
}
/* 
	This style defines how text should look when properly formatted into paragraphs.  
	We use 1.5x line height to enhance readability. 
*/
p 		{
	margin-top:0em; 
	margin-bottom:1em; 
	line-height:150%;
}
/* We are using tables to display certain tabular data, we need to style it accordingly */
table	{
	margin:0;
	padding:0;
	line-height:150%;
	font-family: arial, helvetica, sans-serif; 
	font-size: x-small;
}
/* 	
	Here we define how the different heading tags h1-h5 should be styled.  The default 
	styles are rather boring so we will colour match it and make it a more usable size. 
*/
h1 		{
	padding: 0px; 
	margin: 0px; 
	font-size: small; 
	color:#273A80;
}
h2		{
	padding: 0px; 
	margin: 0px; 
	font-size: x-small; 
	color:#273A80;
}
h3		{
	padding: 0px; 
	margin: 0px; 
	font-size: xx-small; 
	color:#273A80;
}
h4 		{
	padding: 0px; 
	margin: 0px; 
	font-size: xx-small; 
	color:#273A80;
}
h5 		{
	display:inline;
	padding: 0px; 
	margin: 0px; 
	font-size: xx-small; 
	color:#273A80;
}