/*INTEGRATED BRADFORD SITE V0.0.1*/

/*STRUCTURE*/

/*BODY DIV*/
	
	body {
		margin:0;
		padding-top:10px;
		background-color: #4B9CAA;
		background-image: url(../img/bodyback.jpg);
		background-repeat: repeat-x;
		background-position: top;
	}
	
	img {
		border-width:0px;
	}
	
/*CONTAINER DIV*/
	
	#container {
		width:752px;
		margin:auto;
		background-image: url(../img/mainback.jpg);
		background-repeat: repeat-y;
	}
	
/*HEADER DIV*/
	
	#header {
		height:111px;
		width:752px;
		float: left;
		background-image: url(../img/header.jpg);
		background-repeat: no-repeat;
		font-size:62.5%;
	}
	
/*HEADER LINK FORMATTING*/
	
	#header ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#header li{
		padding:0 2px 0 0;
		display: inline;
		color:#CCCCCC;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#header a{
		text-decoration: none;
		color:#CCCCCC;
	}
	
	#header a.active{
		text-decoration: none;
		color:#FFFFFF;
	}
	
	#header a:hover{
		color:#68C8C6;
	}
	
/*HEADER SUB DIVS*/
	
	#lang {
		text-align:left;
		display:block;
		float:left;
		padding: 2px 0px 0px 10px;
		margin: 0;
		width:500px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size:1.1em;
	}
	
	#access {
		text-align:right;
		display:block;
		float:right;
		padding: 2px 10px 0px 0px;
		margin: 0;
		width:200px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size:1.1em;
	}
	
/*TOPNAV DIV*/
	
	#topnav {
		display:inline;
		float:left;
		width:752px;
		height:22px;
		background-image: url(../img/topnav.jpg);
		background-repeat: repeat-x;
		font-size:62.5%;
	}
	
/*TOPNAV SUB DIVS*/
	
	#main {
		text-align:left;
		display:block;
		float:left;
		padding: 3px 0px 0px 10px;
		margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size:1.2em;
	}
	
/*TOPNAV LINK FORMATTING*/
	
	#topnav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#topnav li{
		padding:0 15px 0 0;
		display: inline;
		color:#CCCCCC;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
	}
	
	#topnav a{
		text-decoration: none;
		color:#FFFFFF;
	}
	
	#topnav a:hover{
		color:#68C8C6;
	}
	
/*LEFT COLUMN DIV*/
	
	#left {
		display:inline;
		float:left;
		width:105px;
		padding: 0px 0px 0px 0px;
		margin: 10px 10px 10px 10px;
		color: #000000;
		font-size:62.5%;
	}
	
	#menublock {
		width: 105px;
		padding: 0 0 3px 0;
		margin-bottom: 3px;
		font-family: Verdana, Arial, sans-serif;
		font-size: 1em;
		background-color: #F2F2F2;
		color: #333333;
	}
	
	* html #blueblock { /*IE 6 only */
		w\idth: 102px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
	}
	
	#menublock ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}
	
	#menublock li {
		border-bottom: 1px solid #F2F2F2;
		margin: 0;
	}
	
	#menublock li a{
		display: block;
		padding: 2px 2px 2px 2px;
		border-left: 5px solid #00778A;
		background-color: #68C8C6;
		color: #FFFFFF;
		text-decoration: none;
		width: 100%;
	}
	
	html>body #menublock li a{ /*Non IE6 width*/
		width: auto;
	}
	
	#menublock li a:hover{
		border-left: 5px solid #00778A;
		background-color: #00778A;
		color: #FFFFFF;
	}
	
/*CENTER COLUMN DIV*/
	
	#centre {
		display:inline;
		float:left;
		width:460px;
		padding:20px 20px 20px 20px;
		margin: 10px 0px 10px 0px;
		color: #000000;
		font-size:62.5%;
		background-color: #FFFFFF;
		border: 1px solid #CCCCCC;
	}
	
	#centre p {
		font-size: 1.2em;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#centre h1 {
		font-size: 1.2em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin: 20px 0px 0px 0px;
		padding: 0px;
		color: #68C8C6;
	}
	
	#centre h2 {
		font-size: 1.3em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin: 20px 0px 0px 0px;
		padding: 0px;
		color: #68C8C6;
	}
	
	#centre h3 {
		font-size: 1.4em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin: 20px 0px 0px 0px;
		padding: 0px;
		color: #68C8C6;
	}
	
	#centre h4 {
		font-size: 1em;
		font-family: Arial, Helvetica, sans-serif;
		margin:0px;
		padding: 0px;
	}
	
	#centre h5 {
		font-size: 2em;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		margin: 15px 0px 15px 0px;
		padding: 0px;
		color: #68C8C6;
	}
	
	#centre li {
		font-size: 1.2em;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		list-style-type: disc;
	}
	
	#centre a{
	text-decoration: none;
	color: #68C8C6;
	}
	
	#centre a:hover{
		color:#999999;
	}
	
	#centre a.bc{
		text-decoration: none;
		color: #999999;
	}
	
	#centre a:hover.bc{
		color: #68C8C6;;
	}

	.greyline {
		margin:0px 0px 0px 0px;
		width:460px;
		height:1px;
		font-size:0px;
		line-height:0px;
		background-color: #CCCCCC;	
	}
	
	#rightalign {
		display:inline;
		float:right;
		width:177px;
		padding: 0;
		margin: 0;
	}
	
	#righthighlight {
		display:inline;
		float:right;
		width:140px;
		padding: 10px 10px 10px 10px;
		margin: 20px 0px 15px 15px;
		color: #666666;
		font-size:1em;
		background-color: #F7F7F7;
		border: 1px dashed #CCCCCC;
	}
	
	#righthighlight p {
		margin: 10px 0px 0px 0px;
	}
	
	#righthighlight li {
		margin: 10px 0px 0px 0px;
		padding: 0px;
	}
	
	#righthighlight ul {
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	
	#righthighlight li {
		list-style-type: none;
	}


	#righthighlight h1 {
		margin: 10px 0px 0px 0px;
	}


/*RIGHT COLUMN DIV*/

	#right {
		display:inline;
		float:left;
		width:105px;
		padding:0px 0px 0px 0px;
		margin: 10px 10px 10px 10px;
		color: #000000;
		font-size:62.5%;
	}

	#rightbox {
		display:inline;
		float: left;
		width: 95px;
		padding:0px 5px 5px 5px;
		margin: 0px 0px 10px 0px;
		color: #000000;
		background-color: #FFFFFF;
		border: 1px solid #65C8C6;
		background-image: url(../img/sidehead.jpg);
		background-repeat: no-repeat;
		background-position: top;
	}

	#rightboxline {
		margin:1px 0px 3px 0px;
		width:95px;
		height:1px;
		font-size:0px;
		line-height:0px;
		background-color: #CCCCCC;	
	}
	
	#right p {
		font-size: 1em;
		margin:0px;
		padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 2px 0 7px 0px;
	}
	
	#right h1 {
		font-size: 1.1em;
		font-family: Arial, Helvetica, sans-serif;
		margin:0px;
		padding: 2px 0 7px 0px;
		color:#00778A;
	}
	
	#right h2 {
		font-size: 1em;
		font-family: Arial, Helvetica, sans-serif;
		margin:0px;
		padding: 0px;
		padding: 0 0 2px 0px;
		color:#68C8C6;
	}
	
	#right h3 {
		font-size: 1em;
		font-family: Arial, Helvetica, sans-serif;
		margin:0px;
		padding: 0px;
		padding: 0 0 2px 0px;
		color:#00778A;
	}
	
	#right h4 {
		font-size: 1.1em;
		font-family: Arial, Helvetica, sans-serif;
		margin:0px;
		padding: 0px;
	}
	
	#right h5 {
		font-size: 1.1em;
		font-family: Arial, Helvetica, sans-serif;
		margin:0px;
		padding: 0px;
	}
	
	#right h6 {
		font-size: 1.1em;
		font-family: Arial, Helvetica, sans-serif;
		margin:0px;
		padding: 0px;
	}
	
	#right a{
		text-decoration: none;
		color: #68C8C6;
	}
	
	#right a:hover{
		color:#00778A;
	}
	
/*FOOTER DIV*/
	
	#footer {
		margin:0px;
		clear:both;
		height:47px;
		background-image: url(../img/footer.jpg);
		background-repeat: no-repeat;
		margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color:#FFFFFF;
		font-size:62.5%;
	}
	
	#footer a{
		text-decoration: none;
		color:#FFFFFF;
	}
	
	#footer a:hover.fc{
		color:#F69221;
	}
	
	#footer ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#footer li{
		padding:0 2px 0 0;
		display: inline;
		color:#CCCCCC;
	}
	
	#footer a{
		text-decoration: none;
		color:#FFFFFF;
	}
	
	#footer a:hover{
		color:#68C8C6;
	}
	
/*FOOTER SUB DIVS*/
	
	#credit {
		text-align:left;
		display:block;
		float:left;
		width:190px;
		padding: 3px 0px 0px 10px;
		font-size: 1.1em;
	}
	
	#copy {
		text-align:center;
		display:block;
		float:left;
		width:350px;
		padding: 3px 0px 0px 0px;
		font-size: 1.1em;
	}
	
	#fmenu {
		text-align:right;
		display:block;
		float:left;
		width:190px;
		padding: 3px 10px 0px 0px;
		font-size: 1.1em;
	}
	
/*IMAGE FORMATTING*/	
	
	.leftimage {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		border: 1px solid #CCCCCC;
	}
	
	.rightimage {
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
		border: 1px solid #CCCCCC;
	}
	
	
	.leftimagenb {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		border: 0px;
	}
	
	.rightimagenb {
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
		border: 0px;
	}
	
	.imagenb {
		margin: 0px;
		padding: 0px;
		border: 0px;
	}
	
	.clearimage {
		display: block;
		clear: both;
	}