@charset "UTF-8";
/*
Style sheet for www.relatebradford.org.uk
Site created at The Cellar Project - www.thecellarproject.co.uk
*/
body {
	margin: 0;
	padding: 0 0 0 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	background: #ffffff url(../images/body-back.gif) repeat-y;}
div {
	margin: 0;
	padding: 0;}
#container {
	width: 750px;
	margin-top: 25px;
	margin-left: 20px;
	background: #ffffff;}
	
#header {
	background-image: url(../images/listerlandscapekatiecrop.gif);
	background-repeat: no-repeat;
	width: 750px;
	float: left;}
#header img {
	float: right;}
	
#menu {
	float: centre;
	clear: both;
	margin-top: 27px;}
#menu li{
	list-style-type: none;
	display: inline;}
#menu ul {
	margin-left: 0;
	padding-left: 0;}
#menu li a {
	float: left;
	padding-top: .5em;
	padding-left: .8em;
	padding-right: .8em;
	height: 1.7em;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 87%;}
#menu li a.home {
	background: #00aeef;
	padding-left: 10px;}
#menu li a.home:hover {
	background: #0094cb;}
#menu li a.relationship {
	background: #4d9a10;}
#menu li a.relationship:hover {
	background: #3c780c;}
#menu li a.family {
	background: #94348c;}
#menu li a.family:hover {
	background: #560a4d;}
#menu li a.sex {
	background: #ce0000;}
#menu li a.sex:hover {
	background:  #aa1c1c;}
#menu li a.appointment {
	background: #f3990a;}
#menu li a.appointment:hover {
	background: #c97f09;}
#menu li a.referral {
	padding-right: 1.5em;
	background: url('../images/menuCornerNew.jpg') no-repeat top right;}
#menu li a.referral:hover {
	padding-right: 1.5em;
	background: url('../images/menuCornerHoverNew.jpg') no-repeat top right;}

#contentWhole {
	width: 710px;
	padding: 10px 20px;
	float: left;}
#contentLeft {
	float: left;
	width: 350px;
	margin-left: 20px;}
#contentRight {
	float: left;
	width: 350px;
	margin-left: 30px;
	margin-top: 20px;
	text-align: right;}
	
#footer {
	clear: left;
	width: 750px;
	background-color: #00aeef;
	margin-top: 10px;
	color: #ffffff;}
#footer.family {
	background-color: #94348c;}
#footer.relationships {
	background-color: #4d9a10;}
#footer.sexTherapy {
	background-color: #ce0000;}
#footer.appointment {
	background-color: #f3990a;}
#footer.referral {
	background-color: #3233ff;}
	
#footerMenu {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0;
	margin-bottom: 0;}
#footerMenu ul {
	margin: 0 0 0 25px;
	padding: 0;}
#footerMenu li {
	display: inline;
	margin-right: 1.5em;}
#footerMenu li a {
	color: #FFFFFF;
	}

h1 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 1px;
	clear: both;
	background-color: #00aeef;
	color: #ffffff;}
h2 {
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #00aeef;}
h1.family  {
 	color: #ffffff;
	background-color: #94348c;}
h2.family {
	color: #94348c;}
h1.relationships {
	color: #ffffff;
	background-color: #4d9a10;}
h2.relationships{ 
	color: #4d9a10;}
h1.sexTherapy {
	color: #ffffff;
	background-color: #ce0000;}
h2.sexTherapy{
	color: #ce0000;}
h1.appointment {
	color: #ffffff;
	background-color: #f3990a;}
h2.appointment {
	color: #f3990a;}
h1.referral {
	color: #ffffff;
	background-color: #3233ff;}
h2.referral {
	color: #3233ff;}
	
div.infoLabel {
	clear: both;
	float: left;
	margin-left: 15px;
	width: 8.5em;
	font-weight: bold;
	text-align: right;}
div.info {
	float: left;
	margin-left: 7px;
	margin-bottom: 8px;}
	
form {
	margin: 10px;
	padding: 10px;
	border: 1px solid #ccc;}
fieldset {
	padding: 10px 5px;}
textarea {
	margin-left: 10px;
	width: 30em;
	height: 5em;}
label {
	float: left;
	clear: left;
	text-align: right;
	margin-right: 1em;
	margin-left: 10px;
	font-weight: bold;}
label.short {
	width: 11em;}
input {
	float: left;
	width: 14em;
	margin-bottom: 3px;}

br.break {
	height: 1px;
	clear: both;}
.required {
	font-weight: bold;
	color: #FF0000;
	margin-left: 5px;
}
.notrequired {
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 5px;
}