﻿@media all
{
	body
	{
		color:#676767;
		margin:0px;
		padding:0px;
		font-size:0.8em;
		font-family:Arial, Tahoma, Sans-Serif;
	}

	h1
	{
		color:#7d214a;
		font-weight:normal;
		font-size:2.2em;
		margin:17px 0px 0px;
	}
	
	h2
	{
		color:#4f8abe;
		font-size:1.2em;
	}
	
	h3
	{
		color:#4e4c27;
		font-size:1em;
	}
	
	p
	{
		line-height:1.5em;
	}
	
	a
	{
		color:#7d214a;
		text-decoration:none;
	}
	
	a:hover
	{
		text-decoration:underline;
	}

	img
	{
		border:none;
	}
	
	.FloatClear
	{
		clear:both;
		height:1px;
		overflow:hidden;
	}

	.Hidden
	{
		position:absolute;
		left:-10000px;
		text-decoration:none !important;
		font-size:1px !important;
	}

	.SectionLinks
	{
		border-top:1px solid #dad9c5;
		margin-bottom:20px;
	}

	.SectionLinks ul
	{
		margin:0px;
		padding:0px;
	}

	.SectionLinks li
	{
		background-position:0em .4em !important;
		background-repeat:no-repeat !important;
		border-bottom:1px solid #dad9c5;
		clear:both;
		list-style-type:none;
		margin:0px;
		padding:0.6em 0px 0.7em 35px !important;
	}
	
	.SectionLinks a
	{
		float:left;
		width:370px;
	}
	
	.SectionLinks .FileSize
	{
		color:#9d9d9d;
		float:left;
		text-align:right;
		width:100px;
	}
	
	.SectionLinks .LinkDescription
	{
		clear:both;
		font-weight:normal;
		font-size:0.85em;
	}
}

@media screen
{
	/******************************************
	* Main Layout
	******************************************/
	
	#Main
	{
		width:960px;
		margin:0px auto;
		padding:0px;
		background-color:#fff;
	}
	
	/******************************************
	* Header
	******************************************/

	#Header
	{
		height:104px;
		position:relative;
	}

	#Logo
	{
		display:block;
		left:0px;
		position:absolute;
		top:0px;
		width:425px;
		height:104px;
	}
	
	#SearchForm
	{
		background-image:url(/Images/SearchFormBg.gif);
		background-repeat:no-repeat;
		height:37px;
		left:602px;
		position:absolute;
		top:41px;
		width:179px;
	}
	
	#SearchForm input.SearchQueryTextbox
	{
		position:absolute;
		left:6px;
		top:6px;
		background-color:transparent;
		border:none;
		color:#676767;
		font-size:0.9em;
		font-family:Arial, Tahoma, Sans-Serif;
		padding:4px 0px;
		width:135px;
	}
	
	#SearchForm input.SearchButton
	{
		position:absolute;
		left:147px;
		top:6px;
	}	
	
	#PhoneSupport
	{
		height:36px;
		left:797px;
		position:absolute;
		top:42px;
		width:163px;
	}
	
	/******************************************
	* Main Navigation
	******************************************/
	
	#Nav
	{
		height:49px;
		top:105px;
		width:960px;
	}

	#Nav ul
	{
		margin:0px;
		padding:0px;
	}

	#Nav li
	{
		float:left;
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
	
	#Nav li a
	{
		background-image:url(/Images/Navigation.gif);
		background-repeat:no-repeat;
		display:block;
	}
	
	#Nav li a.Current,
	#Nav li a:hover
	{
		background-image:url(/Images/NavigationHover.gif);
		background-position:0px -49px;
	}
	
	#Nav li:hover a.NavAboutUs,
	#Nav li.Selected a.NavAboutUs,
	#Nav li:hover a.NavWhatWeDo,
	#Nav li.Selected a.NavWhatWeDo,
	#Nav li:hover a.NavAdviceForCarers,
	#Nav li.Selected a.NavAdviceForCarers,
	#Nav li:hover a.NavFactsAboutCaring,
	#Nav li.Selected a.NavFactsAboutCaring,
	#Nav li:hover a.NavGetInvolved,
	#Nav li.Selected a.NavGetInvolved,
	#Nav li:hover a.NavEmployment,
	#Nav li.Selected a.NavEmployment,
	#Nav li:hover a.NavNewsAndEvents,
	#Nav li.Selected a.NavNewsAndEvents,
	#Nav li:hover a.NavPublications,
	#Nav li.Selected a.NavPublications,
	#Nav li:hover a.NavContactUs,
	#Nav li.Selected a.NavContactUs

	{
		background-image:url(/Images/NavigationHover.gif);
	}
	
	#Nav li a.NavAboutUs,
	#Nav li:hover a.NavAboutUs,
	#Nav li a.NavAboutUs:hover
	{
		background-position:0px;
		height:49px;
		width:93px;
	}

	#Nav li a.NavWhatWeDo,
	#Nav li:hover a.NavWhatWeDo,
	#Nav li a.NavWhatWeDo:hover
	{
		background-position:-93px;
		height:49px;
		width:143px;
	}
	
	#Nav li a.NavAdviceForCarers,
	#Nav li:hover a.NavAdviceForCarers,
	#Nav li a.NavAdviceForCarers:hover
	{
		background-position:-236px;
		height:49px;
		width:135px;
	}

	#Nav li a.NavFactsAboutCaring,
	#Nav li:hover a.NavFactsAboutCaring,
	#Nav li a.NavFactsAboutCaring:hover
	{
		background-position:-371px;
		height:49px;
		width:145px;
	}
	
	#Nav li a.NavGetInvolved,
	#Nav li:hover a.NavGetInvolved,
	#Nav li a.NavGetInvolved:hover
	{
		background-position:-516px;
		height:49px;
		width:107px;
	}

	#Nav li a.NavEmployment,
	#Nav li:hover a.NavEmployment,
	#Nav li a.NavEmployment:hover
	{
		background-position:-623px;
		height:49px;
		width:104px;
	}
	
	#Nav li a.NavNewsAndEvents,
	#Nav li:hover a.NavNewsAndEvents,
	#Nav li a.NavNewsAndEvents:hover
	{
		background-position:-727px;
		height:49px;
		width:123px;
	}

	#Nav li a.NavPublications,
	#Nav li:hover a.NavPublications,
	#Nav li a.NavPublications:hover
	{
		background-position:-850px;
		height:49px;
		width:109px;
	}

	/******************************************
	* Content layout
	******************************************/
	
	.Mandatory
	{
		background-image:url(../Images/IconMandatory.gif);
		background-repeat:no-repeat;
		display:block;
		height:16px;
		width:16px;
		float:right;
		margin-right:-4px;
	}
	
	/******************************************
	* Button Link
	******************************************/

	.ButtonLink
	{
		background:url(/Images/ButtonLinkBg.gif) repeat-x;
		float:left;
		height:29px;
	}
	
	* html .ButtonLink
	{
		text-align:center;
	}
	
	.ButtonLinkBgLeft
	{
		background:url(/Images/ButtonLinkLeftBg.png) no-repeat left top;
		float:left;
		height:29px;
		width:15px;
	}
	
	.ButtonLinkBgRight
	{
		background:url(/Images/ButtonLinkRightBg.png) no-repeat right top;
		float:left;
		height:29px;
		width:15px;
	}
	
	.ButtonLink a
	{
		color:#7d214a;
		font-family:"CosmosBQ-Medium";
		font-size:1.1em;
		display:block;
		height:23px;
		padding:6px 4px 0;
	}
	
	/******************************************
	* Common Elements
	******************************************/

	#CommonElements
	{
		background:#f0f0e8 url(/Images/TopShadow.gif) no-repeat center top;
	}
	
	.CommonElementsInner
	{
		margin:0px auto;
		padding:20px 0px;
		width:960px;
	}
	
	#CommonElements .BoxCornerTop
	{
		background:url(/Images/RoundBox_Small_Top.gif) no-repeat left top;
		height:7px;
		overflow:hidden;
		width:225px;
	}
	
	#CommonElements .BoxCornerBottom
	{
		background:url(/Images/RoundBox_Small_Bottom.gif) no-repeat left top;
		height:7px;
		width:225px;
	}
	
	#CommonElements .BoxContainer
	{
		background-color:#ffffff;
		border-left:1px solid #dbd9bd;
		border-right:1px solid #dbd9bd;
	}	
	
	#CommonElements .BoxHeader
	{
		color:#4e4c27;
		float:left;
		font-weight:normal;
		font-size:1em;
		margin:3px 0px;
	}
	
	#CommonElements ul
	{
		margin:0px;
	}
	
	/******************************************
	* News
	******************************************/
	
	#NewsBox
	{
		float:left;
		margin-right:20px;
		width:470px;
	}
	
	#NewsBox .NewsBoxCornerTop
	{
		background:url(/Images/RoundBox_Large_Top.gif) no-repeat left top;
		height:7px;
		overflow:hidden;
		width:470px;
	}
	
	#NewsBox .NewsBoxCornerBottom
	{
		background:url(/Images/RoundBox_Large_Bottom.gif) no-repeat left top;
		height:7px;
		width:470px;
	}
	
	#NewsBox .NewsBoxContainer
	{
		background-color:#ffffff;
		border-left:1px solid #dbd9bd;
		border-right:1px solid #dbd9bd;
		padding:8px 11px;
	}
	
	#NewsBox .NewsBoxContainer .NewsDigest
	{
		float:left;
		font-weight:bold;
		padding-left:10px;
		width:380px;
	}
	
	/******************************************
	* Change Font Size
	******************************************/
	
	#ChangeFontSizeBox
	{
		float:left;
		margin-right:20px;
		width:225px;
	}
	
	#ChangeFontSizeBox .BoxContainer
	{
		padding:0px 0px 0px 11px;
	}
	
	#ChangeFontSizeBox .BoxHeader
	{
		padding-top:8px;
		width:130px;
	}
	
	#ChangeFontSizeBox ul li
	{
		float:left;
		list-style-type:none;
	}
	
	#ChangeFontSizeBox a span
	{
		background-repeat:no-repeat;
		display:block;
		height:35px;
		width:35px;
	}
	
	#ChangeFontSizeBox #TextSmaller span
	{
		margin-right:7px;
	}
	
	#ChangeFontSizeBox #TextLarger span
	{
		background-image:url(/Images/FontLargerBtn.gif);
	}
	
	#TextSize a
	{
		float: left;
	}

	#TextSize a span
	{
		background-repeat:no-repeat;
		display:block;
		height:35px;
		width:35px;
	}

	#TextLarger span
	{
		background-image:url(/Images/FontLargerBtn.gif);
	}

	#TextSmaller span
	{
		margin-right:7px;
		background-image:url(/images/FontSmallerBtn.gif);
	}	
	
	/******************************************
	* Follow Us
	******************************************/
	
	#FollowUsBox
	{
		float:left;
		width:225px;
	}
	
	#FollowUsBox .BoxContainer
	{
		padding:0px 0px 0px 11px;
	}
	
	#FollowUsBox .BoxHeader
	{
		padding-top:8px;
		width:132px;
	}	
	
	#FollowUsBox ul li
	{
		float:left;
		list-style-type:none;
	}

	#FollowUsBox a#FollowFacebookLink
	{
		background:url(/Images/FacebookLogo.gif);
		display:block;
		height:36px;
		margin-right:5px;
		width:35px;
	}
	
	#FollowUsBox a#FollowTwitterLink
	{
		background-image:url(/Images/TwitterLogo.gif);
		display:block;
		height:36px;
		width:35px;
	}
	
	/******************************************
	* Sitemap
	******************************************/

	#Sitemap
	{
		margin-top:33px;
	}
	
	#Sitemap .Column
	{
		float:left;
		width:160px;
	}
	
	#Sitemap .SectionTitle
	{
		font-weight:bold;
	}
	
	#Sitemap ul
	{
		margin:0px 0px 23px 0px;
		padding:0px;
	}
	
	#Sitemap ul li
	{
		list-style-type:none;
		margin-top:2px;
		margin-bottom:3px;
	}
	
	#Sitemap a
	{
		color:#676767;
		font-size:0.84em;
		text-decoration:none;
	}

	#Sitemap a:hover,
	#Sitemap a:focus
	{
		color:#676767;
		text-decoration:underline;
	}
	
	#Sitemap .SectionTitle a
	{
		color:#7d214a;
		font-size:1em;
	}
	
	/******************************************
	* Footer
	******************************************/
	
	#Footer
	{
		background-color:#e3e3d4;
		border-top:1px solid #dbd9bd;
		padding:11px 0px 15px 0px;
		text-align:center;
	}
	
	#Footer ul
	{
		margin:0px;
		padding:0px;
	}
	
	#Footer ul li
	{
		display:inline;
		list-style-type:none;
		margin-left:15px;
	}
	
	#Footer ul li:first-child,
	#Footer ul li.First
	{
		margin-left:0px;
	}
	
	#Footer a
	{
		color:#4e4c27;
		text-decoration:none;
	}
	
	#Footer a:hover,
	#Footer a:focus
	{
		text-decoration:underline;
	}
	
	/******************************************
	* CMS table styles
	******************************************/

	.cmstable
	{
		border-top:1px solid #b5b38c;
	}
	
	.cmstable caption
	{
		font-size:0.85em;
		font-style:italic;
		padding:3px 0px;
		text-align:left;
	}

	.cmstableheader,
	.cmstableheader td
	{
		border-bottom:1px solid #dad9c5;
		background-color:#ffffff;
		font-weight:bold;
	}

	.cmstableheadercell,
	.cmstableheadercell td
	{
		border-bottom:1px solid #dad9c5;
		font-weight:bold;
	}

	.cmstablerowdark,
	.cmstablerowdark td
	{
		background-color:#f5f5ee;
		border-bottom:1px solid #dad9c5;
	}

	.cmstablerowlight,
	.cmstablerowlight td
	{
		background-color:#ffffff;
		border-bottom:1px solid #dad9c5;
	}

	.cmstablecell
	{
		border-bottom:1px solid #dad9c5;
	}
	
	.printOnly
	{
		display:none;
	}
}

@media print
{
	#SearchForm,
	#PhoneSupport,
	#Nav,
	#FeaturePanelControls,
	#NewsBox,
	#ChangeFontSizeBox,
	#FollowUsBox,
	#Footer,
	#Sitemap,
	#Breadcrumbs,
	#TOC,
	.VideoHolder,
	.RelatedContent,
	.ContentNav,
	.BTT,
	.ChildPanelInnerBottom
	{
		display:none;
	}

	#BreadCrumbs, #BreadCrumbs a
	{
		color:#999 !important;
	}
	
	h1, .printOnly h2
	{
		color:#7d214a;
		font-size:2.2em;
		margin:17px 0px 12px 0px;
	}
	
	.MainContent h2
	{
		font-size:1.8em;
	}
	
	/******************************************
	* Common Elements
	******************************************/

	#CommonElements .BoxHeader
	{
		color:#4e4c27;
		float:left;
		font-family:"CosmosBQ";
		font-weight:normal;
		font-size:1.02em;
		margin:1px 0px;
	}	
	
	/******************************************
	* News
	******************************************/
	
	#NewsBox
	{
		float:left;
		margin-right:20px;
		width:470px;
	}
	
	#NewsBox .NewsBoxContainer
	{
		padding:8px 11px;
	}
	
	#NewsBox .NewsBoxContainer .NewsDigest
	{
		float:left;
		font-weight:bold;
		padding-left:10px;
		width:380px;
	}
	
	/******************************************
	* CMS table styles
	******************************************/

	.cmstable
	{
		border-top:1px solid #b5b38c;
	}
	
	.cmstable caption
	{
		font-size:0.85em;
		font-style:italic;
		padding:3px 0px;
		text-align:left;
	}

	.cmstableheader,
	.cmstableheader td
	{
		border-bottom:1px solid #dad9c5;
		background-color:#ffffff;
		font-weight:bold;
	}

	.cmstableheadercell,
	.cmstableheadercell td
	{
		border-bottom:1px solid #dad9c5;
		font-weight:bold;
	}

	.cmstablerowdark,
	.cmstablerowdark td
	{
		background-color:#f5f5ee;
		border-bottom:1px solid #dad9c5;
	}

	.cmstablerowlight,
	.cmstablerowlight td
	{
		background-color:#ffffff;
		border-bottom:1px solid #dad9c5;
	}

	.cmstablecell
	{
		border-bottom:1px solid #dad9c5;
	}
	
	#ContentHeader
	{
		display:none;
	}
	#ContentHeader #Breadcrumbs
	{
		display:none;
	}
	#ContentHeader > h1
	{
		display:none;
	}
	
	#ContentHeader .printOnly h2
	{
		display:block;
		font-size:30px;
		color:#f00;
		background-color:#ff0;
	}
	
	cufon, .cufon
	{
		display:none;
	}
}

