/*
----------------------------------------
Main rules
----------------------------------------
*/
*{
	margin:0;
	padding:0;
}
body  {
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	color: #000;
	background-color:#fff;
}
a img{
	border:none;
}
h1{
	font-size:1.5em;
	margin-bottom: 12px;
}
h2{
	font-size:1.4em;
}
h3{
	font-size:1.3em;
}
h4{
	font-size:1.2em;
}
h5, h6{
	font-size:1em;
}
p, ul{
	margin-bottom:6px;
}
/*
----------------------------------------
Main positioning/sizes
----------------------------------------
*/
#container{
	position:relative;
	width:980px;
	margin:0 auto 0 auto;
}
#topbar{
	height:1.5em;
}
#banner{
	position:relative;
	height:50px;
	width:980px;
}
#search{
	position:absolute;
	bottom:1px;
	right:3px;
}
#menuwrapper{
	width:159px;
	min-height:426px;
	float:left;
}
#contentwrapper{
	/* width defined in zone*.css */
	float:left;
}
#footer1{
	clear:both;
}
/*
----------------------------------------
Sub item positioning sizes
---------------------------------------- 
*/
#skipnav{
	display:none;
}
#topbar ul{
	position:relative;
	height:1.4em;
}
#topbar li{
	position:absolute;
	top:0.3em;
}
#topbar li.home{
	left:6px;
}
#topbar li.publications{
	left:160px;
}
#topbar li.posters{
	left:360px;
}
#topbar li.factsheets{
	left:535px;
}
#topbar li.feedback{
	left:727px;
}
#topbar li.contact{
	right:6px;
}
#content{
	padding:12px 0 12px 12px;
}
/*
----------------------------------------
Styling
---------------------------------------- 
*/
#container{
}
#topbar{
	background-color:#b41d8d;
}
#topbar ul{
	list-style:none;
}
#topbar a{
	font-size:0.9em;
	/*color:#d9a5cb;*/
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}
#topbar a:hover{
	color:#fff;
	text-decoration:underline;
}
#search input.search{
	width:100px;
	font-size:14px;
	line-height:18px;
	height:18px;
}
#mainhead{
	height:25px;
	background-image:url(yp/images/cnx-body-top-2a.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#main{
	background-image:url(yp/images/cnx-body-bg-2a.gif);
	background-repeat:repeat-y;
}
#menuwrapper{
	margin-top:-12px;
}
#menu{
	padding:0 0 0 7px;
	font-size:1em;
	line-height:1em;
}
#menu div.menutop{
	height:15px;
	width:145px;
	background-image:url(images/cnx-menu-top-2a.gif);
	background-position:top;
	background-repeat:no-repeat;
}
#menu ul{
	width:145px;
	background-image:url(images/cnx-menu-btm-2a.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:15px;
	list-style:none;
}
#menu li{
	/*background-color:#fb9f26;*/
}
#menu li.hilite{
	/*
	background-image:url(images/cnx-menu-this-1.jpg);
	background-position:right;
	background-repeat:repeat-y;
	*/
}
#menu li a{
	display:block;
	padding:3px 6px 3px 6px;
	color:#fb8f00;
	background-color:#ffedd1;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
#menu li a:visited{
}
#menu li a:hover{
	background-color:#b41d8d;
	color:#fff;
}
#menu li.hilite a:link, #menu li.hilite a:active, #menu li.hilite a:visited{
	color:#fff;
	background-color:#b41d8d;
}
#menu li.hilite a:hover{
	background-color:#b41d8d;
	color:#fff;
}
/*Living*/
#menu ul.living li.hilite a:link, #menu ul.living li.hilite a:active, #menu ul.living li.hilite a:visited{
	color:#fff;
	background-color:#68b713;
}
#menu ul.living li.hilite a:hover{
	color:#fff;
	background-color:#68b713;
}
#menu ul.living li a:hover{
	color:#fff;
	background-color:#68b713;
}
/*Learning*/
#menu ul.learning li.hilite a:link, #menu ul.learning li.hilite a:active, #menu ul.learning li.hilite a:visited{
	color:#fff;
	background-color:#01aef0;
}
#menu ul.learning li.hilite a:hover{
	color:#fff;
	background-color:#01aef0;
}
#menu ul.learning li a:hover{
	color:#fff;
	background-color:#01aef0;
}
/*working*/
#menu ul.working li.hilite a:link, #menu ul.working li.hilite a:active, #menu ul.working li.hilite a:visited{
	color:#fff;
	background-color:#9d71c0;
}
#menu ul.working li.hilite a:hover{
	color:#fff;
	background-color:#9d71c0;
}
#menu ul.working li a:hover{
	color:#fff;
	background-color:#9d71c0;
}
/*Hot zone*/
#menu ul.hotzone li.hilite a:link, #menu ul.hotzone li.hilite a:active, #menu ul.hotzone li.hilite a:visited{
	color:#fff;
	background-color:#ec1d25;
}
#menu ul.hotzone li.hilite a:hover{
	color:#fff;
	background-color:#ec1d25;
}
#menu ul.hotzone li a:hover{
	color:#fff;
	background-color:#ec1d25;
}
/*Parents&Carers*/
#menu ul.parents li.hilite a:link, #menu ul.parents li.hilite a:active, #menu ul.parents li.hilite a:visited{
	color:#fff;
	background-color:#4A355A;
}
#menu ul.parents li.hilite a:hover{
	color:#fff;
	background-color:#4A355A;
}
#menu ul.parents li a:hover{
	color:#fff;
	background-color:#4A355A;
}/*Advisers*/
#menu ul.advisers li.hilite a:link, #menu ul.advisers li.hilite a:active, #menu ul.advisers li.hilite a:visited{
	color:#fff;
	background-color:#3643BE;
}
#menu ul.advisers li.hilite a:hover{
	color:#fff;
	background-color:#3643BE;
}
#menu ul.advisers li a:hover{
	color:#fff;
	background-color:#3643BE;
}
/*Employers*/
#menu ul.employers li.hilite a:link, #menu ul.employers li.hilite a:active, #menu ul.employers li.hilite a:visited{
	color:#fff;
	background-color:#4A355A;
}
#menu ul.employers li.hilite a:hover{
	color:#fff;
	background-color:#4A355A;
}
#menu ul.employers li a:hover{
	color:#fff;
	background-color:#4A355A;
}


#menu li.head a:link, #menu li.head a:active, #menu li.head a:visited{
	color:#ff9c1a;
}

#menu li.head a{
	background-image:url(images/cnx-menu-arrow-up-2.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:12px;
}
#menu li.head a:hover{
	background-image:url(images/cnx-menu-arrow-up-o-1.jpg);
	color: #fff;
}

#menu ul.living li.head a:hover{
	background-image:url(images/cnx-menu-arrow-up-living-o-1.gif);
}
#menu ul.learning li.head a:hover{
	background-image:url(images/cnx-menu-arrow-up-learning-o-1.gif);
}
#menu ul.working li.head a:hover{
	background-image:url(images/cnx-menu-arrow-up-working-o-1.gif);
}
#menu ul.hotzone li.head a:hover{
	background-image:url(images/cnx-menu-arrow-up-hotzone-o-1.gif);
}
#menu ul.parents li.head a:hover{
	background-image:url(images/cnx-menu-arrow-up-parents-o-1.gif);
}
#menu ul.advisers li.head a:hover{
	background-image:url(images/cnx-menu-arrow-up-advisers-o-1.gif);
}
#menu ul.employers li.head a:hover{
	background-image:url(images/cnx-menu-arrow-up-employers-o-1.gif);
}

#menupanel{
	padding:0 6px 0 7px;
}


#contentwrapper{
	margin-top:0;
}
#content{
	padding:0 18px 18px 18px;
	font-size:1.1em;
	/* font-weight:600; */
	font-family: Arial, Helvetica, sans-serif;
}
#content ul li, #content ol li{
	margin-left:20px;
	list-style-type:disc;
}
#content ul li.vacancylist{
	list-style-type:none;
}

#content a{
	color:#b41d8d;
	text-decoration:none;
	font-weight:bold;
}
#content a:visited{
	/*color:#c268ab;*/
	text-decoration:none;
}
#content a:hover{
	/* color:#fb9f26; */
	color:#000;
	text-decoration:underline;
}
#zonewrapper{
	margin-top:0;
}
div.zone{
	width:202px;
	float:left;
	background-image:url(images/cnx-zone-bg-2.gif);
	background-position:left;
	background-repeat:repeat-y;
	margin-bottom:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	overflow:hidden;
}
div.zonecontent{
	min-height:180px;
	margin-right:12px;
	background-image:url(images/cnx-zone-btm-2.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:6px;
}
div.zonecontent p{
	margin-bottom:0;
}
div.zonehead{
	height:33px;
	background-image:url(images/cnx-zone-head-2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-transform:uppercase;
	color:#fff;
	font-size:1.2em;
	line-height:33px;
	font-weight:bold;
	text-align:center;
}
div.zoneheadliving{
	/* as above, different background */
	height:33px;
	background-image:url(images/cnx-zone-headliving-2a.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-transform:uppercase;
	color:#fff;
	font-size:1.4em;
	line-height:33px;
	font-weight:bold;
	text-align:center;
}
div.zoneheadlearning{
	/* as above, different background */
	height:33px;
	background-image:url(images/cnx-zone-headlearning-2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-transform:uppercase;
	color:#fff;
	font-size:1.4em;
	line-height:33px;
	font-weight:bold;
	text-align:center;
}
div.zoneheadworking{
	/* as above, different background */
	height:33px;
	background-image:url(images/cnx-zone-headworking-2a.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-transform:uppercase;
	color:#fff;
	font-size:1.4em;
	line-height:33px;
	font-weight:bold;
	text-align:center;
}
div.zoneheadhot{
	/* as above, different background */
	height:33px;
	background-image:url(images/cnx-zone-headhot-2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-transform:uppercase;
	color:#fff;
	font-size:1.4em;
	line-height:33px;
	font-weight:bold;
	text-align:center;
}
div.zonecontent img{
	margin-left:-3px;
}
div.zonecontent img.head{
	margin:-6px -3px 3px -3px;
}

#zonewrapper a{
	color:#b41d8d;
	text-decoration:none;
}
#zonewrapper a:visited{
	color:#c268ab;
	text-decoration:none;
}
#zonewrapper a:hover{
	/* color:#fb9f26; */
	color:#000;
	text-decoration:underline;
}
#footer{
}
#footer1{
	border-bottom:4px solid #fbae48;
}
#footer2a{
	float:left;
	width:100px;
	color:#666;
	font-size:0.8em;
	text-align:left;
}
#footer2{
	text-align:center;
	color:#ffdfb7;
}
#footer2 a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	padding:0 1em 0 1em;
	font-size:0.9em;
}
#footer2 a:hover{
	color:#b41d8d;
	text-decoration:underline;
}
div.button{
	float:right;
}
div.learning h1, div.learning h2, div.learning h3, div.learning h4, div.learning h5, div.learning h6{
	color:#01aef0;
}
div.living h1, div.living h2, div.living h3, div.living h4, div.living h5, div.living h6{
	/*color:#fbad48;*/
	color:#68b713;
}
div.working h1, div.working h2, div.working h3, div.working h4, div.working h5, div.working h6{
	color:#9d71c0;
}
div.hotzone h1, div.hotzone h2, div.hotzone h3, div.hotzone h4, div.hotzone h5, div.hotzone h6{
	color:#ec1d25;
}
div.parents h1, div.parents h2, div.parents h3, div.parents h4, div.parents h5, div.parents h6{
	color:#4A355A;
}
div.advisers h1, div.advisers h2, div.advisers h3, div.advisers h4, div.advisers h5, div.advisers h6{
	color:#3643BE;
}
div.employers h1, div.employers h2, div.employers h3, div.employers h4, div.employers h5, div.employers h6{
	color:#6F5088;
}
table.categorylist{
	width:570px;
	background-color:#fbf5ff;
}
table.categorylist thead th{
	height:15px;
	background-image:url(images/categorylisthead.gif);
	background-repeat:no-repeat;
}
table.categorylist tfoot td{
	height:15px;
	background-image:url(images/categorylistfoot.gif);
	background-repeat:no-repeat;
}
table.categorylist tbody td.left{
	background-image:url(images/categorylistbody.gif);
	background-repeat:repeat-y;
	background-position:left;
	padding-left:16px;
}
table.categorylist tbody td.right{
	background-image:url(images/categorylistbody.gif);
	background-repeat:repeat-y;
	background-position:right;
}
table.categorylist tbody td.alt{
	background-image:url(images/categorylistbodyalt.gif);
	background-repeat:repeat-y;
}
table.categorylist tbody td.dotted{
	border-bottom:1px dotted cyan;
}
table.categorylist tbody td{
	font-size:0.7em;
	padding:4px;
}
table.categorylist tbody td a img{
	border:1px solid silver;
	padding:0;
	margin:0 4px 0 0;
}
div.vacancylist{
	width:570px;
}
div.vacancylist div.top{
	background-image:url(images/categorylisthead.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:15px;
}
div.vacancylist div.vacancycontent{
	background-image:url(images/categorylistbody.gif);
	background-repeat:repeat-y;
	padding:0 12px 0 0;
}
div.vacancylist div.bottom{
	background-image:url(images/categorylistfoot.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:15px;
}
div.vacancylist div.vacancycontent ul{
}
div.vacancylist div.vacancycontent ul li.vacancylist{
	list-style-type:none;
	list-style-image:none;
	padding-bottom:6px;
	border-bottom:1px dotted #9d71c0;
	margin-bottom:12px;
}
div.vacancylist div.vacancycontent ul li.last{
	margin-bottom:0;
}
table.vacancy{
	width:570px;
}
table.vacancy td.data{
	padding:6px;
	border-bottom:1px dotted #9d71c0;
	width:380px;
	background-color:#fbf5ff;
	background-image:url(images/vacancy-data-1.gif);
	background-repeat:repeat-y;
	background-position:right;
}
table.vacancy td.label{
	font-size:0.9em;
	font-weight:bold;
	color:#ECE1F5;
	text-align:right;
	padding-right:12px;
	width:190px;
	background-color:#fbf5ff;
	background-image:url(images/vacancy-prompt-1.gif);
	background-repeat:repeat-y;
}
table.vacancy th{
	height:24px;
	background-image:url(images/vacancy-top-1.gif);
	text-align:right;
	padding-right:12px;
	font-size:0.8em;
}
table.vacancy tfoot td{
	height:15px;
	background-image:url(images/vacancy-foot-1.gif);
}

/*
----------------------------------------
Hacks
---------------------------------------- 
*/
div.clearer {clear: both; line-height: 0; height: 0;}
/*
----------------------------------------
Misc/common stuff
---------------------------------------- 
*/
.floatright{
	float:right;
	margin:6px 0 6px 12px;
}
.floatleft{
	float:left;
	margin:6px 12px 6px 0;
}
.small{
	font-size:0.75em;
}
.vsmall{
	font-size:0.5em;
}
.large{
	font-size:1.25em;
}
.clearright{
	clear:right;
}
/*
---------------------------------
Debug
---------------------------------
*/
/*
#contentwrapper{
	border-right:1px dashed red;
}
#zonewrapper{
	border-left:1px dashed green;
}
*/