/* CSS Document */
/* laura@arenga.co.uk lollygreen@yahoo.co.uk lollymay@gmail.com 2004 2008 2009 2010 */

/* whole page is contained within a colour div which enables appropriate background colours to be applied without having to keep specifying them. */

body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	
	}
#firstnav {
	float: left;
	width: 160px;
	margin-bottom: -3000px;
	padding-bottom: 3000px;
	font-size: 12px;
	}
	
#firstnavigation  {
	text-align:center;
	}
#firstnavigation a:link, #firstnavigation a:visited   {
	color: #ffffff;
	text-decoration: none;
}

#firstnavigation a:hover {
	background-color: #FBCDE5;
	color: #000000;
	}

.firstnavlinks a:link, .firstnavlinks a:visited {
	color: #ffffff;
	text-decoration: none;
	}

#container {
	float: left;
	width:61%; 
/*	width:64%;
	
	margin-left: -11em; */
	}
	
#homepage #container {
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	width:640px; 
	}	
#content {
/*	margin: 0 0 0 11em; */ 
	margin: 0;
	padding: 0;
	}
#footer {
	clear: both;
	overflow: hidden;
	}
#secondnav {
	float: right;
	width: 150px;
	overflow: hidden;
	margin-bottom: -3000px;
	padding-bottom: 3000px;
	}
#container2 {
	float: left; 
	width: 100%;
	overflow: hidden;
/*	margin-right: -11em; */
	margin-top: 0px;
}

#leftphoto {
	margin-left: 5px;
	}

#pink, #rubinered, #darkred, #grey424c, #blue, #green, #purple, #aqua, #turquoise, #cpp, #cipd, #ctp, #nvq, #pac,  #cerlap,  #ezone, #homepage, #intranet  {
	width: 800px;
	margin:auto;	
	}


#pink #firstnav {
	background-color: #ed037c;
	}
#rubinered #firstnav {
	background-color: #CF035C;
}
#darkred #firstnav {
	background-color: #9E0349;
	}
#grey424c #firstnav, #homepage #firstnav {
	background-color: #848685;
	}
#blue #firstnav {
	background-color: #004677;
	}
#green #firstnav {
	background-color: #009b68;
	}
#purple #firstnav {
	background-color: #7e469b;
	}
#aqua #firstnav, #cppgreen #firstnav, #ctpblue #firstnav, #nvqorange #firstnav, #pacgreen #firstnav { 
	background-color: #4CF5D3;
}
#turquoise #firstnav {
	background-color: #00b4b0;
	}

#firstnav {
	color: #FFFFFF;
	

}



#blue #secondnav {
	background-color: #ccdae4;
}
#pink #secondnav {
	background-color: #fbcde5;
}
#rubinered #secondnav {
	background-color: #F3C1D7;
}
#darkred #secondnav {
	background-color: #E7C1D2;
	}
#grey424c #secondnav {
	background-color: #E1E1E1;
	}
#green #secondnav {
	background-color: #ccebe1;
}
#purple #secondnav {
	background-color: #e5daeb;
}
#aqua #secondnav, #cpp #secondnav, #ctp #secondnav, #intranet #secondnav, #pac #secondnav, #cipd #secondnav {
	background-color: #B1FCEC;
}
/* #cpp #secondnav {
	background-color: #358f1d;
	}
#ctp #secondnav {
	background-color: #003399;
	}
#nvq #secondnav {
	background-color: #800080;
	}
#pac #secondnav {
	background-color: #00ccff;
	}
	*/
#turquoise #secondnav {
	background-color: #c4eeed;
	}

#secondnav {
	vertical-align: top;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}
#secondnav p {
	margin: 0px 0px 10px 0px;
	}
p {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 15px 0px 15px;
}
h1 {
	font-size: 16px;
	}
h2 {
font-size: 14px;
}
h3 {
font-size:12px;
}

td, th, input, textarea {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link { 
	color: #CF035C;
	}
a:visited {
	color:  #CF035C;/* was #333333 */
	}
a:hover {
	background-color: #FBCDE5;
	color: #000000;
	}
.breadcrumb {
	font-size: 10px;
}

.provenance {
	background-color: #ffffff;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	vertical-align: bottom;
	width: 100%;
	
	}

	
#provenanceimage {
	vertical-align: bottom; 
	float: left;
	}
.floatleft {
	float: left;
	}
.floatright {
	float: right;
	}

/* this applies to /hrdevelopment/cpd.html but the styles could be applied to other tables */

table.cpd {
	padding: 0px 15px 0px 15px;
}

.heading1 {
	background-color: #BFA3CD;
	border: solid 1px #ffffff;
	}
.list1 {
	background-color: #E5DAEB;
	border: solid 1px #ffffff;
	}
.heading2 {
	background-color: #80CDB3;
	border: solid 1px #ffffff;
	}
.list2 {
	background-color: #CCEBE1;
	border: solid 1px #ffffff;
	}
.heading3 {
	background-color: #80A3BB;
	border: solid 1px #ffffff;
	}
.list3 {
	background-color: #CCDAE4;
	border: solid 1px #ffffff;
	}
.heading4 {
	background-color: #F681BD;
	border: solid 1px #ffffff;
	}
.list4 {
	background-color: #FBCDE5;
	border: solid 1px #ffffff;
	}
.white {
	color: #ffffff;
	background-color: #ffffff;
	}
	
.big {
	font-size: large;
	font-style: italic;
}

/* for contactform */

#contactform table {
	
	}
.asterisk {
	color:#FF0000;
	}
#contactform td, #contactform th {
	border: 1px solid #999999;
background-color:#CCCCCC;	}

.pinktext {
	color: #CF035C;
	}
	
/* front boxes on home page */

#frontpicture {	
	margin: 0;
	padding: 0;
	}

#homepage h1 {
	background-color: #CF035C;
	color: #ffffff;
	font-size: 22px;
	font-weight: normal;
	line-height: 56px;
	margin: 55px 0 0 0;
	}
	
#frontbox1, 
#frontbox2, 
#frontbox3, 
#frontbox4 {
	float:right;
	height: 200px;
	padding: 20px;
	margin: 0px 0px 20px 20px;
	width:255px;
	}
#frontbox1 {
	background: url(../graphics/frontboxes/frontbox_woodenstickpeople.jpg) 0	0 no-repeat;	
	}
#frontbox2 {
	background: url(../graphics/frontboxes/frontbox_bigben.jpg) 0	0 no-repeat;	
	}
#frontbox3 {
	background: url(../graphics/frontboxes/frontbox_jigsaw.jpg) 0	0 no-repeat;	
	}
#frontbox4 {
	background: url(../graphics/frontboxes/frontbox_awardswine.jpg) 0	0 no-repeat;	
	}

#frontbox1 h2,
#frontbox2 h2,
#frontbox3 h2,
#frontbox4 h2 {
	margin: 0;
	padding: 0 0 10px 0;
	}
#frontbox1 p,
#frontbox2 p,
#frontbox3 p,
#frontbox4 p {
	margin: 0;
	padding: 0;
	}
#frontbox1 .floatright,
#frontbox2 .floatright,
#frontbox3 .floatright,
#frontbox4 .floatright {
	margin: 0;
	padding:0;
	position: relative;
	bottom:-20px;
	right:-20px;
	}
	
/* workbook styles */
.wbchunk {
	position: relative;
	clear:both;
}
.wbbox {
	border: 1px solid #FF9933;
	position: relative;
	float: left;
	margin-top: 2px;
}
.wblabel {
	width: 20%;
	margin-right: 2px;
	text-align:center;
}
.wbcontents {
	width: 75%;
}
.wbbig {
	height: 300px;
}
.wbactivity {
	background-color: #FF9933;
	padding: 4px;
}
.wbtoc {
	border: 1px solid #FF9933;
	background-color: #fff;
	}
.wbtoc h3 {
	background-color:#ff9933;
	color: #fff;
	margin-top: 0;
	}
.wbtoc p {
	padding: 0;
	margin: 0 0 0 21px !important;
	}
.wbtoc li {
	margin-top: 10px;
	margin-right:2px;
	}
 
.wbtoc ol li ol {
	margin: 0 -5px 0 -20px;
	}
#content li {
	font-size:12px;
	margin-bottom:5px;
	
	}
#content ul {
	list-style-image: url(/graphics/bullet.gif);
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 15px;
	}
#content ul.ld {
	list-style-image: url(/graphics/icon_mini_ld.gif);
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 15px;
	}
.wbtoc a:link { 
	color: #FF9933;
	font-weight:bold;
	text-decoration:none;
	}
.wbtoc a:visited {
	color:  #FF9933;/* was #333333 */
	font-weight:bold;
	text-decoration:none;
	}
.wbtoc a:hover {
	background-color: #FF9933;
	color: #fff;
	font-weight:bold;	
	}
td.wbnav {
	background-color: #FF9933;
}
.wbnav a:link { 
	color: #fff;
	font-weight:bold;
	text-decoration:none;
	}
.wbnav a:visited {
	color:  #fff;/* was #333333 */
	font-weight:bold;
	text-decoration:none;
	}
.wbnav a:hover {
	background-color: #fff;
	color: #FF9933;
	font-weight:bold;	
	}