@charset "utf-8";
/* CSS Document */

*, span {margin: 0;	padding: 0;	}
html, body, #container{height: 100%;}
body > #container {height: auto; min-height: 100%;}
body {margin: 0 auto;font-family: arial, san-serif, Verdana;font-size: 1em;text-align: left;background-color:#ff9900; background-image:url(/style/cssimg/page-fade.png); background-repeat:repeat-x; background-position:top;}

/*WHITEBOX*/
.whitebox{
   border: 3px solid #eee;
   }

/*Greybox Styles*/
#CS_Element_news2a,.homepagetext,.sponsor_00,.sponsor_01,.sponsor_02,.sponsor_03,.sponsor_04,.sponsor_05,.sponsor_06,.sponsor_07,.sponsor_08,.sponsor_09,.ccard,.greybox,#adverts,.hottips,.whitebox {margin-bottom:10px;padding:10px;}

#CS_Element_news2a,.homepagetext,.sponsor_00,.sponsor_01,.sponsor_02,.sponsor_03,.sponsor_04,.sponsor_05,.sponsor_06,.sponsor_07,.sponsor_08,.sponsor_09,.ccard,.homepageindex-right,.homepageindex-left,.mainlogo,.list_top,.page_index_2010 .listfull1,#contentcontainer .page_index_2010 li,.greybox,#adverts,.hottips {background-image:url(/style/cssimg/verticalfade.png); background-repeat:repeat-x;background-position:top; background-color:#ccc;border:1px solid #ccc; }

.greybox-wholelink {margin-bottom:10px;}
.greybox-wholelink a{background-repeat:repeat-x;background-position:top;display:block;padding:10px;background-image:url(/style/cssimg/verticalfade2.png);}
.greybox-wholelink a:hover,.greybox-wholelink a:focus{background-image:url(/style/cssimg/verticalfade.png);text-decoration:none;}

#contentcontainer .page_index_2010 ul {width:290px; list-style:none;padding-top:5px;}
#contentcontainer .page_index_2010 li {width:277px;float:left;padding:0 10px;margin:0 10px 10px 0;}
#contentcontainer .page_index_2010 li img{float:right;margin:5px 10px;}

#connexionsdirect-sidebar1 img,#stressmeless-sidebar1 img{float:none;}

#connexionsdirect-sidebar1{border:1px solid #669ACC;background-color:#669ACC;}
#connexionsdirect-sidebar1 h2 {color:#003366;}
#connexionsdirect-sidebar1 p{color:#000;}

#facebook-sidebar1{border:1px solid #3B5998;background-color:#3B5998;}
#facebook-sidebar1 h2,#facebook-sidebar1 p{color:#000;}

#yourccard-sidebar1{background-color:#FDF31E;}
#stressmeless-sidebar1{background-color:#66CC66;}

#nhschoices-sidebar1{background-color:#eee;}

/*see also et al*/
#CS_Element_2010ExternalLinks .CS_PgIndex_Item a,#CS_Element_2010ExternalLinks .CS_PgIndex_Item_Alternate a,#CS_Element_2010InThisSection .CS_PgIndex_Item a,#CS_Element_2010InThisSection .CS_PgIndex_Item_Alternate a,#CS_Element_2010SeeAlso .CS_PgIndex_Item a,#CS_Element_2010SeeAlso .CS_PgIndex_Item_Alternate a{padding: 0 0 0 22px;line-height:150%;}

#CS_Element_2010ExternalLinks .CS_PgIndex_Item, #CS_Element_2010ExternalLinks .CS_PgIndex_Item_Alternate{background:transparent url(/style/cssimg/icon-external.png) no-repeat scroll top left;}

#CS_Element_2010SeeAlso .CS_PgIndex_Item,#CS_Element_2010SeeAlso .CS_PgIndex_Item_Alternate{background:transparent url(/style/cssimg/icon-seealso.png) no-repeat scroll top left;}

#CS_Element_2010InThisSection .CS_PgIndex_Item,#CS_Element_2010InThisSection .CS_PgIndex_Item_Alternate{background:transparent url(/style/cssimg/icon-thissection.png) no-repeat scroll top left;}

/*news element that appears by default in news pages?*/
#CS_Element_news2a .listfull2{padding-bottom:3px;}

/*styles and typography*/

img {border: 0;	padding: 0;	margin: 0;}
a {font-weight: bold;text-decoration: none;color: #6d207c;}
a:hover,a:focus {text-decoration: underline;}
.clear {clear: both;}
p {line-height:140%;}

/*lists*/
ul, ol { margin: 0 0 5px 0; padding: 0; list-style: none;}
#contentcontainer li,#contentcontainer li {background: url("/images/style/arrow.gif") no-repeat 6px 5px; margin: 0; padding: 6px 0 4px 32px }
li p {padding-left: 0;}

/*p's and h's*/

#maincontent{font-size:100%;}
#sidebar1{font-size:90%;}

p{margin-bottom:5px;}

h2,h3,.Heading,.SubHeading{margin:10px 0 5px 0;font-weight:700;}
h1 {font-size: 150%;margin-bottom:5px}
h2, .Heading,.CS_Element_LinkBar a{font-size: 130%;}
h3, .SubHeading {font-size: 110%;display:block;}
#sidebar1 .greybox h4{margin:5px 0 2px 0;}
.topnav{font-size:12px;}
#footer{font-size:75%;}

/*homepage only*/
.homepageindex-right,.homepageindex-left {width:291px;float:left; padding:0 5px;}
.homepageindex-left{margin-right:11px;}
#cs_control_11828{margin-bottom:10px;}
#maincontent .homepagetext p{font-size:18px;font-weight:normal;}
#maincontent .homepagetext h1{text-align:left;font-size:24px;font-weight:normal;background:none;color:#000;}
.img-float-right{float:right;margin:10px;}
#maincontent .homepagetext{background-color:#6d207c;color:#fff;}

/*SECTIONS!*/
/*general structure*/
#container {width: 960px; margin: 0 auto; text-align: left;background:#fff;} 
#contentcontainer{background-color:#fff;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}

/*maincontent*/
#maincontent h1{background:#6d207c; color:#fff;text-align:center;padding:5px;}
#maincontent {margin:0 10px 10px 10px; width:618px; height:100%; float:left; background:#fff; padding:10px;border: 1px solid #ccc;display:inline;}

/*header*/
#header {background: #fff;padding:10px 10px 0 0;} 
#skipnav{display:none;}
.special {font-style:oblique; font-size:75%;}
#nav ul{height:105px; width:100%;}
#mainnavigation li{float:left;margin:0 2.9px;display:inline;}
.topnav,.bigtitle1 {text-shadow:1px 1px 1px #000;}
.mainlogo{width:170px;height:100px;}
.smalltitle1{font-size:13px;}
.smalltitle2{font-size:13px;font-style:oblique;}
.smalltitle3{font-size:16px;font-weight:700;}
#bread{padding:10px;}

/*breadcrumbs*/
.CS_Element_LinkBar> a:first-child{display:none;}
.CS_Element_LinkBar a{padding:5px 0;font-size:16px; font-weight:700;}

/*mainlogo!*/
#mainlogo img{margin:-10px -22px -36px -3px;z-index:10;position:relative;}

/*footer*/
#footer ul li{display:inline;margin-right:15px;}
#footer{padding:0; background:#fff;width:940px; margin:0 auto;}
#footer .left{width:360px;float:left;}

#footer {position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	clear:both;} 

/*content container (linked to footer above!!)*/
#contentcontainer {overflow:auto;padding-bottom: 60px;min-height:100%;}  /* must be same height as the footer */

/*sidebar*/
#sidebar1 {float: right; width: 290px; margin-right:10px;display:inline;}

/*#sidebar1 ul li{background:#ccc;margin-bottom:10px;padding:0 5px;background-image:url(/testpages/fade151.png); background-repeat:repeat-x;background-position:top;border:3px solid #fff;} DELETE ME!!!*/
#sidebar1 h2,#sidebar1 h3{padding-top:0;margin-top:0;}
#sidebar1 p img,.advertimg{float:right;margin:5px;}

.addthis_toolbox{padding: 10px 0 0 0;}

/*parter logos*/
.partnerlogo{border:1px solid #ccc;margin-bottom:10px;}
.partnerlogo img{margin:0 auto; display:block;}

/*subsite page indexes*/
.pi2010 .CS_PgIndex_Item_Title{font-size:110%;}
.pi2010 .CS_PgIndex_Item, .pi2010 .CS_PgIndex_Item_Alternate{margin-bottom:8px;display:block;}

/*page indexes */
.page_index_2010{width:298px;float:left;margin-right:10px;}
.page_index_2010 h2{text-align:center;}
.listfull1,.page_index_2010 CS_PgIndex_Item_Alternate{padding:5px 0;}
.listtitle1 {font-size:110%;}
.listdate2 {display:none;}

.list_top{padding:0 10px;}

/* SCALEABLE BUTTONS - top navigation http://www.monc.se/kitchen/59/scalable-css-buttons-using-png-and-background-colors*/
.btn {display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer;/*added by me*/text-align:center; }
.btn * { font-style: normal; background-image: url(/style/cssimg/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn img{background-image:none;}.btn br{background-image:none;}
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.family {background-color:#ff0000;}
.health {background-color:#ff9900;}
.housing {background-color:#cccc00;}
.money {background-color:#66cc00;}
.transport {background-color:#009933;}
.volunteer {background-color:#33cccc;}
.rights {background-color:#3333ff;}
.news {background-color:#cc33cc;}
.about {background-color:#6d207c;}
.home {background-color:#82C344;}
.generic {background-color:#5FAAE5;}
/*.btn:hover { background-color: #a00; }*/
.btn:hover,.btn:focus{background-color:#666666;}
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(/style/cssimg/shade.png); background-position: bottom; }
* html .btn { border: 3px double #aaa; }

/*from cm style sheets */
/*
#list_links {height: 48px;}
#list_links li {padding: 0;	float: left;margin: 0;	background: none;}
#list_links a {	display: block;		padding: 0; margin: 0; 	height: 48px;	text-indent: -5000px;	overflow: hidden;	}
#list_all {width: 183px;background: url(/images/main/list_01.gif) no-repeat right top;}
#list_what {width: 183px;background: url(/images/main/list_02.gif) no-repeat;}
#list_high {width: 181px;background: url(/images/main/list_03.gif) no-repeat;	}
#list_links a:hover, #list_links a.active {background-position: 0 -48px;}
*/
.indexitem{	clear:left;	margin-left:10px;}

/* html snippet styles
==============================================================================*/

.centre * {text-align: center;}
.centre img {border: 1px solid #5C157A;}
.quote {float: right;margin: 5px;width: 200px;text-align: center;padding: 10px 0;background: #EDEDED;}
.quote p {color: #0F9425;font-style: italic;font-weight: 600;}
.huc_link {	width: 547px;	height: 87px;	padding: 10px 0;	overflow: hidden;	background: url(/images/main/huc_link.gif) no-repeat;}
	.huc_link p {padding: 3px 10px 0 100px;	color: #ffffff;}
	.huc_link a {color: #ffffff;}
.quickquiz a, .graffiti a {display: block;width: 131px;padding: 0;margin: 0;height: 123px;text-indent: -5000px;overflow: hidden;background-position: center top;}
.quickquiz a:hover, .graffiti a:hover {background-position: 0 -123px;}
.quickquiz a {float: right;	background: url("/images/quickquiz.gif") no-repeat;}
.graffiti a {float: left; background: url("/images/graffiti.gif") no-repeat;}
/* "Themed" highlight boxes */
.highlight_top {width: 547px;margin-top: 10px;margin-right: -10px;padding: 10px 0;background: url(/images/main/list_04_white.gif);}
.highlight_top p {padding: 3px 10px;}
.highlight_bot {width: 547px;height: 15px;margin-right: -10px;line-height: 1px;background: url(/images/main/list_05_white.gif) no-repeat;}
.highlight_top .title .img {float: left;position:relative;top:-20px;margin-bottom:-30px;height: 53px;}
.important .title .img {width: 29px;background: transparent url("/images/important.png") no-repeat;}
.talkto .title .img {top: -13px;margin-bottom: -23px;left: -15px;margin-right: -15px;width: 69px;background: transparent url("/images/talkto.png") no-repeat;}
.link .title .img {	left: -7px;	margin-right: -7px;	width: 51px;background: transparent url("/images/link.png") no-repeat;}
.highlight_top .title {	font-size: 130%;font-weight: bold;	}
.important .title {color: #da5e38;}
.talkto .title {color: #9acc62;	}
.link .title {color: #3e4ca0;}
/* Pull quotes */
	blockquote {margin: 10px auto;padding: 0 34px;width: 65%;color: #666;font-size: 120%;font-weight: bold;font-style: italic;text-align: justify;}
	blockquote p {color: #666;}
	blockquote .ldquo {position: relative;top: -3px;left: -34px;margin-right: -34px;float: left;width: 24px;height: 14px;}
	blockquote .rdquo {position: relative;top: -12px;right: -34px;margin-left: -34px;float: right;width: 24px;height: 14px;	}
	blockquote .ldquo2 {position: relative;top: -3px;float: left;width: 24px;height: 14px;margin-right:5px;}
	blockquote .rdquo2 {position: relative;top: -12px;float: right;width: 24px;height: 14px;margin-left:5px;}
	blockquote.left, blockquote.right {width: 45%;padding: 0;text-align:center;}
	blockquote.middle {clear:left;}		
	blockquote.left {float: left;clear: left;margin-left: 0;margin-right: 15px;}
	blockquote.right {float: right;clear: right;margin-left: 15px;margin-right: 0;}
	/*	hyc special link snippet
=============================================================================*/
.helpyouchoose .highlight_top {position: relative;min-height: 55px;}
	* html .helpyouchoose .highlight_top {height: 55px;}
	.helpyouchoose .column{width:210px;}
	.helpyouchoose .left{float:left;}
	.helpyouchoose .right{float:right;}
	.helpyouchoose .clear {height: 1px;line-height: 1px;clear: both;}
    .helpyouchoose .img {position: absolute;width: 124px;height: 102px;left: 213px;top: -5px;background: transparent url("/images/hyclogo.png") center center no-repeat;	text-indent: -9999px;}
	/* html snippet table styles
============================================================================*/
.horiz-table tbody td.odd a {color: #0F9425;}
.horiz-table {margin: 5px 0 10px 5px;border-collapse: collapse;border: none;width: 538px;}
.horiz-table tbody {border: solid 2px #76d114;}
.horiz-table tbody td, .horiz-table tbody th  {	margin:0;text-align:left;vertical-align:top;border-bottom: solid 1px #000000;padding:5px;}
.horiz-table tbody td.odd {background-color: #c5e6a1;}
.horiz-table thead {	border:none;}
.horiz-table thead th {	margin:0;	text-align:center;	vertical-align:bottom;	font-weight: bold;	font-size:110%;	padding:5px;}
.vert-table tbody td.odd a {	color: #0F9425;}
.vert-table {	margin: 5px 0 10px 5px;	border-collapse: collapse;	border: none;	width: 538px;}
.vert-table tbody {	border: solid 2px #76d114;}
.vert-table tbody td {	margin:0;	text-align:left;	vertical-align:top;	border-bottom: solid 1px #000000;	padding:5px;}
.vert-table tbody td.odd {	background-color: #c5e6a1;}
.vert-table thead {	border:none;}
.vert-table tbody th {	margin:0;	text-align:left;	vertical-align:middle;	font-weight: bold;	font-size:110%;	border-bottom: solid 1px #000000;	padding:5px;}
/*C Card!*/
.selector2 th,.selector2 td  {}	
.ccard01,.ccard02,.ccard03,.ccard04{border-bottom:1px solid #fff;border-right: 1px solid #fff;}
.ccard01 {width:250px;background:#c5e6a1;padding-left:5px;}
.ccard02 {width:165px;background:#e7e7e7;padding:5px;}
.ccard03 {width:75px;background:#c5e6a1; text-align:center;padding:5px;}
.ccard04 {width:75px;background:#e7e7e7; text-align:center;padding:5px;}
th.ccard01,th.ccard02,th.ccard03,th.ccard04 {background:#7D4495;color:#fff;text-align:center;}
#ccard2col{font-size:80%;}
#ccard2col ul{width:610px;}
#ccard2col li{width:100px;float:left;margin-right:15px;}
.ccarddetails th{background-color:#6d207c;color:#fff;width:100px;}
.ccarddetails td{padding:3px 10px;}
.ccarddetails tr{border:1px solid #ccc;}
.ccardfirst{background:#c5e6a1;}
.ccardsecond{background:#e7e7e7;}

/*temporary - for ccard world cup advert on homepage*/
.ccwc{margin-bottom:10px;}
.genericbuttons li{display:block;float:left;}
#contentcontainer .genericbuttons li{display:block;float:left;background-image:none;padding:5px 1px;}
ul.genericbuttons{height:30px;}/*aaagh - this is horrible. only using this cos for some reason the ul does not take on the height of the lis even if display:block?????*/
.ccardcolor{background-color:#C0000B;}

/*pppppp*/
.splashbox,#special-list ul li{border:1px solid #999;float:left;padding:0 5px;}
.splashbox h2{text-align:center;}
#special-list ul li{width:605px;list-style:none;background:none;margin-bottom:5px;font-size:85%}
#special-list h3{margin:5px 0 0 0;}

#box1,#box2,#box3,#box4{width:291px;}
#box1{margin:5px 11px 10px 0;}
#box2{margin:5px 0 10px 0;}
#box3{margin:0 11px 0 0;clear:left;}
#box4{margin:0;}

.photo-left{float:left;margin:0 5px 0 0;}

#contentcontainer .links-list img{float:left;zoom:1;margin:0 10px 10px 0;}
#contentcontainer .links-list li{clear:left;background-image:none;padding:0}
#contentcontainer .links-list li h3{margin-top:0;padding-top:0;display:inline;}