/* Trafford Housin CSS Style Sheet */
/* Web Version */
/* Copyright 2007 - Ian Walker */
/* Developed by Connect Internet Solutions Limited */


/* General */

body { background-color: #ffffff; margin:0px; padding:0px 0px 0px 0px; font-family:Arial, Helvetica, Verdana, sans-serif; font-size: 75%; font-weight: normal; color: #000000;}
a {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 100%; color: #000; text-decoration: none;}
a:hover { text-decoration: underline;}


/* General Layout */
.header { 
position: relative; float: left; width: 780px; padding: 0px; margin: 5px 0px 5px 0px;}
.sbox {
position: relative; float: left; width: 150px; padding: 0px 0px 0px 10px; margin: 10px 0px 0px 0px;}
.styles {
position: relative; float: left; width: 150px; padding: 0px; margin: 0px 0px 15px 0px;}
.search {
position: relative; float: left; width: 150px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.searchbox { 
position: relative; float: left; border: #eee; width: 146px; margin: 0px; border: 1px solid #CCC;}
.searchbutton {
position: relative; float: right; background-color: #eee; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #fefefe; border-left: 1px solid #fefefe; margin: 5px 0px 0px 0px;}
.logo {
position: relative; float: left; width: 600px; height: 121px; padding: 0px; margin: 0px 0px 0px 10px; background-image:url(/shared/graphics/tht/images/thtbanner.gif); background-repeat:no-repeat;}

/* Main */
.main { 
position: relative; float: left; width: 780px; padding: 0px; margin: 0px;}
.navigation {
position: relative; float: left; width: 160px; padding: 0px; margin: 0px;}
.navigation ul { 
position: relative; margin: 0px 0px 10px 0px; padding: 0px; list-style: none; width: 160px;}	
.navigation li { 
position: relative; float: left; width: 150px; border-bottom: 1px solid #fff; background-color:#EEE; margin: 0px; padding: 5px 0px 5px 10px;}			 
.navigation li.selected { 
position: relative; float: left; width: 150px; border-bottom: 0px solid #fff; background-color:#00A850; color:#FFFFFF; margin: 0px; padding: 5px 0px 0px 10px;}
.navigation li.selected ul { 
position: relative; margin: 5px 0px 0px -10px; padding: 0px; width:160px;}
.navigation li.selected li { 
position: relative; float: left; width: 150px; border-bottom: 1px solid #fff; background-color:#DEEED7; margin: 0px; padding: 5px 0px 5px 10px;}

.content {
position: relative; float: left; width: 600px; padding: 0px; margin: 0px 0px 0px 10px;}
.content h1{font-size:130%; font-weight:bold; margin: 0px; padding: 5px 0px 10px 0px;clear:both;
}
.content h2{font-size:115%; font-weight:bold; margin: 0px; padding: 10px 0px 5px 0px; clear:both;
}
.content h3{font-size:100%; font-weight:bold; margin: 0px; padding: 5px 0px 5px 0px; clear:both;
}
.content h4{font-size:130%; font-weight:bold; margin: 0px; padding: 20px 0px 5px 0px;clear:both;
}
.contentcolumn1 {
position: relative; float: left; width: 230px; padding: 0px; margin: 0px;}
.contentcolumn2 {
position: relative; float: left; width: 360px; padding: 0px; margin: 0px 0px 0px 10px;}

.lightgreenbox {
position: relative; float: left; width: 220px; padding: 5px; margin: 0px 0px 10px 0px; background-color:#DEEED7;}
.lightgreenbox H1{
font-size:130%; font-weight:normal; margin: 0px; padding: 0px; width: 120px;clear:left;}
.lightgreenbox a{
font-size:130%; font-size:100%; clear:left;}
.lightgreenbox1 {
position: relative; float: left; width: 220px; padding: 5px; margin: 0px 0px 10px 0px; background-color:#DEEED7;}
.lightgreenbox1 H1{
font-size:130%; font-weight:normal; margin: 0px; padding: 0px; width: 220px;clear:left;}
.lightgreenbox1 a{
font-size:130%; font-size:100%; clear:left;}

.darkgreenbox {
position: relative; float: left; width: 220px; padding: 5px; margin: 0px 0px 10px 0px; background-color:#00A850; color:#ffffff;}
.darkgreenbox H1{
font-size:130%; font-weight:normal; margin: 0px; padding: 0px; width: 120px;clear:left;}
.darkgreenbox a{
font-size:130%; font-size:100%;color:#ffffff; clear:left;}

.newsbox {
position: relative; float: left; width: 360px; padding: 0px; margin: 0px 0px 10px 0px;}
.newsbox H1{
font-size:130%; font-weight:normal; margin: 0px; border-bottom: 2px solid #eee; padding: 5px 0px 5px 0px;}
.newsbox ul { 
position: relative; margin: 0px; padding: 0px; list-style: none; width: 360px;}	
.newsbox li { 
position: relative; float: left; width: 360px; border-bottom: 2px solid #eee; margin: 0px; padding: 5px 0px 5px 0px;}

.footer { 
position: relative; float: left; width: 780px; padding: 0px; margin: 10px 0px 0px 0px;}
.footercontent {
position: relative; float: left; width: 600px; padding: 0px 0px 0px 170px; margin: 0px;}
.footercontent p {
font-size:130%; color:#000000; font-weight:normal;}
.footersmall {
color:#666666; font-size:80%;}

.credits {
position: relative; float: left; width: 600px; padding: 0px 0px 0px 170px; margin: 10px 0px 0px 0px;}
.credits ul {
position: relative; margin: 0px; padding: 0px; list-style: none; width: 600px;}
.credits li {
position: relative; float: left; margin: 0px; padding: 0px;}

/* Sub Page */

.breadcrumb {
}
.page {
}
.npage H1{
font-size:130%; font-weight:normal; margin: 0px; border-bottom: 2px solid #eee; padding: 5px 0px 5px 0px;}

/* styles common to all pages */

/*
body {
	background-color: #EFEFEF;
	margin: 0px;
	background-image: url(/shared/graphics/tht/images/greytile.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

a {
	color: #af2a51;
	text-decoration: none;
}

a:visited {
	color: #af2a51;
}

a:hover {
	color: #af2a51;
	text-decoration: underline;
}

h1 {
	font-size: 1.0em;
	color: #333333;
	width: auto;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 15px;
	clear:both;
}

h2 {
	font-size: 0.75em;
	font-weight: bold;
	color: #333333;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	clear: both;
	
}

h3 {
	font-size: 0.7em;
	font-weight: bold;
	color: #333333;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	clear: both;
}

h5 {
        font-size: 0.75em;
        font-weight: bold;
	color: #333333;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 15px;
	clear:both;		
}

h6 {
        font-size: 0.75em;
        font-weight: bold;
	color: #333333;
	padding-bottom: 0px;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 0px;
	clear:both;		
}
form {
	margin: 0px;padding:0px
 }
 
 */
 
.welcome_title{
	 background-image: url(/shared/graphics/tht/images/welcome_ani.gif); width: 190px; height: 50px;
}

.welcome_hidden {
	display: none; overflow: hidden;
}


/* following is multi purpose container div the width of the right hand column on all sub pages */
/*xxxxxxxx.fullwidthcontainer {
        font-size: 0.75em;
        color: #333333;
	width: 606px;
	height: auto;
	margin-top: 10px;	
	float: left;
	clear: both;
}*/

/* end styles common to all pages */

/*styles for header bar*/

#headcontainer {
	width: 761px;
	height: 145px;
	background-color: #FFFFFF;
}

#logocontainer {
	width: 131px;
	height: 145px;
	background-color: #FFFFFF;
	float: left;
	background-image:url(/shared/graphics/tht/images/tht_logo.jpg);
}

#telephone {
	width: 248px;
	height: 145px;
	background-color: #FFFFFF;
	float: left;
}



#toplinkscontainer {
	width: 382px;
	height: 145px;
	float: left;
	position:relative;
	
}


#imagestrip {
 	width: 382px;
	height: 60px;
	float:left;
	background-image:url(/shared/graphics/tht/images/smallpics.jpg);
}

#tel {
	width:107px;
	height:31px;
	float:left;
	background-image: url(/shared/graphics/tht/images/telephone.jpg);
	background-position: left center;
	padding-left:25px;
	padding-top:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	background-repeat: no-repeat;
}
 
#date {
	width: 149px;
	height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	float:left;

}
 
#toplinks {
	width: 196px;
	height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: right;
	margin-top: 14px;
	float:left;
}

/*.searchform {
	width: 230px;
	height: 32px;
	text-align: right;
	float: left;
	padding-top: 9px;

 }
 
.searchform form {
	margin: 0px;
 }
 */
/*end styles for header bar*/



/*xxxxxxxxxxxx#maincontentcontainer {
width: 761px;
height: auto;
float:left;
position:relative;
}*/

#submaincontainer{
	width:630px;
	float:right;
	position:relative;
	height:auto;
}
 

/*styles for navigation*/

.navcontainer{
width: 131px;
float: left;
position:relative;
background-color: #ffffff;

}

.navcontainer .editinfo{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; margin:0px; padding:0px;background-color: #cccccc;}

.navcontainer .editinfo form{ margin:0px; padding:0px;}

.navcontainer a {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}

.navcontainer a:visited {
	color: #333333;
}

.navcontainer a:hover {
	color: #af2a51;
	text-decoration: underline;
}

.navcontainer li {
	position: relative;
	float: left;
	width: 95px;
	display: inline;
	padding: 5px 10px 5px 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-bottom: 1px;	
}


.navcontainer ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	width: 131px;
}
/*
.greenbut {
	background-image: url(/shared/graphics/tht/images/greenbut.jpg);
	background-position: 0px 0px;
	background-repeat:repeat-y;
	overflow:hidden;
	/* this style rule added on 18 may 06*/
	background-color: #cccccc;
}

.redbut {
	background-image: url(/shared/graphics/tht/images/redbut.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-y;overflow:hidden;
	/* this style rule added on 18 may 06*/
	background-color: #cccccc;
}
*/
#poll {
	width:131px;
	height:auto;
	float:left;
	position:relative;
	padding-top:20px;
	padding-bottom:20px;
	background-image: url(/shared/graphics/tht/images/pollgreytile.jpg);
	background-repeat: repeat-y;
}

.polltext {
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	font-weight:normal;
	color:#333333;
	padding:10px 0px 0px 25px;
}

.polltext form{
	margin: 5px 0px 5px 0px;
}

.polltext a {
	font-family: Arial, Helvetica, sans-serif;
	color: #af2a51;
	text-decoration: none;
}

.polltext a:visited {
	color: #af2a51;
}

.polltext a:hover {
	color: #af2a51;
	text-decoration: underline;
}


/*end styles for navigation*/
 

/*start styles for features*/

#featurecontainer {
 width: 235px;
 height: auto;
 float:left;
 position: relative;
 padding-left:6px;
 
 }
 
 #mainfeature {
    width: 215px;
    height: auto;
    background-color: #af2a51;
    float:left;
    padding: 10px 10px 10px 10px;
 }

#mainfeature p {   
    margin: 10px 0px 0px 0px;
} 

.featuretext {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 150%;
}


#mainfeature h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}



.missionstatement1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}


.missionstatement1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.missionstatement1 a:visited {
	color: #FFFFFF;
	font-weight: normal;
}

.missionstatement1 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}


.greenblockcontainer {
	width:235px;
	height:88px;
	background-color: #006634;
	float:left;
	position:relative;
	margin-top: 6px;
}

.greenblock1 {
	width:142px;
	height:83px;
	background-color:#006634;
	float:left;
	padding-top:5px;
	padding-left:5px;

}

.greenblock1 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.greenblock2 {
	width:78px;
	height:78px;
	background-color: #006634;
	float:left;
	padding-top:6px;
	padding-left:6px;
	
}
/*end styles for features*/


/*start styles for newscolumn*/

#newscolumn {
	width: 383px;
	height: auto;
	float:right;
	position:relative;
	margin-left:6px;
}

#newscolumn h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	color: #333333;
	width: auto;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px 8px 5px 0px;
	clear: both;
}

#titleimage {
	width:383px;
	float:left;
}

.textblockindex {
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-weight: normal;
	color: #333333;
	padding-right:8px;
	float:left;
	padding-bottom:20px;
}


.textblockindex h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	color: #333333;
	background-image: url(/shared/graphics/tht/images/greenstripe.gif);
	background-position: left bottom;
	background-repeat:no-repeat;
	padding-bottom:15px;
	margin-top:10px;
	border: 0px;
}

.newsitemindex {
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-weight: normal;
	color: #333333;
	border-bottom: solid 1px #cccccc;
	padding-bottom:5px;
	padding-top:0px;
	margin-right:8px;
}

.newsitemindex h2{

	width:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-weight: bold;
	color: #333333;
	margin-top:0px;
	margin-bottom:0px;
}

.newsitemindex h3{
	font-weight: bold;
	font-size: 115%;
	margin:5px 0px 0px 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;

}

.endnewsitemindex {
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	padding-bottom: 5px;	
	border-bottom: 1px solid #CCCCCC;
	margin: 5px 8px 15px 0px;
}

/* following class currently intranet only 030205 */
#newscolumn div.newsfeature {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	line-height: 140%;
	width: auto;
	padding: 0px 0px 5px 0px;
	border-bottom: solid 1px #cccccc;
	margin: 0px 8px 15px 0px;
}

/*end styles for newscolumn*/


/*start styles for footer*/


#footercontainer{
width:761px;
height:100px;
margin-top:20px;
clear:both;

}

#addressfooter {
	width:560px;
	height:50px;
	padding:5px 0px 30px 163px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
        text-align:center;
        position:relative;
}

#addressfooter a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #af2a51;
	text-decoration: none;
}

#addressfooter a:visited {
	color: #af2a51;
	font-weight: normal;
}

#addressfooter a:hover {
	color: #af2a51;
	text-decoration: underline;
	font-weight: normal;
}

#logofooter {
	width:621px;
	height:50px;
	padding-left: 140px;
	padding-top:5px;
	margin-bottom:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	position:relative;
	
}
#logofooter ul {list-style-type: none; padding: 0px; margin: 0px;}
#logofooter li  { list-style-type: none; display: inline; margin-left: 0px; margin-right: 10px; }
/*end styles for footer*/


/*styles common to all pages excluding index pages*/

#location {
	text-align: left;
	clear: both;
	padding-top: 3px;
}
#location a{color:#af2a51;	
}

#location li {display:inline; margin:0px; padding:0px;}
#location ul  {position: relative; float:left; margin:0px; padding:0px; width:500px;}

.associatedlink { clear:both;padding:5px 0px 5px 0px;
}
.associatedlink a{ color:#af2a51;
}
.associatedlink li a{ color:#af2a51;	       
}
.associatedlink hover{ text-decoration:underline;	
}

/*end styles common to all pages excluding index pages*/

/*styles for news archive pages*/

.downloaddetails2 {
	width: 445px;
	float: left;
}

.archiveimg {
	width:80px;
	height:80px;
	float:left;
	margin-left:10px;
	position:relative;
}

.downloaddetails2 h2 {
        font-size: 115%;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}


.downloaddetails2 h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	clear: both;
}

/* end styles for news archive pages*/

/* styles for newsletters or downloads pages */

img.downloadimg {
	width: 29px;
	height: 29px;
	float: left;
	margin-right: 10px;
}

img.readerimg {
	width: 88px;
	height: 31px;
	float: left;
	margin-right: 15px;
}

.downloadcontainer {
	width: 530px;
	height: auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
	float: left;
}

.downloaddetails {
	width: 491px;
	float: left;
}

.downloaddetails h2 {
	font-size: 115%;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}


/* end styles for downloads pages */

/* start styles for story pages */

.storyblock {
        font-size: 100%;
	width: 530px;
	float: left;       
}
.storyblock select {
	width:100px;
}
.storyblock select option {
	width:60px;
}
.storyblock ul {
        margin-top:5px;
	margin-bottom:5px;
}
.storyblock ol {
	margin-top:5px;
	margin-bottom:5px;
}
.storyblock p {
        margin-top:5px;
	margin-bottom:0px;
}

.storyblock div.imgleft {
	margin-right: 15px;
	float: left;
}

.storyblock div.imgright {
	margin-left: 10px;
	float: right;
}

.storyblock div.imgcentre {
	width: 530px;
	height: auto;
	text-align: center;
}

/* end styles for story pages */

/* ---------------------------------------------------------- styles only in intranet pages ------------------------------------------------------------ */

/* start styles common to multiple intranet pages */

#fullcolumncontainer {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFFFFF;
	width: 600px;
	height: auto;
	float:left;
	padding-left:16px;
	padding-right:8px;
}

.textblock1 {
	width: auto;
	height: auto;
	margin-top: 5px;
}


.textblock {
	color: #333333;
	width: auto;
	height: auto;
	margin-top: 5px;
}

.generalsearch {
	width: 191px;
	height: 32px;
	text-align: left;
	float: left;
	padding-top: 9px;
 }

.generalsearch form {
	 margin: 0px;
         padding: 0px;
 }

.generalcontainer {
	clear: both;
}

/* end styles common to multiple intranet pages */


/* styles for site map */
.folder { font-weight:bold;}
.folder a{ font-weight:bold; color:#af2a51;}
.page a { font-weight:normal;color:#af2a51;}
li.noshow {list-style-type:none; display: inline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}

.editinfo {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 85%; color: #003366; margin:0px; padding:0px;}
.editinfo2 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 85%; color: #ffffff; margin:0px; padding:0px;}
/*form { margin: 0px; padding: 0px;}*/
.hidden-label{  position:absolute;left:0px;  top:-100px;  width:1px; height:1px; overflow:hidden; display:none;}


/* end styles for full staff details page */

/* new styles 17/05/06*/
.styleswitcher{
	font-family:Arial, Helvetica, sans-serif;
	padding-top:14px;
	padding-left:5px;
}

.styles ul {
display:inline;
margin:0px;
padding:0px;
}

.styles li {
display:inline;
margin:0px;
padding:0px;
}


.footertext{

}

.redbackground {
background-color:#eba9bd;
padding: 5px 10px 5px 25px; 
overflow: hidden;  
margin-bottom: 1px;
}

.contrast1{display:inline;}
.contrast2{display:none;}
.contrast3{display:none;}
.contrast4{display:none;}
.graphics1{display:inline;}
.graphics2{display:none;}
.graphics3{display:none;}
.graphics4{display:none;}
.hide{display:none;}

/* new accessibility styles 21/06/06*/

#accesskeys caption{
background-color:#CCCCCC;
text-align:left;
padding:5px;
font-weight:bold;
border-style: solid;
border-left-width: 1px;
border-bottom-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-color:#000000;
}

#accesskeys th{
background-color:#F3F3F3;
border-color:#000000;
border:solid;
border-style: solid;
border-left-width: 1px;
border-bottom-width: 1px;
border-top-width: 0px;
border-right-width: 1px;
border-color:#000000;
}

#accesskeys td{
background-color:#ffffff;
border-color:#000000;
border-style: solid;
border-left-width: 0px;
border-bottom-width: 1px;
border-top-width: 0px;
border-right-width: 1px;
border-color:#000000;
} 

#conformance ul {list-style-type: none; padding: 0px; margin: 0px;}
#conformance li { list-style-type: none; display: inline; margin-left: 0px; margin-right: 12px; }