/* $Id: custom.css,v 1.1.2.1 2008/09/12 21:50:37 psynaptic Exp $ */

/* Add your custom CSS here */


.views-field-title{
	  font-size: 1.3em;
	  line-height: 20px;
	padding:0 10px 0 0;
	float:left;
	font-weight:bold;
}

#footer .views-field-title{
	  font-size: 1em;
	  line-height: 1.3em;
	padding:0 10px 0 0;
	float:left;
	font-weight:normal;
}

.feature .views-field-title{
	font-size: 1em;
}

.feature .view-content,
.feature .more-link{
	font-size:0.846em;
	font-style:italic;
}

.feature .more-link{
	margin:0 -16px 0 0;
}

.feature .views-field-title{
	float:none;
}

.feature .content,
.feature .view{
	padding:0 8px;
}

.feature .views-field-title a{
	color:#4b4b4b;
	border:none;
}

.feature .views-field-teaser p{
	padding:0;
	margin:0;
}

.feature .views-field-view-node{
	padding:0 16px 10px 16px;
	margin:0 -16px 10px -16px;
	background:url('images/dash.gif') bottom left repeat-x;
}

.feature h2.title,
.panels-flexible-region-1-row_2_2-inside .feature h2,
.panels-flexible-region-1-row_2_1-inside h2{
	font-size:0.846em !important;
	text-transform:uppercase !important;
	font-family:verdana, arial !important;
	color:#737373 !important;
	font-weight:bold !important;
	margin:0 0 20px 0 !important;
	padding:0 0 5px 16px !important;
	letter-spacing:0.25em !important;
	background:url('images/h2_bg.gif') bottom left repeat-x !important;
	/* add */
	border-bottom-width:0;
}

#footer .views-field-created{
	margin:0 0 15px 0;
}

.views-field-field-jon-value{
  line-height: 20px;
font-size: 1.3em;
}

.views-field-body{
	clear:both;
	margin:10px 0;
}

.strong{
	font-weight:bold;
	line-height:1.5em;
}

.views-field-created{
	clear:both;
}

.faq-answer{
	padding:10px 0 10px 20px;
}

.faq-question a{
	outline:none;
}

#feature ul{
	margin:-10px 0 0 0;
}

.panel-flexible .panel-row-2,
.panel-flexible .panels-flexible-row-1-row_2{
	padding:10px 0 0 0;
}

#feature .panel-row-1,
#feature .panels-flexible-row-1-row_1{
	background:#f6f6f6;
	margin:0 0 5px 0;
	padding:0 0 0 0;
}

#feature .panel-row-1 .panel-col,
#feature .panels-flexible-row-1-row_1 .panels-flexible-region{
	border-left:21px solid white;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#feature div.panel-row-1 div.panel-col-1,
#feature div.panels-flexible-row-1-row_1 .panels-flexible-region-1-row_1_1{
	width:310px;
	overflow:hidden;
}

#feature div.panel-row-1 div.panel-col-2,
#feature div.panels-flexible-row-1-row_1 .panels-flexible-region-1-row_1_2{
	width:307px;
	overflow:hidden;
}

#feature div.panel-row-1 div.panel-col-3,
#feature div.panels-flexible-row-1-row_1 .panels-flexible-region-1-row_1_3{
	width:307px;
	/*margin:0 -20px 0 0;*/
	margin:0;
	overflow:hidden;
}

#feature div.panel-row-2 div.panel-col-2,
#feature div.panels-flexible-row-1-row_2 .panels-flexible-region-1-row_1_2{
	margin:0 -20px 0 0;
	width:303px;
}

#feature .panel-row-1 .panel-col-first,
#feature .panels-flexible-row-1-row_1 .panels-flexible-region-1-row_1_1{
	border:none;
}

#feature .panel-row-1 .content,
#feature .panels-flexible-row-1-row_1 .content{
	height:180px;
	padding:0 12px 10px 12px;
}
/* some special measures after upgrade changed a whole load of markup: */

.panels-flexible-column-inside-last,
.panels-flexible-column-1-main-middle .panels-flexible-row-1-row_1 .panels-flexible-row-1-row_1-inside {
    padding:0 !important;
}
.panels-flexible-column-1-main {
    width:100% !important;
}


/* end measures */


#centre #feature{
	margin:0 0 0 0;
	position:relative;
	top:-30px;
}

.callout_1 h2.title,
.callout_2 h2.title,
.callout_3 h2.title,
.callout_1 h2,
.callout_2 h2,
.callout_3 h2{
	width:105px;
	height:57px;
	margin:-6px -12px 0px 0;
	padding:35px 200px 0 14px;
	color:white;
	line-height:1.2em;
}


.callout_1 h2.title,
.callout_1 h2{
	background:url('images/get_advice_bg.jpg') top left no-repeat;
	width:95px;
	padding:35px 210px 0 14px;
}

.callout_2 h2.title,
.callout_2 h2{
	background:url('images/referral_bg.jpg') top left no-repeat;
}

.callout_3 h2.title,
.callout_3 h2{
	background:url('images/volunteer_bg.jpg') top left no-repeat;
}

.callout_1 ul,
.callout_2 ul,
.callout_3 ul{
	padding:0;
	margin:0 0 0 2px;
}

.callout_1 ul li,
.callout_2 ul li,
.callout_3 ul li{
	background:url('images/bullet_2.gif') 0px 7px no-repeat;
	padding:0 0 0 13px;
	line-height:1.4em;
}