html{margin:0px;padding:0px;height:100%;} 
body {margin:0px;padding:0px;height:100%;	background-color: #B5E1EF;}
div, p, th, td, select, input {font-family:Arial,Helvetica,sans-serif; font-size:small;color:#000033;}
div {padding:0px;margin:0px;}
th, td {vertical-align:top;}
h1 {font-size:xx-large;font-weight: bold;}
h2, h3, h4, h5 {font-size:small;font-weight:bold;}
h2 {margin:10px 0px 5px;padding: 0px 0px 3px;border-bottom: 1px solid #000033;}
h3 {font-weight:bold;border-bottom:1px solid #000033;padding: 20px 0px 3px 0px;margin:0px 1px 3px 0px;}
h4 {padding:0px 0px 3px; margin:0px;}
h5{font-size:small;color:#000033;border-bottom:1px solid #000033;padding: 10px 3px 3px 0px;margin: 0px 200px 3px 0px;}
a:link{color:#0000DD;text-decoration:none;}
a:visited{color:#609;text-decoration:none;}
a:hover{
	color:#000;
	text-decoration:underline;
	background-color:#FFFFAA;
}
a:active{color:#006699;text-decoration:underline;}
p{margin:0px 0px 5px;padding:0px;}
ul{list-style-type: disc;margin: 0px 0px 10px 15px;padding:0px;}
ul.linklist{list-style-image:url(cssimages/arrowLink.gif);}
ul.linkblock {list-style-image:url(cssimages/arrowLink.gif);}
ol{margin:0px 0px 0px 26px;padding:0px;}
li{padding:2px 0px 2px 0px;}
caption {text-align:left;}
img{border:0px;margin:0px;padding:0px;}
form{padding:0px;margin:0px;}
/*form p{clear:left;margin:0;padding:0;	padding-top:3px;}*/
label{font-weight:bold;} 
.csslabel { float:left; width:150px; padding-top: 2px; padding-right:5px; text-align:left; margin:0;}
.submitbutton{
	color:#000033;
	background-color:#FFFFFF;
	border:1px solid #000033;
	font-weight:bold;
	cursor:pointer;
	font-size: small;
}
.submitbutton:hover{color:#999;background-color:#000033;border:1px solid #000033;	cursor:pointer;}
fieldset{padding:3px;margin-top:20px;}
legend{padding:8px;font-size:medium;font-weight:bold;background-color: #FFFFFF;}

#checkboxlist label{float:none;display:block;}
#checkboxlist{width:100%;clear:both;}
#checkboxlist td{width:30%;}
#content form {margin-bottom:20px;}
.thispage {color:#FFFFFF;background-color: #000033;border: 1px solid #000033;font-weight: bold;padding:2px 9px;}
a.viewpage {color: #000033;background-color: #FFFFFF;border: 1px solid #000033;font-weight: bold;padding:1px 9px;}
a:hover.viewpage {color: #FFFFFF;background-color: #000033;border: 1px solid #000033;font-weight: bold;padding:1px 9px;text-decoration: none;}
.recordpager {line-height: 25px;}
.recordpager span {color: #FFFFFF;background-color: #000033;border:1px solid #000033;padding:2px 9px;margin-top:2px;}
.recordpager a {color: #000033;background-color: #FFFFFF;border:1px solid #000033;padding:1px 9px;}
.recordpager a:hover {color: #FFFFFF;background-color: #000033;border:1px solid #000033;	padding:1px 9px;	text-decoration: none;}
.recordpageresults {text-align:right;padding-top:5px;}
#searchcriteria{text-align: left;	display: block;	width: 100%;	line-height: normal;}
#results {width: 100%;margin-bottom:20px;}
#results p{margin:0px;}
#results table {border: 1px solid #000033;font-size: small;}
#results th {text-align:left;background-color: #ECECEC;border-top: 1px solid #000033;}
#results td {border-top:1px solid #000033;}
#results caption {text-align:right;	padding: 5px;	line-height: 25px;}	
#layout {	width: 100%;	border: 0;margin: 0;padding: 0;}
#layoutnav2 {	width: 175px;	border-right: 1px solid #DAF3F8;	background-color: #FFFFFF;}
#layouthighlight {	width: 150px;	border-left: 1px solid #DAF3F8;	background-color: #FFFFFF;}
#layoutcontent{	padding: 5px 5px 30px 5px;	background-color: #FFFFFF;} 
select option { 	color: #000033;	padding-top: 4px;}
.fifewhite {font-size: 0.01%;}

#top {
	background-image: url(cssimages/fd_vertical_blocks.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #003366;
	color: #FFF;
	margin:0;
}

#top img {
	display:none;
}

#top h1 {
	font-size:18px;
	padding-left:18px;
	padding-top:7px;
	font-weight: normal;
	margin: 0px;
	height:33px;
}

#top h1 a:link, #top h1 a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#top h1 a:hover {
	text-decoration:underline;
	background-color:  #000066;
	
}


#utility {
	font-weight: bold;
	position: absolute; right:10px;
	text-align: right;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

#utility form, #sitesearch fieldset {
	padding:0;
	margin:0;
	border:none;
}


#sitesearch {
	color:#FFF;
	float: right;
	margin-top: 3px;
	margin-right: 5px;
	font-weight: normal;
}

#sitesearch input {
border: 1px solid #000000;}

#sitesearch input.submitbutton {
	background-color: #FFFFFF;
}

#nav1 {
	color: #000066;
	font-weight: bold;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left:18px;
	clear:both;
	background-color: #003366;
	padding-right: 10px;
	border-top: 1px solid #FFF;
}	
#nav1 ul {	list-style: none;	display: inline;	margin: 0px;	padding: 0px;}
#nav1 li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding-left:0px;
}
#nav1 a:link, #nav1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #003366;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	margin-left: -4px;
}
#nav1 a.urhere, #nav1 a.urhere:visited{
	color: #000066;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 3px 4px;
}
#nav1 a:hover {
	color: #000066;
	text-decoration: none;
	background-color: #FFFFFF;
}
#nav1 .signin a, #nav1 .signin a:link, #nav1 .signin a:visited {
	border:0;
	color: #FFFFFF;
	font-weight: normal;
}
#nav1 .signin a:hover {
	border:0;
	text-decoration: underline;
	background-color: #003366;
}

.hidelink {
	position: absolute;
	left: -3000px;
}

#header {
	color: #000033;
	border-bottom: 1px solid #000033;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 60px;
	background-color: #FFFFFF;
	background-image: url(cssimages/bridge.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#header img {	float: left;	padding: 0px;	margin: 0px 5px;}
#header h1,  #header span {	font-size: x-large;	font-weight: lighter;	text-indent: 0px;	margin: 0px;	padding: 5px 0px 0px 15px; display:block;}
#bread {	font-size: smaller;	font-weight: normal;	padding: 2px;	margin: 0px 0px 0px 10px;	color: #006699}
#bread ul, #bread li {	list-style: none;	display: inline;	margin: 0px;}
#bread a:link {	color: #006699;	font-weight: normal;	text-decoration: none;	margin: 0px;	padding: 2px;}#bread a:visited {	color: #006699;	font-weight: normal;	text-decoration: none;	margin: 0px;	padding: 2px;}
#bread a:hover{	text-decoration: underline; background-color:transparent;}

/*new nav2*/
#nav2 {	color: #000033;	font-size: small;	padding: 0px;	width: 100%;	margin: 0px;}
#nav2 ul { 	list-style: none;	margin: 0px;	padding: 0px;}
#nav2 li a {	font-weight: bold;	color: #006699;	padding:5px 5px 5px 15px;	display: block;	clear: both;	margin:0;	border-bottom: 1px solid #CCCCCC;	background: url(cssimages/arrowlink.gif) no-repeat 5px;}
#nav2 li a:hover {	text-decoration: none;	color: #FFFFFF;	background: url(cssimages/arrowlinkwhite.gif) no-repeat 5px #006699;}
#nav2 li.selectednolink {	padding:5px 5px 5px 15px;	border-bottom: 1px solid #000033;	font-weight: bold;	background: url(cssimages/arrowlinkselected.gif) no-repeat 100% 45% #DAF3F8;}
#nav2 li.selected a {	border-bottom: 1px solid #000033;	background-image: none;	font-weight: bold;	color: #000033;}
#nav2 li.selected a:hover{	color: #FFFFFF;}
#nav2 li.urhere  {	padding:5px 5px 5px 15px;	border-bottom: 1px solid #CCCCCC;	font-weight: bold;	background: url(cssimages/arrowlinkselected.gif) no-repeat 100% 40% #DAF3F8;}
* html #livemenu a { 	height: 1px; } 
* html li a {	height: 1px;} 
* html li {	margin-bottom: -2px;}
#teaserlist {}
#puff {	width: 175px;	margin-bottom: 10px;	float: right;	background-color:#003366;	border-left: 1px solid #FFFFFF;	color: #FFFFFF;}
#puff p {	color: #FFFFFF;	padding: 5px;}
#puff a:link, #puff a:visited {	color: #FFFFFF;}
#puff a:hover {	color:#000; text-decoration:underline; background-color:#FFFFAA;}
#puff img {	float: right;}
#puff h3 {	color: #FFFFFF;	padding: 5px;	border-bottom-color: #FFFFFF;}
#puff ul {	padding: 5px;	list-style-image: url(cssimages/arrowLinkWhite.gif);}
#puff ul a {	color: #FFFFFF;	font-weight: normal;}
#puff ol li.seeall {	list-style-image: url(cssimages/arrowLinkWhite.gif);}
#content {	clear: both;	padding:0;	margin:0;}#content h1 {	font-size: large;	font-weight: normal;	margin: 0px 0px 10px;	padding: 0px 0px 5px;	border-bottom: 1px solid #000033;}
#content h2 {	font-size: large;	font-weight: normal;	margin: 0px 0px 10px;	padding: 0px 0px 5px;	border-bottom: 1px solid #000033;}
#content form h3 {	font-size: small;	border-bottom: 1px solid #006699;	margin-right:183px;	}
#content ol, #content ul {list-style-position: inside}
span.logo {	float:right;	}
#whatsonpuff h3, #newspuff h3,.newspuff h3, #quicklinkspuff h3, #facilitiespuff h3, #servicespuff h3,#contact h3,#publicationspuff h3,#advicepuff h3	{	border-bottom: 1px solid #006699;	margin-right:183px;}
#whatsonpuff img {	float: right;}.list {	margin-bottom: 5px;	padding-bottom: 5px;	border-bottom: 1px solid #006699;}
.clearfix:after {	content: ".";	height: 0;	clear: both;	visibility: hidden;	margin-right: 180px;	display: block;}
* html 
.clearfix {height: 1%;}
.details {	float: left;	padding: 0px;	margin: 0px;}
.provider {	border-bottom-width: 0px;	margin: 0px 0px 3px;	padding: 0px;}
#highlight h4 {	padding: 3px;	margin: 0px;}
#highlight p {	padding: 3px;	border-bottom: 1px solid #006699;	margin: 0px;}
#highlight a {font-weight:bold;}
#footer {	color: #FFFFFF;	margin: 0;	padding: 3px 3px 3px 3px;	background: url(cssimages/fd_vertical_blocks.gif) repeat-y left top #000033;	text-align: left;	border-top: 1px solid  #000033;	border-bottom:1px solid #000033;	border-right-width: 0px;	border-left-width: 0px;	clear: both;	display: block;   height:30px;}
#footer a {	color: #FFFFFF;	padding: 0px 8px 0px 8px;}
#footer a:hover {	padding: 0px 8px 0px 8px; color:#000; text-decoration:underline; background-color:#FFFFAA;}
.imgright, .imageright {	float: right;	margin-left: 3px;	padding: 2px;	background-color: #FFFFFF;	font-size: smaller;	font-style: italic;	text-align: center;	border: 1px solid #666666;	color: #666666;}
.imgleft, .imageleft {	float: left;	margin-right: 3px;	padding: 2px;	background-color: #FFFFFF;	font-size: smaller;	font-style: italic;	text-align: center;	border: 1px solid #666666;	color: #666666;} .imglefttheme {	float: left;	margin-right: 3px;	border: 1px solid #666666;}
.marginleft {   padding-left:75px;}
.date {	font-weight: normal;	font-size: small;}
#facilitylist{width:100%;}
#facilitylist td{	width:38%;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #999999;	}
#facilitylist  th {	text-align:center;	background-color: #ECECEC;	font-size: small;	vertical-align: top;	padding: 4px 2px 4px 2px;}
#facilityheader {	border-bottom: 1px solid #000066;	padding-bottom: 3px;}
#facilityheader img{	float:right;	}
#facilityheader h1{	border: none;	margin-bottom: 0px;	}		
#quickcalendar td,#quickcalendar th{	text-align:center;	border: 1px solid #FFFFFF;	font-weight: bold;	padding: 3px;	height: 20px;}
#quickcalendar {	color:#FFFFFF;	background-color: #006699;}
#quickcalendar a{	color:#FFFFFF;}
.days {	background-color:#99CCCC;	font-weight: bold;	color: #000066;	}	
#allowances p{	margin:0px;}
#allowances table {	border: 1px solid #000033;}
#allowances th {	text-align:left;	background-color: #ECECEC;	border-top: 1px solid #000033;	vertical-align: top;}
#allowances td {	border-top:1px solid #000033;}
#allowances caption {	text-align:left;	padding: 5px;}
a.arrowlink { background: url(cssimages/arrowLink.gif) no-repeat left;padding-left:10px;}
a.arrowlink:hover{
	color:#000;
	text-decoration:underline;
	background-color:#FFFF99;
}
a.arrowlinkback{ background: url(cssimages/arrowLinkback.gif) no-repeat left;padding-left:10px;}
a.arrowlinkwhite{ background: url(cssimages/arrowLinkWhite.gif) no-repeat left;padding-left:10px;}
#related {border:1px dotted #cccccc;padding: 10px;margin-top: 20px;margin-right:183px;background-color: #F0F8FF;}
#related h3 {border-bottom: 1px dotted #cccccc;margin-top: 0px;padding-top:2px;}
#related h4 {margin-top: 4px;padding-top:2px;}
.accessform {	color: #FFFFFF;	width: 160px;	background: url(eserviceIcon.gif) no-repeat  right center  #006699;	font-weight: bold; font-size: large;	vertical-align: middle;	padding-top: 2px;	padding-right: 35px;	cursor:pointer;}
#belowfooter{text-align: center;padding: 20px;}
#belowfooter a {padding-left: 20px;}
.hidelink {position: absolute; left: -4000em; width: 20em;}
.floatleft {float:left;}
.floatright {float:right;}
.floatleft80 {float:left;margin-right: 100px;}
/*#sitemap ul li a {font-weight: normal;}#sitemap fieldset {clear:both;margin:10px 0px 30px 0px;padding: 8px; background-color:#FFFFFF;}/*#sitemap fieldset p {	clear: none;	display: inline;}#sitemap legend {font-size:large;}*/	
.required {color: #FF0000;}
#contentheader {	border-bottom:1px solid #000066;	padding-bottom: 3px;}
#contentheader h2, #contentheader h1 {	font-weight:normal; font-size: large;	margin: 0px;	padding: 0px;	border: none;}
#contentheader p {margin: 0px;}
#themepage h2 { border: none; margin-bottom:0; padding-bottom:0; }
.col1 {	float:left;	width:49%;	margin-right:1%;}
.col2 {float: left;width: 50%;}
.block {clear: both;	margin-top: 5px;	margin-bottom: 5px;}	
.charge {background-color: #000033;	width:100%;}
.charge table {	background-color: #000033;	width:100%;}
.charge caption {text-align:left;	padding: 5px;	font-weight:bold;	color: #ffffff;	background-color: #000033;}
.charge th{background-color: #ECECEC;	padding: 6px 4px 6px 4px;}
.charge td {text-align: right;background-color: #FFFFFF;padding: 6px 4px 6px 4px;}
.charge th.width{width:10%;}
.charge td.left{text-align: left;width:10%;}
#serviceavailable {margin-top:20px;}
.pubdownload a{	font-weight: bold;	padding: 4px;	border: 1px solid #000033;	margin-top: 5px;margin-bottom: 5px;	color: #FFFFFF;	background-color: #006699;}
.centre{text-align: center;}
#businessdetails th{text-align: right;	vertical-align: middle;	padding: 2px 5px 3px 10px;}
.middle{vertical-align: middle;}
#businessdetails td.middle{	vertical-align: middle;}
.appexplanation {float:right;padding:4px;background-color: #006699;margin-right:50%;}
#atozpuff {color:#99CCCC;}
.atozlive {	color:#000033;	font-size:large;	background-color: #ffffff;	padding: 2px;	border-bottom: 4px solid #FFFFFF;}
.az {line-height: 25px;margin-top:20px;margin-bottom:8px;background-color: #006699;padding: 0px 0px 3px 2px;border-top: 1px solid #006699;}
.az a {color: #ffffff;padding: 2.5px 3px 2.5px 3px;border: 1px solid #ffffff;border-top: 1px solid #ffffff;margin: 0px 0.4px 1px 0.4px;}.az a:visited {color: #ffffff;}.az a:hover {color: #000000;background-color: #ffffff;text-decoration: none;}input.hidden {display:none;border:0px #ffffff}
#puff.puffy {background: url(cssimages/doitonline.gif) no-repeat top left #FF9900;	font-weight: bold;	padding-left: 30px;}
#puff.puffy h4 {margin-bottom:0px;padding-bottom:0px;margin-left: 3px;}
#puff.puffy ul {margin-top:0px;padding-top:0px;}
.linkblock a {display: block;}
.linkblock li{margin-top:4px;}
.xmlimage{height: 15px;	width: 80px;vertical-align: text-bottom;}
.subjects a{padding-right:10px;}
#socialworkheader{background-image: url(cssimages/swHeader.jpg);	background-repeat: no-repeat;	background-position: right center;height: 60px;	border: 1px solid #000033;}
#socialworkheader h2 {font-size: 1px;	color: #FFFFFF;	background-image: url(cssimages/swCaring2.gif);	background-repeat: no-repeat;	background-position: left center;line-height: 40px;	padding: 10px;	margin-left: 10px;}
#disclaimer{
	border: thin dashed Black;
	padding: 2px;
	margin: 5px;
	margin-top: 20px;
	font-size: smaller;
}
#nav2 li li a:link, #nav2 li li a:visited, #nav2 li li a:hover{
	padding-left: 30px;
	background-position: 15px;
}

#formatoptions {
}

formatoptions ul {
margin:0;
padding:0;
}

#formatoptions li {
	display:inline;
	margin-right:20px;
}

.cols_two {
	float:left;
	width:46%;
	margin-right:2%
}

.cols_three {
	width: 31%;
	padding: 5px;
	float: left;
	margin-right: 1%;
}


.clearbock {
	display:block;
	clear:both;
}


#naturallyfife_banner {
	color: #003300;
	background-color: #FFFFFF;
	background-image: url(cssimages/naturallyFife_Header.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #003300;
	height: 80px;
	margin-bottom:15px;

}

#naturallyfife_banner h2 {
	line-height: 80px;
	background-image: url(cssimages/naturallyFife_H1_header.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 1%;
	color: #FFFFFF;
	text-indent: -500px;
	border-bottom-width: 0px;
	border-bottom-color: #FFFFFF;
}

#Alpha_Table {
	text-align: center;
	vertical-align: middle;
}
#Alpha_Table ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#Alpha_Table li {
	border: 1px solid #83B4CD;
	float: left;
	margin: 2px;
	padding: 0px;
	/*padding: 2px 0px 2px 0px;*/
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 14%;
}
#Alpha_Table li a {
	text-decoration: none;
	color: #0000FF;
	clear: both;
	display: block;
}
#Alpha_Table li a:hover {
	text-decoration: none;
	background-color: #FFFFAA;
	color: #000000;
}

#explore {
	position: absolute;
	left: 120px;
	right: 120px;
	top: 19px;
	padding: 3px;
	background-color: #fafcfd;
	background-image: url(cssimages/fd_minisite_explore_base.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CACDCE;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	text-align: left;
}

#explore h3 {
	margin:5px;
	padding:5px;
}

#explore_col {
	float:left;
	width:25%;
}

#explore_col ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

#explore_col li{
	padding: 3px;
}


#explore_col li a:link, #explore_col li a:visited {
	background-image: url(cssimages/linkArrow.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 15px;
	text-decoration: none;
	color: #26286B;
}

#explore_col li a:hover {
	text-decoration: underline;
}