/*-----------------------------------------------------------------------------
Liquid logic
-----------------------------------------------------------------------------*/

@import "navigation.css";

/* =General
-----------------------------------------------------------------------------*/
* {
  	margin: 0;
	padding: 0;
}

html, body {
	height:auto !important;
	width:100%;
	height:100%;
	}
td, input, textarea, select {
	font-family:  Arial, Verdana, Helvetica, Tahoma, sans-serif; 
	font-size: 1em; 
	margin:0px; 
	padding:0px;}

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

hr { 
	display:none; }

img { 
	border:none; }
	
.hide { display:none;}
.alignTop { vertical-align:top; }
.alignRight { text-align:right; }
.alignLeft { text-align:left; }
.alignCenter { text-align:center; }
.floatLeft { float:left; }
.floatRight { float:right; }
.clearall { clear:both; }
.clearLeft { clear:left; }
img.mr10 {
	float:right;
	margin:0 0 10px 10px;
	}
img.ml10 {
	float:left;
	margin:0 10px 10px 0;
	}
br.clearall {
	clear:both;
	height:0em;
	line-height:0em;	
	}
/* =Typography
-----------------------------------------------------------------------------*/
body {          
    font-size:62.5%; 
	color:#000; 
	font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif; 
	background:#7b7b7b;
	margin:0; 
	padding:0;
	text-align: center;
}

p {
	padding: 7px 0;
	line-height: 130%;
}

p.pre{
	color: #856da6;
	font-weight:bold;
	font-size: 1.3em;
}
.grey{
	color: #999999 !important;
}
.grey a, .grey a:visited, .grey a:hover
{
	color: #999999;
}
.error
{
	color: #f00;
}
/* =Headings
-----------------------------------------------------------------------------*/

h1 {
	font-size:2.2em; 
	padding: 0 0 5px 0; 
	margin:0;
	color:#856da6;
	line-height:normal;
	font-weight:normal;
	}
h2 {
	font-size:1.4em; 
	padding: 0 0 10px 0; 
	margin: 0;
	color:#7b7b7b;
	line-height:normal;
	font-weight: bold;
	}


h3 {
	font-size:1.3em; 
	padding: 12px 0px 2px 0px; 
	margin: 0px;
	color:#856da6;
	line-height:normal;
	font-weight:bold;
	}

h4 {
	font-size:1.3em; 
	color:#856da6;
	padding: 3px 0px; 
	margin: 0px; 
	line-height:normal;
	font-weight:normal; 
	}

h5 {
	font-size:1.1em; 
	padding: 0px; 
	color:#000;
	margin:0px;
	line-height:normal;
	font-weight:normal;  
	}

h6 {
	font-size:1em; 
	padding: 0px; 
	margin:0px; 
	color:#000;
	line-height:normal;
	font-weight:normal;
	}
	
/* =HRs
-----------------------------------------------------------------------------*/

div.hr hr {
  display: none;
}

/* =Links
-----------------------------------------------------------------------------*/
a {
	color: #856da6;
	text-decoration: underline;
}
a:hover {
	color: #856da6;
	text-decoration: none;
}

a.black, a.black:visited, a.black:hover
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

/* =Main container boxes
-----------------------------------------------------------------------------*/

#container{
	width: 100%;
	margin: 0 auto;
	background:#fff url(../images/purple/body-bg.gif) center top no-repeat;
	}
#header-outer{
	width:100%;
	clear:both;
	background:#7d6d97 url(../images/purple/header-bg.gif) center top no-repeat;
	}	
#header{
	width: 752px;
	height:94px;
	text-align:left;
	position:relative;
	margin:0 auto;
	font-size: 1.2em;
	}
#content{
	width: 752px;
	font-size:1.2em;
	margin:0 auto;
	background: #fff;
	text-align:left;
	padding: 0 0 15px 0;
	overflow: hidden; 
	height: auto !important; 
	he\ight: 1%;
	}
#footer-outer {
	width:100%;
	clear:both;
	background:#7b7b7b;
	}
#footer{
	padding: 21px 0 30px 0px;
	width:752px;
	margin:0 auto;	
	font-size: 1.0em;
	text-align:left;
	color: #cacaca;
	}
#footer p.created-by {
	margin:-4px 0 0 0;
	padding:0;
	display:inline;
	float:right;
	}
#footer p.created-by a{
	background: #cacaca url(/images/fuse8.gif) no-repeat left top;
	display:block;
	width:88px;
	height:16px;
	overflow:hidden;
	text-indent:9999em;
	}

/* =Branding
-----------------------------------------------------------------------------*/

a.logo{
	display:block;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
	background:url(../images/purple/logo.gif) no-repeat;
	width: 206px;
	height: 38px;
	margin: 29px 0px 26px 0;
	float:left;
	}
.telephone{
	color: #fff;
	font-weight: bold;
	right:0;
	width:275px;
	text-align:right;
	bottom:7px;
	position:absolute;
	}
.telephone strong{
	color: #fff;
	font-weight: normal;
	font-size: 2em;
	}
/* =Homepage Boxes
-----------------------------------------------------------------------------*/
body.home .content-primary{width: 752px;}

.content-additional-inner{
	background:url(../images/home-separator.gif) repeat-y;
	margin:27px 0 0 0;
	float:left;
	padding:0;
	width: 752px;
}
.content-additional-inner div{
	width: 243px;
	float:left;
	padding:0;
}
.content-additional-inner div h2 a{
	color:#7d7d7d;
	text-decoration:none;
	}
.content-additional-inner div.col2,
.content-additional-inner div.col3{
	margin-left:31px;
	display:inline;
	width: 224px;
	}
.content-additional-inner div.col2 h2,
.content-additional-inner div.col3 h2 {
	width:100px;
	}
.content-additional-inner .view-all {
	display:block;
	float:right;
	margin:3px 5px 0 0;
	}
.content-additional-inner div.col3{
	width:212px;
	}
.content-additional-inner div.small-block{
	float:none;
	position:relative;
	border:1px solid #dcdcdc;
	width:241px;
	height:86px;
	margin:0 0 3px 0;
	padding:0;
	}
.content-additional-inner div p {
	color:#7b7b7b;
	margin-bottom:10px;
	}
.content-additional-inner div.small-block h2 {
	position:absolute;
	width:100px;
	top:3px;
	left:5px;
	}
.content-additional-inner div.small-block.num3 h2 {
	width:95px;
	}
.content-additional-inner div.small-block p {
	position:absolute;
	width:108px;
	font-size:0.9em;
	line-height:1.2em;
	top:0;	
	right:4px;
	color:#fff;
	margin-bottom:10px;
	}
.content-additional-inner div.small-block p a.link {
	background:url(../images/right-white-arrow.gif) right 50% no-repeat;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:0 8px 0 0;
	}	
.content-additional-inner div.small-block p a:hover.link {
	text-decoration:underline;
	}
.content-additional-inner div.small-block.num1 p{
	width:125px;
	}
.content-additional-inner div.small-block.num2 p{
	width:90px;
	}	
.content-additional-inner div a {color: #000;}
.content-additional-inner div a.boxed {
	color: #fff;
	line-height:1.9em;
	text-decoration:none;
	padding:6px;
	background:#856da6;
	}

.content-additional-inner div a:hover.boxed {
	text-decoration:underline;
	}

/* =Crumbs
-----------------------------------------------------------------------------*/

p.breadcrumb {
	border-bottom:1px dotted #999;
	color:#757575;
	font-size:0.9em;
	padding:0 0 10px 0; 
	margin-bottom:18px;
	}
p.breadcrumb a{color:#757575}

	
/* =Main Content
-----------------------------------------------------------------------------*/

.links{
	width: 752px;
	float: left;
	padding-bottom: 9px;
}

.links a, .links a:visited{
	display: block;
	float: left;
	width: 185px;
	w\idth: 173px;
	height: 44px;
	background:url(../images/link.gif) no-repeat;
	text-decoration:none;
	font-size: 1.1em;
	margin-right: 15px;
	padding: 0px 0px 0px 12px;
	line-height: 44px;
}
.links a:hover{
	text-decoration:underline;
}
.content-primary{
	background: #fff;
	width: 535px;
	padding:15px 0 0 0;
	float: left;
	min-height: 100px;
}
.content-secondary{
	width: 182px;
	padding: 15px 0 0 0;
	margin:0 18px 0 0;
	display:inline;
	float: left;
	min-height: 250px;
}

.content-primary ul {
	margin: 5px 0px;
	color: #856da6;
	list-style-type: disc;
	padding-left:5px;
}
.content-primary ul li{
	margin-left: 10px; 
	margin-bottom: 4px;}

.select {
	background: #e6f4ef url(../images/select_top.gif) no-repeat top left;
	margin:0;
	padding:0;
}
.select-inner {
	background: url(../images/select_bottom.gif) no-repeat bottom;
	padding: 5px 19px;
	margin: 5px 0px;
}
.block{
	background: #f7f7f7;
	margin-bottom:8px;
	padding:10px 0;
	border:1px solid #e7e7e7;
}
.block ul {
	margin:0 10px 0 10px;
	list-style-type:none;
	}
.block ul li a{
	display:block;
	padding:0 0 5px 0;
	}
.block a,
.block ul li a:hover {color:#000 !important;}

.block h2, .block h3, .block p{
	padding-left: 10px;
	padding-right: 10px;
	color:#7b7b7b;
}
.block img {margin: 9px;}
.content-block {
	background: #f3f0f6 url(../images/breadcrumb_top.gif) no-repeat top left;
	margin: 0;
}
.content-block-inner {
	background: url(../images/breadcrumb_bottom.gif) no-repeat bottom left;
	padding: 13px 19px;
	margin-bottom: 20px;
}
.content-block p, 
.content-block h1, 
.content-block h2, 
.content-block h3, 
.content-block fieldset {
	margin: 0px;
}
img.left-img {
	float: left;
	margin: 10px 10px 10px 0px;
}
.downloads-list h4 {
	font-weight: bold;
	font-size: 1.2em;
}
.downloads-list ul li {
	font-weight: normal;
}

/* =Questions
-----------------------------------------------------------------------------*/

.question {
	border-bottom: 1px dotted #fff;
	padding: 10px 0px 10px 20px;
	margin: 0 -19px 0 -19px;
	width: 535px;
	w\idth: 515px;
}
div[class].question {
	overflow: hidden; 
	height: auto !important; 
	he\ight: 1%;
}
.light {background: #f9f8fb;}
.question div {
	float: left;
	color: #000;
	font-weight: bold;
	width: 90px;
}
.question p {
	margin-left: 90px;
	margin-right: 125px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.question input.button {
	float: right;
	background: url(../images/button.gif) no-repeat;
	color: #fff;
	width: 79px;
	height: 22px;
	border: 0px;
	font-size: 0.9em;
	cursor: pointer;
	margin-right: 20px;
}
.question a.button, 
.event-item a.button {
	float: right;
	background: url(../images/button.gif) no-repeat;
	color: #fff;
	width: 79px;
	height: 22px;
	border: 0px;
	font-size: 0.9em;
	cursor: pointer;
	text-decoration: none !important;
}
.event-item a.button {
	text-align: center;
	line-height: 22px;
	float: none;
	display: block;
	margin-top: 10px;
}
/* =Events
-----------------------------------------------------------------------------*/

.events h2 {
	padding-top: 0;
}

h2.month {
	background: #f9f8fb;
	border-top: 1px dashed #fff; 
	margin: 5px -19px 0 -19px;
	padding: 5px 19px 5px 19px;
}
.event-item {
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	margin: 5px -19px 0 -19px;
	padding: 5px 29px 15px 19px;
}
.event-item h4 {
	margin: 0;
	padding: 5px 0;
	font-weight: bold;
	font-size: 1.2em;
	color: #000;
}
.event-item h4 a {
	color: #000 !important;
}
.event-item p {
	margin: 10px 0;
	padding: 0;
}

/* TABS */

ul.tabs {
	margin: 0;
	padding: 0;
	background:#f7f7f7;
	/* background:url(../images/tabs-bg.gif) left repeat-y; */
	float:left;
	list-style-type: none;
	z-index: 0;
}
ul.tabs li {
	float: left;
	width:188px;
	margin:0;
	padding:0;
	text-align: center;
	font-size: 1.6em;
}

ul.tabs li a,
ul.tabs li.sIFR-replaced {
	margin:0;
	display:block;
	padding:15px 0 21px 0;
	text-decoration:none;
	background:url(../images/tab-bg.gif) right bottom no-repeat !important;
}
ul.tabs li#tab-4 a,
ul.tabs li#tab-4.sIFR-replaced {
	background:#f7f7f7 !important;
}
ul.tabs li#tab-1 a,
.home-block1 h2 {color:#c1d228;}
ul.tabs li#tab-2 a,
.home-block2 h2 {color:#856da7;}
ul.tabs li#tab-3 a,
.home-block3 h2 {color:#f5ad12;}
ul.tabs li#tab-4 a,
.home-block4 h2 {color:#ef3ea8;}
ul.tabs li a:hover {color: #ccc;}

/* switched by tabs blocks  */
.home-block1,
.home-block2,
.home-block3,
.home-block4 {
	width: 752px;
	w\idth:751px;
	height:173px;
	float:left;
	padding:0 1px 5px 0;
	border-top:1px solid #dcdcdc;
	background: url(../images/home_block1_bottom.gif) no-repeat bottom;
	}
.home-block2 {background: url(../images/home_block2_bottom.gif) no-repeat bottom;}
.home-block3 {background: url(../images/home_block3_bottom.gif) no-repeat bottom;}
.home-block4 {background: url(../images/home_block4_bottom.gif) no-repeat bottom;}

.home-block1 h2,
.home-block2 h2,
.home-block3 h2,
.home-block4 h2 {
	padding:16px 0 20px 40px;
	font:1.6em Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1.0em;
	width:500px;
	}
.home-block1 h2 strong, 
.home-block2 h2 strong,
.home-block3 h2 strong,
.home-block4 h2 strong {color:#7b7b7b;} 
	
/* =Forms 
-----------------------------------------------------------------------------*/
fieldset {border: none;}
fieldset legend {display: none;}
fieldset#search{
	margin: 12px 0 27px 0;
	padding:0;
	float: right;
	text-align:left;
}
fieldset#search input{
	border:none;
	width:157px;
	w\idth:149px;
	padding:3px 4px;
	height:22px;
	he\ight:16px;
	background:#fff url(../images/purple/search-area.gif) no-repeat;
	float: left;
}
fieldset#search input.button{
	background: #765f96 url(../images/purple/search-button.gif) no-repeat;
	cursor: pointer;
	margin-left:3px;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	line-height:21px;
	padding:0 0 1px 0;
	width: 61px;
	height: 22px;
}

fieldset#faq-search {
	margin: 10px -19px 0 -19px;
	padding: 0 20px 20px 20px;
	border-bottom: 1px dotted #fff;
	border-top: 1px solid #f3f0f6;
	background:none;
}
fieldset#faq-search label {
	float: left;
	display: block;
	width: 115px;
	padding-top: 5px;
}
fieldset#faq-search input, fieldset#faq-search select {
	width: 220px;
	margin: 5px 10px 5px 0;
	float: left;
}
fieldset#faq-search select {
	width: 224px;
}
fieldset#faq-search input.button-small {
	color: #fff;
	background: url(../images/button_small.gif) no-repeat;
	width: 34px;
	height: 22px;
	border: 0px;
	margin-top: 2px;
	cursor: pointer;
}

fieldset#raise-question {
	width: 330px;
}
fieldset.reg {
	width: 390px !important;
}
fieldset#raise-question label {
	margin: 10px 0 0 0;
	float: left;
}
fieldset#raise-question input, 
fieldset#raise-question textarea, 
fieldset#raise-question select {
	width: 220px;
	float: right;
	margin: 10px 0 0 0;
}
fieldset#raise-question select {
	margin-right: 20px;
}
div[id] fieldset#raise-question select {
	margin-right: 0px;
}
fieldset#raise-question span.checkbox input {
	width: 40px;
	float: left;
	margin-top: 10px;
}
fieldset#raise-question input.button-large {
	border: 0px;
	background: url(../images/button_large.gif) no-repeat;
	color: #fff;
	width: 84px;
	height: 31px;
	cursor: pointer;
}

input.button-large2 {
	border: 0px;
	background: url(../images/button_large2.gif) no-repeat;
	color: #fff;
	width: 124px !important;
	height: 31px;
	cursor: pointer;
}
textarea {
	height: 90px;
}
.checkbox {
	float: right;
	width: 230px;
}
fieldset#raise-question .checkbox input {
	width: 20px;
	margin-right: 20px;
}

/* difference */

/* magenta */
body.magenta #header-outer{background:#ef3ea7 url(../images/magenta/header-bg.gif) center top no-repeat;}	
body.magenta a.logo{background:url(../images/magenta/logo.gif) no-repeat;}
body.magenta fieldset#search input{background:#fff url(../images/magenta/search-area.gif) no-repeat;}
body.magenta fieldset#search input.button{background: #cc298a url(../images/magenta/search-button.gif) no-repeat;}
body.magenta .content-additional-inner div a.boxed {background:#ef3ea7;}

body.magenta .content-primary ul, 
body.magenta .content-primary a, 
body.magenta h1, 
body.magenta h2, 
body.magenta h3 {color: #ef3ea7;}

/* blue */
body.blue #header-outer{background:#3ac4f3 url(../images/blue/header-bg.gif) center top no-repeat;}	
body.blue a.logo{background:url(../images/blue/logo.gif) no-repeat;}
body.blue fieldset#search input{background:#fff url(../images/blue/search-area.gif) no-repeat;}
body.blue fieldset#search input.button{background: #25a4d0 url(../images/blue/search-button.gif) no-repeat;}
body.blue .content-additional-inner div a.boxed {background:#3ac4f3;}

body.blue .content-primary ul, 
body.blue .content-primary a, 
body.blue h1, 
body.blue h2, 
body.blue h3 {color: #3ac4f3;}

/* green */
body.green #header-outer{background:#cadb2d url(../images/green/header-bg.gif) center top no-repeat;}	
body.green a.logo{background:url(../images/green/logo.gif) no-repeat;}
body.green fieldset#search input{background:#fff url(../images/green/search-area.gif) no-repeat;}
body.green fieldset#search input.button{background: #919f0e url(../images/green/search-button.gif) no-repeat;}
body.green .content-additional-inner div a.boxed {background:#cadb2d;}

body.green .content-primary ul, 
body.green .content-primary a, 
body.green h1, 
body.green h2, 
body.green h3 {color: #cadb2d;}

/* orange */
body.orange #header-outer{background:#f5ad12 url(../images/orange/header-bg.gif) center top no-repeat;}	
body.orange a.logo{background:url(../images/orange/logo.gif) no-repeat;}
body.orange fieldset#search input{background:#fff url(../images/orange/search-area.gif) no-repeat;}
body.orange fieldset#search input.button{background: #cb8f0e url(../images/orange/search-button.gif) no-repeat;}
body.orange .content-additional-inner div a.boxed {background:#f5ad12;}

body.orange .content-primary ul, 
body.orange .content-primary a, 
body.orange h1, 
body.orange h2, 
body.orange h3 {color: #f5ad12;}	

/* different colour schemes */
body.children .select {background: #fde5f3 url(../images/select_top_children.gif) no-repeat top left;}
body.housing .select {background: #fef6e8 url(../images/select_top_housing.gif) no-repeat top left;}
body.care .select {background: #f6faeb url(../images/select_top_care.gif) no-repeat top left;}
body.mental .select {background: #f0f0f1 url(../images/select_top_mental.gif) no-repeat top left;}
body.children .select-inner {background: url(../images/select_bottom_children.gif) no-repeat bottom;}
body.housing .select-inner {background: url(../images/select_bottom_housing.gif) no-repeat bottom;}
body.care .select-inner {background: url(../images/select_bottom_care.gif) no-repeat bottom;}
body.mental .select-inner {background: url(../images/select_bottom_mental.gif) no-repeat bottom;}