/* 
 ***************************************************************************************************
 * As Easy As ICT stylesheet 									           *	
 *												   *
 * Created by Code Strike @ http://www.codestrike.co.uk						   *
 * Email: k.kavanagh@codestrike.co.uk  	
 * Modified by ken						           *
 *   							 					   *
 * Suggested order for rules:									   *
 * display											   *
 * list-style											   *
 * position											   *
 * float											   *
 * clear											   *
 * width											   *
 * height											   *
 * margin											   *
 * padding											   *
 * border											   *
 * background											   *
 * color											   *
 * font												   *
 * text-decoration										   *
 * text-align											   *
 * vertical-align										   *
 * white-space											   *
 * other text											   *
 * content											   *
 *												   *
 *************************************************************************************************** 
*/

/* 
 ***************************************************************************************************
 * Generic Element Rules:                                                                          *
 *************************************************************************************************** 
*/

.offScreen {
	position:		absolute;
	left:			-1000em; /* Hide element but keep accessible to screen readers*/
}

.clearBoth {
	float:			none;
	clear:			both;
	margin:			0;
	padding:		0;
	width:			0;
	height:			0;
}

.spacer {
	float:			none;
	clear:			both;

	margin:			0;
	padding:		1px;
}

.displayInline {
	display:		inline;
}

/* -------------------------------------------------------------------------------------------------

/* 
 ***************************************************************************************************
 * Body Rules:                                                                                     *
 ***************************************************************************************************
*/

html,body {
	/*margin:			0;
	padding:		0%;*/
	font-family:		verdana,arial,helvetica,sans-serif;
	font-size:		100%;
	color:			#000;
	background-color:	#fbf9f9;
	background:		#fbf9f9 ;
}


/* ------------------------------------------------------------------------------------------------- 

/* 
 ***************************************************************************************************
 * Wire Frame Rules:                                                                               *
 ***************************************************************************************************
*/

#wireFrame {
	position:		relative;
	width:			100%;
	border:			solid 1px #d0d0e0;
	background-color:	#fff;
}


/*
 ***************************************************************************************************
 * Header Container Rules:                                                                         *
 *************************************************************************************************** 
*/

#header {
	position:		relative;
	margin:			0;
	padding:		0;	
}

#incertLogo {
	position:		relative;
	float:			left;
	margin:			0;
	width:			125px;
	height:			100px;
	background:		url(../images/wincerta.jpgx) no-repeat top left;
	text-indent: 		-5000px;
}

#abdnUniLogo {
	position: relative;
	float: right;
	margin: 0;
	padding-left: 0.2em;
	width: 150px;
	height: 72px;
	background: url(images/aseasyasict.gif) no-repeat top left;
	text-indent: -5000px;
	background-image: url('../images/aseasyasict.gif');
}

/* ------------------------------------------------------------------------------------------------- 

/*
 ***************************************************************************************************
 * Top Navigation Container Rules:                                                                 *
 *************************************************************************************************** 
*/

#topNav {
	position:		    relative;
	clear:			    both;
	border-top:		    solid 0px #d0d0e0;
	border-bottom:		solid 0px #d0d0e0;
	font-family:		verdana, arial, sans-serif;
	font-size:		    82%;
	font-weight:		bold;
	text-align:		    left;
	margin:			    0;
	/*margin-bottom:		0.4em;*/
	background-color:	#fff;
}

#topNavList {
	margin:			0;
	padding:		0.5em;	
}

#topNavList li { 
	display:		inline;
	list-style-type:	none;
	white-space:		nowrap;
}

#topNavList li a {
	color:			#202020;
	text-decoration:	none;
}

#topNavList li a:hover {
	color:			#ff5b00;
}

#topNavList li.selected a {
	color:			#ff5b00;
	text-decoration:	underline;
}

/* ------------------------------------------------------------------------------------------------- 

/*
 ***************************************************************************************************
 * Breadcrumb Container Rules:                                                                     *
 *************************************************************************************************** 
*/

#breadCrumb {
	float:			none;
	margin-bottom:		0.4em;
	padding:			0.5em 0 0.5em 0;
	width:			100%;
	background:			#999fff;
	text-indent:		0.5em;
	border:		solid 1px #FFAA00;
}

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

#breadcrumbList li { 
	display:		inline;
	list-style-type:	none;
}

#breadcrumbList li, #breadcrumbList li a {
	font-size:		75%;
	font-weight:		normal;
	color:	#666666;
	text-decoration: 	none;
}

#breadcrumbList li a {
	font-size:		95%;
	font-weight:		bold;
} 

#breadcrumbList li a:hover {
	color:			#505050;
	text-decoration: 	underline;
}

/* -------------------------------------------------------------------------------------------------

/*
 ***************************************************************************************************
 * Left Panel Container Rules:                                                                     *
 *************************************************************************************************** 
*/

#leftPanel {
	width:			20%;
	background-color:	#eeefff;
	vertical-align:		top;
	font-size:		90%;

}



#leftPanel h1,
#leftPanel h2,
#leftPanel h3,
#leftPanel h3 {
	margin:			0;
	padding:		0.4em 0.6em;
	color:			#000;
}

#leftPanel h1 {
	font-size:		110%;
}

#leftPanel h2 {
	font-size:		105%;
}

#leftPanel h3 {
	font-size:		100%;
}

#leftPanel h4 {
	font-size:		95%;
}

#leftPanel ul {
	margin-top:		0.2em;
}

#leftPanel ul li{
	list-style-type:	square;
	position:		relative;
}

#leftPanel a {
	/*line-height:		2em;
	
	
	font-weight:		bold;
	text-decoration:	none;*/
	color:			#505050;
	color:		#730484;
	line-height:		1.5em;
}

#leftPanel a:hover {
	color:			#ff6600;
	/*text-decoration:	underline;*/
}


#mcplogo
{
   	position:		relative;
	float:			left;
    width:          120px;
    height:         55px;
    background:     url('../images/Cert_prt_rgb.gif') no-repeat top;
    padding-left:   55px;
}

#sbslogo
{
    position: relative;
    float: left;
    width: 150px;
    height: 87px;
    background: url(../images/SBPI_UK_rgb.png) no-repeat top;
    padding-left: 35px;
    margin-top: 25px;
}


/*
 ***************************************************************************************************
 * Project Links Rules:                                                                            *
 *************************************************************************************************** 
*/

#leftPanel #projectLinks {
	background-color: 	#cccfff;
	border-bottom:		solid 10px #fff;
	border:		        solid 1px #FFAA00;
}

#leftPanel #projectLinks h2{
	background:		    #cccfff

}

/* -------------------------------------------------------------------------------------------------

/*
 ***************************************************************************************************
 * Right Panel Container Rules:                                                                    *
 *************************************************************************************************** 
*/

#rightPanel {
	position:		relative;		
	margin:			0;
	padding:		0;
	width:			20%;
/*	border:			solid 1px #7eaeae; */
	border:			solid 1px #FFAA00;
	vertical-align:		top;
	text-align:		center;
	background-color:		#eeefff;
/*	background-color:	#eff7f7;  */
}

#rightPanel img{		
	margin-top:			1em;
}

/* -------------------------------------------------------------------------------------------------

/*
 ***************************************************************************************************
 * Software Search Container Rules:                                                                *
 *************************************************************************************************** 
*/

#softwareSearch {
	float:			none;
	margin:			0;
	padding:		0.5em;
	/*width:			100%;*/
	/*border-bottom:		solid 10px #fff;*/
	background-color:	#eeefff;
	color:			#000;
}

#softwareSearch form{
	margin:			0;
	padding:		0;
	font-size:		85%;
}

/* -------------------------------------------------------------------------------------------------


/*
 ***************************************************************************************************
 * Mid Panel Rules:                                                                                *
 *************************************************************************************************** 
*/

#midPanel {
	vertical-align:		top;
}

/* -------------------------------------------------------------------------------------------------

/*
 ***************************************************************************************************
 * Content Container Rules:                                                                        *
 *************************************************************************************************** 
*/

#content {
	position:		relative;
	margin:			0 1em;
	padding:		0 1em;
	font-size:		100%;	
	border-left:		solid 1px #d7d7d7;
	border-right:		solid 1px #d7d7d7;
}

/* -------------------------------------------------------------------------------------------------

/*
 ***************************************************************************************************
 * Content Container Node Rules:                                                                   *
 *************************************************************************************************** 
*/

#content .node {
	position:		relative;		
	margin-bottom:	1.5em;
	padding:		0;
	border:		solid 1px #FFAA00;
	background-color: #dddfff;
	color:		#000;
	font-size:		90%;
}

#content .node h1,
#content .node h2,
#content .node h3,
#content .node h3 {
	margin:		0;
	padding:		0.4em 0.6em;
	color:		#000;
}

#content .node h1 {
	font-size:		115%;
}

#content .node h2 {
	font-size:		110%;
}

#content .node h3 {
	font-size:		105%;
}

#content .node h4 {
	font-size:		95%;
}

#content .node h2{
	background:		#dddfff;
	background-color: #dddfff;
}


#content .node p {
	margin:		0.5em 1em;
}

#content .node ul li,
#content .node p,
#content .node a {
	line-height:	1.5em;
}

#content .node ul {

	margin-right:		1em;
}

#blockContactDetails span{
	display:	block;
}

#content .node a {
	color:		#5a0268;
}

/*
 ***************************************************************************************************
 * Bottom Panel Rules:                                                                             *
 *************************************************************************************************** 
*/

#bottomPanel {
	text-align:		center;
	
}

#bottomPanel #contactDetails {
	margin:			1em;
	padding:		0.5em;
	border-top:		dashed 1px #FFAA00;
	font-size:		80%;

}

#bottomPanel #contactDetails p {
	margin:			0.1em;
	padding:		0.1em;
}

#bottomPanel #visitorCount p {
	margin:			1em auto;	
	padding:		0.5em 1em;
	width:			15em;
	border:			solid 1px #707070;
	background-color:	#fbf9f9;
	color:			#707070;
	font-family:		tahoma, verdana, arial, sans-serif;
	font-size:		85%;
	font-weight:		bold;
}


/*
*************************************************************************************************
* Float Rules:											*
*************************************************************************************************
*/



div.postMetaInfo {
	float: right;
	margin: 0 0 1em 1em;
	position: relative;
	top: -1px;
	left: 1px;
	padding: 0.667em 1.33em;
	width: 170px;
	border: 1px solid #EBD4C8;
	background-color: white;
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 1.3em;
	font-size: xx-small;
	font-size: x-small;

}