/*this defines the font style and color, also the gradient background image*/

body {

    font-family: Arial, Helvetica, sans-serif;

	text-align: center;

	font-size: 100%;

	background-image:   url('files/gradient_bg.gif');

	color: #333333;

    background-repeat: repeat-x;

	padding-top: 20px;

	padding-bottom: 20px;

    margin: 0;

	border: 0px none;

	background-color: #6c4cc0;/*themecolour4;*/

	min-width: 770px

}



/**Layout Divs**/

/*this container centers the content in the browser and fixes the overall width*/

#wrapper {

	margin: 10px auto 5px;

	width: 770px;

	text-align: left;

	visibility: visible;

	background-color: #eef1e7;

}

/*this container holds the logo and heading graphic*/

#header {

	width: 770px;

	height: 85px;

	background-image: url('files/header_bg.gif');

	background-repeat: repeat-x	

}

/*this container holds the horizontal navigation bar and defines the background image*/

#hnav {

	width: 770px;

	margin-top: 0;

	background-image: url('files/hnav_bg.gif');

	background-repeat: no-repeat;

	height: 32px;

	padding-left: 15px

	}

/*this container holds the main image and holds the contentright div containing the right-hand text*/	

.content1 {

	width: 770px;

	margin-top: 0;

	background-color:  #afa3e6;/*themecolour3;*/

	padding-bottom: 5px;

	

}



#contentleft {

float:left;

}



/*this container holds upper right-hand text. - this is held within the above selector. Overflow is set to auto so if the content exceeds the 190px depth vertical scrollbars are provided.*/

#contentright {

	clear:none;

	height: 400px;

	overflow: auto;

	scrollbar-face-color: #b38dff;/*themecolour1$ 55.4%,70.2%;*/

	scrollbar-highlight-color: #e9dfff;/*themecolour1$ 87.3%,95.7%;*/

	scrollbar-3dlight-color: #5400ff;/*themecolour1;*/

	scrollbar-darkshadow-color: #521cc0;/*themecolour1$ 14.6%,-24.6%;*/

	scrollbar-shadow-color: #a77cff;/*themecolour1$ 48.8%,27.5%;*/

	scrollbar-arrow-color: #ffffff;

	scrollbar-track-color: #d6c3ff;/*themecolour1$ 76.3%,73.0%;*/

	padding-left: 10px;

	padding-right: 10px;

}



/*this container holds the four boxes at the bottom of the index page*/

#floatcontainer {

	width: 761px;

	height: 220px;

	padding-top: 15px;

	background-color:  #afa3e6;/*themecolour3;*/

	padding-bottom: 15px;

	text-align: left;

	border-top-width: 2px;

	border-top-style: dashed;

	border-top-color: #5400ff;/*themecolour1;*/

}



/*set up the four floated boxes - these are held within the above selector*/

.floatboxes {

   width: 22%;

	height: 200px;

	margin:  0 8px;

	ma\rgin: 0 10px;

	border: 1px solid #5400ff;/*themecolour1;*/

	float: left;

	background-color: #e9dfff;/*themecolour1$ 87.3%,95.7%;*/

	overflow: auto;/*set overflow to auto - if the content exceeds the boxes height scroll bars are provided*/

	scrollbar-face-color: #b38dff;/*themecolour1$ 55.4%,70.2%;*/

	scrollbar-highlight-color: #e9dfff;/*themecolour1$ 87.3%,95.7%;*/

	scrollbar-3dlight-color: #5400ff;/*themecolour1;*/

	scrollbar-darkshadow-color: #521cc0;/*themecolour1$ 14.6%,-24.6%;*/

	scrollbar-shadow-color: #a77cff;/*themecolour1$ 48.8%,27.5%;*/

	scrollbar-arrow-color: #ffffff;

	scrollbar-track-color: #d6c3ff;/*themecolour1$ 76.3%,73.0%;*/

}



/*style the text in the lower boxes*/

.floatboxes p {

	font-size: 70%;

	margin: 0px;

	padding-bottom: 4px;

	padding-right: 5px;

	padding-left: 5px;

	padding-top: 4px;

}

/*style the text in the upper boxes*/

#contentright p {

	font-size: 70%;

	margin: 0px;

	padding-right: 5px;

	padding-left: 5px;

	padding-top: 6px;

	padding-bottom: 2px;

}

/*style the heading text in the lower boxes*/

.floatboxes h1 {

	font-size: 90%;

	margin: 0px;

	padding-bottom: 4px;

	padding-top: 2px;

	font-weight: bold;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #5400ff;/*themecolour1;*/

	padding-left: 5px;

	background-color: #b38dff;/*themecolour1$ 55.4%,70.2%;*/

}

/*alternative style for the heading text in the lower boxes*/

.floatboxes h2 {

	font-size: 90%;

	margin: 0px;

	padding-bottom: 4px;

	padding-top: 2px;

	font-weight: bold;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #5400ff;/*themecolour1;*/

	padding-left: 5px;

	background-color: #9286c5;/*themecolour3$ -3.6%,-14.5%;*/

}



/*alternative style for the heading text in the lower boxes*/

.floatboxes h3 {

	border-bottom:1px solid #5400ff; font-size: 90%;

	margin: 0px;

	padding-bottom: 2px;

	padding-top: 2px;

	font-weight: bold;

	/*themecolour1;*/

	padding-left: 5px;

	background-image: url('files/paragraph_bg.gif');

	background-repeat: no-repeat

}



/*style the heading text in the lower boxes*/

#footer {

	width: 770px;

	clear: both;

	font-size: 70%;

	text-align: center;

	background-image: url('files/footer_bg.gif');

	background-repeat: no-repeat;

	height: 32px;

	margin-right: 0px;

	margin-left: 0px;

	padding-top: 10px;

	padding-left: 22px;

	background-color: #6c4cc0

}

/*sets margins to 0*/

p {

	margin-top: 0px;

	margin-bottom: 0px;

}



/*style the heading text in the upper-right box*/

.content1 h1 {

	font-size: 100%;

	background-color: #9286c5;/*themecolour3$ -3.6%,-14.5%;*/

	padding: 4px;

	margin: 0px 10px 0px 0px;

	border: 1px solid #5400ff;/*themecolour1;*/

}



/*floats element to the left*/

.left {

	float: left;

	margin: 0px;

	padding: 0px;

	left: -2px;

}



/*floats element to the left*/

.right {

	float: right;

}





/*link styles*/

a:link {

	color: #2f008f;/*themecolour1$ -5.7%,-44.1%;*/	

}



a:visited {

	color: #2f008f;/*themecolour1$ -5.7%,-44.1%;*/	

}



a:link:hover {

	color: #5400ff;/*themecolour1;*/	

}



/*floats image to the left of text blocks*/ 

.imagefloat {

	float: left;

	vertical-align: middle;

	padding-right: 2px;

}



/*floats logo graphic to the left */ 

div.row span.left {

  float: left;

  text-align: left;

  font-weight: bold;

  color: #ffffff; 

  }



/*floats heading graphic to the right */ 

div.row span.right {

  float: right;

  text-align: right;

  font-weight: bold;

  color: #fff; 

  }