/* Where colour changes can be made, we reference these as Colour 1 to Colour 5 within comments beside the style elements.  

/* It may be worth making a note of the chosen colours below:

/* Colour 1 should be the primary colour for the client - 000000
/* Colour 2 should be their secondary colour - EE6830
/* Colour 3 is the border colour - FFFFFF
/* Colour 4 is the colour of the text in the navigation bar down the left of the screen - FFFFFF
/* Colour 5 is the roll-over colour of the text in the navigation bar down the left of the screen - 000000
/* Colour 6 is the colour of the text in the menu across the top of the screen - FFFFFF
/* Colour 7 is the roll-over colour of the text in the menu across the top of the screen - 000000


/* To change the colour of the pies and buttons etc, you'll need to edit the file colourscheme.txt.
/* You'll find a line of text that looks something like this:
/*
/* textover=0xA4E7F7&textout=0xFFFFFF&bar=0x9EC44B&pieout=0x9EC44B&pieover=0xA4E7F7&pietext=0xFFFFFF
/* 
/* You need to change the 6 digit hex value for each colour in the listing.  The values have the following meaning,
/* textover=0x?????? - this is the colour of the text on all buttons when you rollover the button - this would normally be Colour 5 above.
/* textout=0x?????? - this is the colour of the text on a button when the mouse isn't over it - this would normally be Colour 4 above.
/* bar=0x?????? - this is the colour of the bar behing the text and graphic on each button - this would normally be Colour 2 above.
/* pieout=0x?????? - this is the colour of the pie segments when the mouse isn't over them - this would normally be Colour 2 above.
/* pieover=0x?????? - this is the colour of the pie segments when the mouse rolls over them - this would normally be Colour 5 above.
/* pietext=0x?????? - this is the colour of the text in the pie - this would normally be Colour 4 above.


/* These notes are for guidance only, at the end of the day, it's got to look good, so double-check the look as you go through changing the values below.
*/



body {
	background-color: #F2F2F2;
}

#thepage {
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	padding: 5px;
}
#topcolourbar {
	background-color: #000033;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 1px;
	padding: 0px;
}
#logobar {
	height: 90px;
	width: 100%;
	margin-left: auto;
	color: #FFFFFF;
	font-weight: bold;
	margin-right: auto;
	background-image: url(../images/pagepic_logo.jpg);  /* Modify the logo.jpg file for each client dimensions 950 x 90 */
	background-repeat: no-repeat;
}
#leftnavigation {
	float: left;
	height: auto;
	width: 200px;
}
#submenutitle {
	font-size: 13px;
	color: #FFFFFF;
	background-color: #FF6600;  /* Use Colour 2 */
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;  /* Use Colour 3 */
	border-bottom-color: #FFFFFF;  /* Use Colour 3 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 10px;
	width: 190px;
	padding-top: 4px;
	padding-bottom: 4px;
	top: auto;
	padding-right: 5px;
	padding-left: 5px;
}
#navigationpicture {
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;  /* Use Colour 3 */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;  /* Use Colour 3 */
}
#navcontainer ul
{
	padding-left: 0;
	margin-left: 0;
	color: #FFFFFF;
	float: left;
	width: 730px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 59px;
	margin-left: 106px;
	margin-bottom: 2px;
	padding-top: 0px;
}

#navcontainer ul li {
	display: inline;
}

#navcontainer ul li a
{
	color: #FFFFFF;  /* Use Colour 6 */
	text-decoration: none;
	float: left;
	margin-right: 5px;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
}

#navcontainer ul li a:hover
{
	color: #000000;  /* Use Colour 7 */
}
#pagecontent {
	height: auto;
	width: 730px;
	float: right;
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-left: 10px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#pagecontent a {
	color: #000000;
	text-decoration: none;
}
.pagetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;  /* Use Colour 2 */
	margin-top: 5px;
	padding-bottom: 5px;
}
.breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: -15px;
}
.breadcrumbs a {
	color: #000000;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}

.sitemaptitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;  /* Use Colour 2 */
}
.sitemapsubtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-indent: 22px;
	margin-top: -18px;
}
#nextbutton a {
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF6600;  /* Use Colour 2 */
	text-align: right;
	float: right;
	width: 730px;
	border-bottom-style: none;
	font-weight: bold;
	padding-top: 5px;
	color: #FF6600;  /* Use Colour 2 */

}
#nextbutton a:hover {
	color: #000000;  /* Use Colour 7 */

}
#belowsubmenu {
	background-color: #FF6600;  /* Use Colour 2 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 325px;
	width: 190px;
	top: auto;
	padding: 5px;
	line-height: 20px;
}
#belowsubmenu a {
	text-decoration: none;
	color: #FFFFFF;  /* Use Colour 4 */
}
#belowsubmenu a:hover {
	color: #000000;  /* Use Colour 1 */
}

#linkinbody a {
	text-decoration: none;
	border-bottom-style: none;
	margin-right: 50px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

#thebasebar {
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	padding: 5px;
	border: none;
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}

#thebasebar a {
	color: #999999;
	text-decoration: none;
}

#thebasebar a:hover {
	color: #666666;
	text-decoration: none;
}
#belowsubmenumid {

	background-color: #FF6600;  /* Use Colour 2 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 720px;
	width: 190px;
	top: auto;
	padding: 5px;
	line-height: 20px;
}
#belowsubmenumid a {

	text-decoration: none;
	color: #FFFFFF;  /* Use Colour 4 */
}
#belowsubmenumid a:hover {

	color: #000000;  /* Use Colour 1 */
}
#belowsubmenulong {

	background-color: #FF6600;  /* Use Colour 2 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 1100px;
	width: 190px;
	top: auto;
	padding: 5px;
	line-height: 20px;
}
#belowsubmenulong a {

	text-decoration: none;
	color: #FFFFFF;  /* Use Colour 4 */
}
#belowsubmenulong a:hover {

	color: #000000;  /* Use Colour 1 */
}