body
{ 
	text-align: center; /* Aligns the text in the body element to the center. */
	font-size: 11px; /* Sets the font size of text */
	/* line-height: 16px; /* Sets the distance between lines in the body element. NB. I took this out, no major reason, news reel!!! */
	margin: 0px;
	padding: 0px;
	color: #000000; /* Sets the colour of the text. */
	background: url("simple/sideboard.jpg") #0066ff 0px 0px repeat-x;
	font-style: normal; /* Sets the style of the font to normal, ie. not italic or bold etc. */
	font-family:  verdana, arial, helvetica, sans-serif; /* A prioritised list of font family names or generic font family names for an element. */
}

a:link, a:visited, a:active
{
	color: #0066ff; /* #14B4E6; */
	font-weight:bold;
	text-decoration:none;
}

a:hover	
{
	color: #000000;  /*#ff9900;	 /* Orange Hover */
	font-weight:bold;
	text-decoration:none;
}

img
{  
	border-style: none;
}

#centralcol 
{
	width:752px; /* Set the width of the centralCol to 752 pixels. */
	margin:0px auto; /* Top margin set to 0 pixels, right, bottom and left margins set to "auto", so the browser will set them. */
	padding:10px 1px 0px 1px; /* Set the top and bottom padding to 0 pixels, and sets the left and right padding to 1 pixel. */
	position: relative; /* Position of the element set relative to its normal position. */
	background: url("simple/sideboard.jpg") #0066ff 0px 0px repeat-x; /* Sets the background image to the given URL. Sets the background colour to the hex value(blue). */
	/* Sets the starting position of the background image to 0 pixels by 0 pixels which is the top left corner. */
	/* Sets the backgroun image to repeat horizontally. */
}

#envelope 
{
	position: relative;
	display:block;
	width:750px;
	margin: 0px;
	padding:0px;	
	text-align:left; /* Counteract to IE5/Win Hack */
	background-color:#fff;
}

/* The Styling for the menu bar & banner. */

#header
{
	padding: 0px;
	margin: 0px;
	display:block; /* Sets how/if an element is displayed. The element will be displayed as a block-level element, with a line break before and after the element. */
	letter-spacing:2px; /* Sets the white space between characters to a fixed length. */
	font-size: 15px;
	height: 170px; /* Defines the height of an element. */
	width:750px; /* Defines the width of an element. */
	background: url("images/header_banner.jpg") no-repeat 0px 0px #0066ff;
}

#header li 
{
	list-style: none; /* Gets rid of the list syling etc. */
	float: left; /* The image or text moves to the left in the parent element (The parent element is the mainNav element!). */
	/* Backgrounds and borders for a block element should go behind the float element. */
	/* The content of the block element should go in front of the float. */
	padding: 0px 0px 0px 0px;
	margin: 145px 0px 0px 20px;
	display: inline;
}

/* End of the menu bar styling & banner. */

/* The home page styling. */

#welcomenew
{
	float: left;
	padding: 10px 0px;
	margin: 0px;
	width: 750px;
}

#welcomeone
{
  padding: 0px 0px 0px 10px;
	margin: 0px;
  float: left;
}

#welcometwo
{
  padding: 0px 0px 0px 10px;
	margin: 0px;
  float: left;
}

#welcomethree
{
  padding: 0px 0px 0px 30px;
	margin: 0px;
  float: left;
}

#welcome
{
	float: left;
	padding: 0px;
	margin: 10px;
	width: 490px;
	
}

#welcome img
{
  padding: 0px;
  margin: 0px;
}

#welcome h5
{
	padding: 1px 0px 0px 0px;
	margin: 10px 0px 0px;
	border-width: 0px;
	border-style: solid;
	height: 20px;
	background: url("simple/title_490.jpg") no-repeat 0px 0px #fff;
	/*border-color: #003399; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	/*background: #003399; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	/* letter-spacing: 2px; */
	text-align: center;
}

#welcome ul
{
	padding: 0px 0px 5px;
	margin: 0px;
	border-width: 0px;
	border-style: solid;
	border-color:  #ff6666; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	background-color: #fff;
	color: #000000;
	font-size: 12px;
	text-align: left;
	list-style: none;
}

#welcome li
{
	padding: 0px;
	margin: 5px 0px;
  height: 80px;
  background-color: #eee;
}

#welcome p
{
  padding: 2px;
  margin: 0px;
}

.welcome_image
{
  float: right;
}

.subjectreelitem
{
	font-weight: normal;
	font-size: 10px;
}

#latestnewsbar
{
	float: right;
	padding: 0px;
	margin: 15px 20px 0px 0px;
	width: 200px;
}

#latestnewsbar h5
{
	padding: 1px 0px 0px 0px;
	margin: 0px;
	border-width: 0px;
	border-style: solid;
	height: 20px;
	background: url("simple/title_200.jpg") no-repeat 0px 0px #fff;
	/* border-color: #003399; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	/* background:  #003399; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	/*letter-spacing: 2px; */
	text-align: center;
}

#latestnewsbar ul
{
	padding: 10px 10px 20px 10px;
	margin: 0px;
	border-width: 0px;
	border-style: solid;
	border-color:  #ff6666; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	background-color: #fff;
	color: #000000;
	font-size: 10px;
	text-align: left;
	list-style: none;
}

#latestnewsbar li
{
	padding: 5px 0px 10px 0px;
	margin: 0px;
}

#sidebar img
{
  padding: 60px 0px 0px 30px;
  margin: 0px;
}


/* End of the home page styling. */

/* News page styling. */

#newsarticle
{
	float: left;
	padding: 0px;
	margin: 15px 10px 10px 20px;
	width: 490px;
	font-size: 14px;
}

#newsarticle h5
{
	padding: 1px 0px 0px 0px;
	margin: 0px;
	border-width: 0px;
	border-style: solid;
	height: 20px;
	background: url("simple/title_490.jpg") no-repeat 0px 0px #fff;
	/* border-color: #003399; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	/* background:  #003399; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	/*letter-spacing: 2px; */
	text-align: center;
}

#newsarticle ul
{
	padding: 10px 10px 20px 10px;
	margin: 0px;
	border-width: 0px;
	border-style: solid;
	border-color:  #ff6666; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	background-color: #fff;
	color: #000000;
	font-size: 13px;
	line-height: 140%;
	text-align: left;
	list-style: none;
}

#newsarticle li
{
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

.subject
{
	font-weight: bold;
}

.content
{

}

.date
{
	font-size: 10px;
	color: #666666;
}

#archivenewsbar
{
	float: right;
	padding: 0px;
	margin: 15px 20px 10px 0px;
	width: 200px;
}

#archivenewsbar h5
{
	padding: 1px 0px 0px 0px;
	margin: 0px;
	border-width: 0px;
	border-style: solid;
	height: 20px;
	background: url("simple/title_200.jpg") no-repeat 0px 0px #fff;
	/* border-color: #003399; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	/* background:  #003399; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	/*letter-spacing: 2px; */
	text-align: center;
}

#archivenewsbar ul
{
	padding: 10px 10px 20px 10px;
	margin: 0px;
	border-width: 0px;
	border-style: solid;
	border-color:  #ff9900; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	background-color: #fff;
	color: #000000;
	font-size: 10px;
	text-align: left;
	list-style: none;
}

#archivenewsbar li
{
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

/* End of the news page styling. */

/* Start of the video page styling */

#video
{
	float: left;
	padding: 0px;
	margin: 15px 20px 10px 20px;
	width: 490px;
	font-size: 14px;
}

#video h5
{
	padding: 1px 0px 0px 0px;
	margin: 0px;
	border-width: 0px;
	border-style: solid;
	height: 20px;
	background: url("simple/title_490.jpg") no-repeat 0px 0px #fff;
	/* border-color: #003399; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	/* background:  #003399; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	/*letter-spacing: 2px; */
	text-align: center;
}

#video ul
{
	padding: 10px 10px 20px 10px;
	margin: 0px;
	border-width: 0px;
	border-style: solid;
	border-color:  #ff6666; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	background-color: #fff;
	color: #000000;
	font-size: 13px;
	text-align: center;
	list-style: none;
}

#video li
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#videoside
{
	float: left;
	padding: 0px;
	margin: 15px 20px 10px 0px;
	width: 200px;
}

#videoside h5
{
	padding: 1px 0px 0px 0px;
	margin: 0px;
	border-width: 0px;
	border-style: solid;
	height: 20px;
	background: url("simple/title_200.jpg") no-repeat 0px 0px #fff;
	/* border-color: #003399; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	/* background:  #003399; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	/*letter-spacing: 2px; */
	text-align: center;
}

#videoside ul
{
	padding: 10px 10px 20px 10px;
	margin: 0px;
	border-width: 0px;
	border-style: solid;
	border-color:  #ff9900; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	background-color: #fff;
	color: #000000;
	font-size: 11px;
	text-align: center;
	list-style: none;
}

#videoside li
{
	padding: 0px 0px 2px 0px;
	margin: 0px;
}

/* End of the video page styling */

/* Styling for the footer. */

#footer
{	
	clear:both;
	width:750px;
	height:25px;
	display:block;
	text-align:center;
	line-height:25px;
	background: url("simple/footer.jpg") no-repeat 0px 0px #0066ff;
}

/* End of the footer styling. */

/* The login page styling */

#login
{
	float: left;
	padding: 0px;
	margin: 15px 20px 20px 20px;
	width: 700px;
}

#login h5
{
	padding: 1px 0px 0px 0px;
	margin: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #003399; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	background: #003399; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	/* letter-spacing: 2px; */
	text-align: center;
}

#login ul
{
	padding: 10px 10px 20px 10px;;
	margin: 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #33cc33; /* #ff6666; strawberry */ /* #33cc33; green */ /* #ff9900; orange */ /* #0066ff; blue */
	background-color: #fff;
	color: #000000;
	font-size: 13px;
	text-align: left;
	list-style: none;
}

#login li
{
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

/* End of the login page styling */

/* The sponsers panel */

#bottom_panel
{
	float: left;
	padding: 0px;
	margin: 0px 0px 10px;
	width: 750px; /* NB. no idea why this is 710 rather than just 700! */
}

#bottom_panel ul
{
	padding: 0px;
	margin: 0px 2px;
	text-align: left;
	list-style: none;
}

#bottom_panel li
{
	padding: 0px;
	margin: 0px 2px;
	list-style: none; /* Gets rid of the list syling etc. */
	float: left; /* The image or text moves to the left in the parent element (The parent element is the mainNav element!). */
	/* Backgrounds and borders for a block element should go behind the float element. */
	/* The content of the block element should go in front of the float. */
	display: inline;
}

/* End of the sponsers panel */