/* Import */
  @import url("sen.css"); /*Sensible CSS Framework: http://sencss.kilianvalkhof.com/ */
  @import url("960.css"); /*960 Gridsystem: http://960.gs */

/* Body */
/* original 
body {background:white url(../img/bg.png) center repeat-y;color:#545455;font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.025em;width:100%} */


/* GLA 6-Mar*/
/* Main content text */
body {background:white url(../img/bg.png) center repeat-y;color:#050505;font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.025em;width:100%}


	.wrap { background-color:#fff; }
	.wrap div { background-color:#fff; }
body .h {
	position:absolute;
	top:4px;
	left:13px;
	background:#eee url(../img/hbg.png) center repeat-y;
	height:106px;
	min-width:100%;
	width:100%;
}
img {border:none; }
p {margin-bottom:10px;}
ul {margin-bottom:10px;}

/* Colors */
/* original text colour
a {color:#39f;} */

/* GLA 6-Mar */
/* hyper link colour */
a {color:#39f;font-size:12px} 

/*Gla 26-Mar added to turn off underlining oflink  

a {text-decoration:none;}

 a:hover {text-decoration:underline; color:#39f;font-size:12px}
 a:active {text-decoration:underline; color:#39f;;font-size:12px}
 a:focus {text-decoration:underline; color:#39f;;font-size:12px}

*/


/* Bread Crumbs */
/* original 
#breadcrumbs {	width:696px;padding-left:24px;margin-right:0px;margin-left:0px;padding-top:5px;padding-bottom:5px;background:url(../img/belowh.gif) #FFF repeat-x;font-size:0.9em; color:#a3a3a3;}
#breadcrumbs span {padding:0px 3px}
#breadcrumbs a {text-decoration:none; color:#a3a3a3;}
#breadcrumbs a:hover, a:focus {text-decoration:underline; color:#545455;} */

/* GLA 6-Mar-11 */

#breadcrumbs {	width:676px;padding-left:24px;margin-right:0px;margin-left:0px;padding-top:5px;padding-bottom:5px;background:url(../img/belowh.gif) #FFF repeat-x;font-size:0.9em; color:#505050;}
#breadcrumbs span {padding:0px 3px}
#breadcrumbs a {text-decoration:none; color:#505050; font-size:1.0em}
#breadcrumbs a:hover, a:focus {text-decoration:underline; color:#505050; font-size:1.0em}




/* Header Nav */
/* original */
#header-top {width:250px;margin-left:0px;margin-right:0px;padding:5px 10px 5px 0;background:url(../img/belowh.gif) #FFF repeat-x; text-align:right;}
#header-nav, #header-nav li {	list-style-type:none; padding:0; margin:0;display:inline;}
#header-nav li {	padding-right:2px;padding-left:5px;border-left:solid #39f 1px}
#header-nav li:first-child, #header-nav li.firstChild {	border-left:none}
#header-nav a {color:#39f; text-decoration:none;font-size:0.9em;}
#header-nav a:hover, a:focus {
	text-decoration:underline;
	font-size: 0.9em;}

#header {height:106px;margin:0;width:960px;} 

/*GLA 6-Mar-11 
#header-top {width:230px;margin-left:0px;margin-right:0px;padding:5px 10px 5px 0;background:url(../img/belowh.gif) #FFF repeat-x; text-align:right;}
#header-nav, #header-nav li {	list-style-type:none; padding:0; margin:0;display:inline;}
#header-nav li {	padding-right:2px;padding-left:5px;border-left:solid #39f 1px}
#header-nav li:first-child, #header-nav li.firstChild {	border-left:none}
#header-nav a {color:#505050; text-decoration:none;font-size:0.9em;}
#header-nav a:hover, a:focus {text-decoration:underline;}
#header {height:106px;margin:0;width:960px;} */



/* chevrons */
#chev {padding:0; margin:0;width:725px; padding-bottom:20px; padding-left:5px;}
#chev ul, #chev li {	list-style-type:none; padding:0;display:inline;}
#chev ul, #chev ul li {list-style-type:none;list-style:none;margin:0;padding:0;}
#chev li {float:left;}
#chev ul li a {text-align:center;width:117px; background:url(../img/chvy/2.jpg);padding-top:14px;padding-left:3px;height:28px;display:block;color:white;font-size:0.85em; vertical-align:middle;text-decoration:none;font-weight:800; line-height:1.2em}

#chev ul li #hana {background:url(../img/chvy/1_on.jpg);width:100px;padding-left:0;padding-right:10px;}
#chev ul li #dul {background:url(../img/chvy/2_on.jpg);}
#chev ul li #set {background:url(../img/chvy/3_on.jpg);}
#chev ul li #net {background:url(../img/chvy/4_on.jpg);padding-top:8px;height:34px;padding-left:0;width:118px;}
#chev ul li #daseot {background:url(../img/chvy/5_on.jpg);}
#chev ul li #yeoseot {background:url(../img/chvy/6_on.jpg);width:134px;padding-left:0;padding-top:8px;height:34px}

#chev ul li #hana.Current {background:url(../img/chvy/1_off.jpg);width:100px;padding-left:0;padding-right:10px;}
#chev ul li #dul.Current {background:url(../img/chvy/2_off.jpg);}
#chev ul li #set.Current {background:url(../img/chvy/3_off.jpg)}
#chev ul li #net.Current {background:url(../img/chvy/4_off.jpg);padding-top:8px;height:34px;padding-left:0;width:118px;}
#chev ul li #daseot.Current {background:url(../img/chvy/5_off.jpg);}
#chev ul li #yeoseot.Current {background:url(../img/chvy/6_off.jpg);width:134px;padding-left:0;padding-top:8px;height:34px}
#chev ul li a.Current {background-position:0 -41px;}


/* Sidebar Nav */
/* original 
#sidebar {	margin-right:0;background:white;}
#sidebar ul {	width:210px;margin:0 5px;padding:0;list-style-type:none;}
#sidebar li {	font-weight:500;list-style-type:none;margin:0; border-bottom:1pt solid #c5c5c5;}
#sidebar li:hover, #sidebar li.sfhover, #sidebar li:hover a, #sidebar li.sfhover a {background:#A2CE5F;}
#sidebar li:first-child a, #sidebar li.firstChild a {padding-left:5px;font-weight:700;}
#sidebar ul.leader li:first-child, #sidebar ul.leader li.firstChild  {border-top:1pt solid #c5c5c5;}
#sidebar a {display:block;width:180px;padding:5px 0px 3px 15px; color:#545455; text-decoration:none;}
#sidebar a:hover, a:focus {text-decoration:none;text-shadow:#ccc 0 1px 1px;}
#sidebar a:active {}
#sidebar .Current {background:#96CDFB;} */

/*GLA 6-Mar-11 */
#sidebar {	margin-right:0;background:white;}
#sidebar ul {	width:210px;margin:0 5px;padding:0;list-style-type:none;}
#sidebar li {	font-weight:500;list-style-type:none;margin:0; border-bottom:1pt solid #c5c5c5;}
#sidebar li:hover, #sidebar li.sfhover, #sidebar li:hover a, #sidebar li.sfhover a {background:#A2CE5F;}
#sidebar li:first-child a, #sidebar li.firstChild a {padding-left:5px;font-weight:700;}
#sidebar ul.leader li:first-child, #sidebar ul.leader li.firstChild  {border-top:1pt solid #c5c5c5;}
#sidebar a {display:block;width:180px;padding:5px 0px 3px 15px; color:#000000; text-decoration:none; font-size:12px;}

#sidebar a:hover, a:focus {font-size:12px; text-shadow:#ccc 0 1px 1px;} 


#sidebar a:active {font-size:12px}
#sidebar .Current {background:#96CDFB;}


/* Footer */
#footer {background:#FFFFFF;}

/* Content */
#content {background:#FFFFFF;}
#content-main {background:white;padding:0
;margin:0;margin-left:10px;}

a {text-decoration:none;}
 

/*
#content-main a:hover {text-decoration:underline; color:#39f;font-size:12px}
#content-main a:focus {text-decoration:underline; color:#39f;;font-size:12px}
*/

#content-main  a {color: #39f; text-decoration:none; font-size: 12px; }
#content-main a:hover, a:focus {
	text-decoration:underline;
	font-size: 12px; }



table{width:90%; margin-left:auto; margin-right:auto; vertical-align:top;border:1pt solid #c5c5c5;margin-bottom:8px;}


table th {text-align:left; background:url(../img/th.png) #96CDFB bottom repeat-x;}
table td {vertical-align:top; border:1pt solid #c5c5c5;}
table td span {
	font-weight:800;
	color:#000
}
table.yellow th {border:1pt solid #c5c5c5;text-align:left; background:#fcad03 bottom repeat-x url(../img/th5.png);}



/* tabs */
#tabs ul li a{font-weight:800;color:#000000;text-align:center;padding-top:20px;text-decoration: none;width:140px;height:36px;display:block;background: url(../img/tabs.png) top no-repeat;background-position: 0px -112px;padding-left:15px; padding-right:15px;}
#tabs ul li a, #tabs a span{float: left}
/* Hide from IE5-Mac \*/
#tabs ul li a, #tabs a span{float: none}
/* End hide */
#tabs ul li a.Current {	background: url(../img/tabs.png) top no-repeat;background-position: 0px -56px;color:#FFF}
#tabs ul li a:hover{color: #fff;background:url(../img/tabs.png) left top no-repeat;}
#tabs ul{list-style: none;padding: 0;padding-left:10px;margin: 0;margin-bottom:10px;height:56px;background:url(../img/tabbg.png) bottom repeat-x;}
#tabs ul li a.Current:hover {	background: url(../img/tabs.png) top no-repeat;background-position: 0px -56px;color:#FFF;}
#tabs li{float: left;margin: 0;padding:0;} 
#tabs #tabcontent {	padding-top:10px;padding-left:20px;}

#tabcontent ul {list-style:disc;margin-bottom:10px;margin-left:10px;height:auto;background:none;float:none}
#tabcontent li {float:none;padding-left:2px;}
#tabcontent ul li a, #tabcontent a  {background:none; padding:0; margin:0;color:#39f;text-decoration:none;height:auto; width:auto;display:inline;font-weight:normal}
#tabcontent ul li a:hover, #tabcontent ul li a:focus, #tabcontent a:hover, #tabcontent a:focus {background:none; padding:0; margin:0;color:#39f;text-decoration:underline;height:auto; width:auto;display:inline;font-weight:normal}
.faq {padding-top:10px; padding-left:20px;}
.faq span {font-size:1.0em; color:#999;}
.faq div {padding-top:5px;}
/*Sticky Parts*/
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {overflow:auto;padding-bottom: 100px;background:white;}  /* must be same height as the footer */
#footer {position: relative;margin-top: -100px;height: 100px;clear:both;} 
/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;/}

table {
	border:1;
	background-color: #FFF;
}


table #ugz, #ugz tr, #ugz td {
	 
	text-align: left;
	border-color:#FFF;
	}
#ugz {
	font-size:0.8em;
	line-height:1.2em;
	border-color: #FFF;
	width: auto;
	}
 	
#ugz p {
	margin:0px;
	padding:0px;
	letter-spacing:0em;
	text-align: left;
font-weight: bold;
}
	
#ugz .th {
	padding-top:5px;
	background:#ffc322 bottom repeat-x url(../img/th2.png);
	vertical-align:top;
	font-size:2em;
	text-align:center;
	padding:10px;
	border-color: #FFF;
}
	
#ugz .th2	{
	vertical-align:middle;
	text-align:left;
	font-size: 11px;
	background-color: #A2CE5F;;
}

#ugz .th2 b {
	font-weight:800;}

#ugz .th2 a {color: #FFF; text-decoration:none; font-size: 11px; }
#ugz .th2 a:hover, a:focus {
	text-decoration:underline;
	font-size: 11px; }

#ugz .th3 a {color: #39f; text-decoration:none; font-size: 10px; }
#ugz .th3 a:hover, a:focus {
	text-decoration:underline;
	font-size: 10px; }

/*
#ugz a {color: #39f; font-size: 12px; }

#ugz  a:hover, a:focus  {
	text-decoration:underline; font-size: 12px; 
	 	}
*/

<!--#ugz a:active a:visited {font-size:9px} -->
	
#ugz .blu {background:#02a0e0 bottom repeat-x url(../img/th4.png);
color:white;
vertical-align:middle;}



.left {float:left; margin:10px; margin-top:0;}

.right {float:right; margin:10px;margin-top:0;}

.caption {
	font-size:0.9em;
	line-height:1.1em;
	padding:10px;
	background-color:#ECECEC;
	text-align:center;
	border: 0;
	border-color: #FFF;
}
.caption_white {font-size:0.9em;line-height:1.1em;padding:10px; text-align:center;}

.centre {
	float:none;
	margin:0 auto;
	display:block;
	background:none;
	text-align: center;
}

.caption img {padding-bottom:5px;}

span.cent {text-align:center;}


.hideborder, .hideborder tr, .hideborder th, .hideborder td {border:none;}

.caption td {padding:10px;}
.caption table {font-size:1em;}

.principles_images td {border:none; background-color:#FFF }

.references p {background-color:#ECECEC; display:block; margin:0.7em; padding:0.7em;margin-left:1.5em;font-size:1.0em;}

.references p u {font-weight:bold;text-decoration:none}

.references a {font-weight:500;}

/* Stage Overview headers (What/Why/When/Who with background colour*/
.h3backgroundcolor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	background-color: #6CB94F;
	letter-spacing: 0.025em;	
}


.template_list {
	background-color:#CCC;
	border: 0;
	width: 90%;
	
	}

.template_list_col1 {
	width: 8%;
	text-align: center;
}
.template_list_col2 {
	width: 41%;
}
.template_list_col3 {
	width: 41%;
}
.template_list_col4 {
	width: 10%;
	background-color: #CCC;
}

.website_list_col3 {
	width: 41%;
	background-color: #FFF;
	border-color: #FFF;
	}

.website_list_col4 {
	width: 10%;
	background-color: #FFF;
	border-color: #FFF;
	}


.step_number {
	font-weight: bold;
	font-style: italic;
}