/*
body {margin:12px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#676767; background:#FFF;}
*/
body {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#676767;
	background:#FFF;
}

img {border:none}
h1{
   font-weight:bold;
   font-size: 1.5em;
   color: #f99b1c;

}
h3 {
	font-weight:bold;
	font-size:2em;
	color:#ffc302;
	padding:.1em 0 .1em 0;
	line-height:1em;
}
h4{ 
    font-weight: bold;
    font-size:1.3em;
	padding:0 0 0 0;
	text-decoration:underline;
	}
	
small {font-size:0.9em;}
th {text-align:left}
ul{margin:5px 0px 15px;}
abbr {cursor:help;border-bottom:dashed #ffc302 1px;}
acronym {cursor:help;border-bottom:dashed #e36c82 1px;}
caption {text-align:left; padding-bottom:10px;}	


a {color: #e36c82; text-decoration:underline;}
a:hover{color: #e36c82; text-decoration:none;}

.clearpath {clear: both;}
.audioSpell {speak : spell-out;}
.genRight { float: right; }
.genLeft { float: left; }

#container {margin:0 auto;padding:0;clear:both;width:976px;}

#masthead {
	margin: 20px 0px;
	padding-bottom:2px;
}

/* Navi */
#navigation {
/*	padding:2px 5px 0 0; */
	margin: 0px;
	padding: 0px;
	background: #ececec;
	border-bottom: #CCCCCC 1px solid;
	font-family:Verdana;
	font-size:0.9em;
	height: 30px;
}

#navigationSub {
/*	padding:2px 5px 0 0; */
	margin: 0px;
	padding: 0px;
	background: #ececec;
	font-family:Verdana;
	font-size:0.6em;
	height: 25px;
}
	
	#navigation ul, #navigationSub ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	#navigation ul li, #navigationSub ul li {
		margin: 0px;
		padding: 0px;
		float: left;
	}
	
	#navigation ul li a {
		margin: 0px;
		padding: 0px 10px;
		display: block;
		font-weight: bold;
		line-height: 30px;
		text-decoration: none;
		color: #373535;
	}
	
	#navigation ul li.social{
		float: right;
	}
	
	#navigation ul li.social a img{
		margin: 0px 0px 3px 0px;
		padding: 0px 0px 0px 5px;
		font-weight: bold;
		text-decoration: none;
		vertical-align: middle;
	}
	

	#navigationSub ul li a {
		margin: 0px;
		padding: 0px 10px;
		display: block;
		font-weight: bold;
		line-height: 25px;
		text-decoration: none;
		color: #373535;
	}

	#navigation ul li a:hover, #navigation ul li a.on, #navigationSub ul li a:hover, #navigationSub ul li a.on {
		background: #fafafa;
		color: #f99b1c
	}

	#navigation a:link, .sub_navi a:link {
	}
	
/*	#navigation a:visited, .sub_navi a:visited{color: #676767; text-decoration:none;} */
/*	#navigation a:hover, #navigation a.on, .sub_navi a:hover{color: #ffc302;} */

	.sub_navi{padding:10px; width:580px; font-family:Verdana; font-size:1em; line-height:1em;}
	.sub_navi a{text-decoration:none;}
/* Navi End */
/*---------------------*/
/* Content */
#content {
	margin: 0px auto;
	width:976px;
	padding:0px;
	clear:both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

	#content h1 {
		margin: 8px 15px 8px 15px;
		padding:0px;
		font-size: 140%;
	}

	#content h2 {
		margin: 8px 15px 8px 15px;
		padding:0px;
		font-size: 110%;
	}
	
	#content h3 {
		margin: 8px 15px 8px 15px;
		padding:0px;
		font-size: 90%;
		color:#676767;
	}
	
	#content p {
		margin: 0px 15px 8px 15px;
		padding:0px;
		font-size: 100%;
		line-height: 140%;
	}

	#content ul {
		margin: 0px 15px 0px 30px;
		list-style: disc;
	}
	
	#content li {
		margin: 0px 0px 10px 0px;
	}
	
	#content address {
		margin: 0px 15px 0px 15px;
		padding:0px;
		font-size: 100%;
		line-height: 140%;
		font-style: normal;
	}
	
	#content table {
		margin: 0px 15px 0px 15px;
	}
	
	#content hr {
		margin: 20px 0px;
		padding:0px;
		height: 1px;
		border: none;
		border-top: #f4f4f4 solid 1px;
		clear: both;
	}
	
	#panelContent {
		margin: 20px 20px 0px 0px;
		padding: 0px;
		float: left;
		width: 660px;			
	}
	
	#video {
		margin: 0px 0px 15px 15px;
	}
	
	#panelBanner {
		margin: 20px 20px 0px 0px;
		padding: 0px;
		background: #ececec;
		float: left;
		width: 660px;			
	}
	
		#panelBanner #panelQuickLink {
			margin: 0px;
			padding: 0px;
			background: #fafafa;
			height: 45px;
			width: 660px;
		}
		
		#panelBanner #panelQuickLink a {
			margin: 0px;
			padding: 0px;
			background: #ffc302;
			color: #FFFFFF;
			display: block;
			float: right;
			font-weight: bold;
			line-height: 45px;
			text-align: center;
			text-decoration: none;
			width: 180px;
		}
	
		#panelBanner #panelQuickLink a:hover {
			background: #FFFFFF;
			border: dotted 1px #ffc302;
			line-height: 43px;
			color: #ffc302;
		}
	
	#sideBar {
		margin: 20px 0px 0px 0px;
		padding: 0px;
		float: left;
		width: 225px;
	}
	
	#colContent {
		margin: 20px 0px 0px 0px;
		padding: 0px;
		float: left;
		width: 455px;
	}

	#colSubContent {
		margin: 20px 0px 0px 0px;
		padding: 0px;
		float: left;
		width: 296px;
	}
	
		#colSubContent img {
			margin: 0px 0px 10px 0px;
			padding: 0px;
		}
	
		#colSubContent .panelHighlight {
			margin: 0px 0px 10px 0px;
			padding: 0px;
			background: #ececec;
			height: 98px;
		}
		
		#colSubContent .panelHighlight img {
			margin: 8px;
			padding: 0px;
			border: none;
			float: left;
		}
		
		#colSubContent .panelHighlight h1 {
			margin: 0px;
			padding: 8px 8px 0px 0px;
			color: #666666;
			font-size: 90%;
		}
		
		#colSubContent .panelHighlight p {
			margin: 0px;
			padding: 0px 8px 0px 0px;
			font-size: 80%;
			line-height: 100%;
		}
		
		#colSubContent .panelHighlight a {
			color: #000000;
			text-decoration: none;
		}
		
		#colSubContent .panelHighlight a:hover {
			color: #e36c82;
		}
/* Content End */
/*---------------------*/

#service_display, #sv_cert_display, #courses_display, #profile_display, #newsroom_display, #facilities_display, #link_display,#contact_display, #signup_display,#service_display2, #digital_accessibility {font-size:0.8em;}
#service_display { width:530px;}
#service_display2 {width:530px;}
#sv_cert_display { width:600px;}

#sv_bg_display {  background:url(../images/bg_services.jpg) right top no-repeat;}
#sv_bg_display2 { background:url(../images/bg_services.jpg) right top no-repeat;}
#sv_cert_bg_display {background:url(../images/bg_sv_cert.jpg) right top no-repeat;}
#sv_fees_bg_display {height:360px;background:url(../images/bg_sv_coursefees.jpg) right top no-repeat;}
#sv_itap_bg_display {height:360px;background:url(../images/bg_sv_itap.jpg) right top no-repeat;}
#sv_eligibility_bg_display {height:360px;background:url(../images/bg_sv_eligibility.jpg) right top no-repeat;}
#sv_transport_bg_display {background:url(../images/bg_sv_transport.jpg) right top no-repeat;} 
#sv_atloan_bg_display  {height:360px;background:url(../images/bg_sv_atloan.jpg) right top no-repeat;}
#sv_neupc_bg_display {height:360px;background:url(../images/bg_sv_neupc.jpg) right top no-repeat;}

#courses_display {width:900px;}
#profile_display {width:580px;}
#newsroom_display {height:360px;background:url(../images/bg_newsroom.jpg) right top no-repeat;}
#link_display {width:550px;}
#facilities_display {height:420px; width:735px;}
#digital_accessibility {width:955px; margin: 0px;}
#contact_display {height:360px; width:940px;}
#contact_display #map{margin-top:-60px;}
html> #contact_display #map{margin-top:-45px;}
#training_display {height:360px;}
#signup_display {height:360px; background:url(../images/bg_signup.jpg) right top no-repeat;}

#sub_courses {height:360px; width:500px; font-size:0.8em;}
.line {border-bottom:1px solid #676767; padding:1px 0 3px 0; clear:both; z-index:999; display:none;}
.line2 {border-bottom:1px dashed #676767; padding:1px 0 3px 0; clear:both; z-index:999}

#wrap{width:976px; margin:0 auto;}

#registration{
	width: 80%;
	margin: 0px auto;
}

#registration p{
margin-left:10px;
}

.formSend ul li
{
   margin: 0px 10px 0px 10px;
   list-style:none;
}
	
.formSend ul li.formLabel
{
    margin: 0px 10px 3px 10px;
}	
	
.formSend ul li.formInput
{
    margin: 0px 10px 12px 10px;
}

.formSend p.msgError
{
	padding: 0px 10px 0px 10px;
	color:#FF0000;
	font-weight:bold;
}

html> .formSend p.msgError
{
	padding: 0px 20px 0px 10px;
	color:#FF0000;
	font-weight:bold;
}

.formSend label.labelError
{
	color:#FF0000;
	font-weight:bold;
}

.formSend legend
{
 	color:#0000FF;
}


/*HOME*/
#hm_highlights{padding:5px 0 5px 0; height:140px; clear:both}
html> #hm_highlights {margin-bottom:-45px;padding:5px 0 5px 0; height:140px; clear:both}

#hm_highlights a:link {color:#676767;text-decoration:none;}
#hm_highlights a:visited {color:#676767;text-decoration:none;}
#hm_highlights a:hover {color:#ffc302;text-decoration:none;}

.displayunit {width:320px; font-size:12px;float:left;clear:none;}
.displayunit  img{padding:2px 5px 2px 5px;}
.displayunit  td{font-size:12px; line-height:16px}
.displayunit .top{height:8px; background:url(../images/hm_greybox_top.gif) bottom left no-repeat;}
.displayunit .content{background:url(../images/hm_greybox_bkg.gif) top left repeat-y;}
.displayunit .bottom{height:8px; background:url(../images/hm_greybox_bott.gif) top center no-repeat;}

#hm_supporters {padding:5px; height:50px; clear:both;font-size:11px;}
.displayblock1 {width:275px; float:left; clear:none;}
.displayblock1 .hm_tx {padding-top:10px;width:90px; float:left; clear:none;}
.displayblock1 .hm_img {width:100px; float:left; clear:none;}

.displayblock2 {width:680px; float:left; clear:none;}
.displayblock2 .hm_tx {padding-top:10px;width:100px; float:left; clear:none;}
.displayblock2 .hm_img {width:580px; float:left; clear:none;}

#hm_supporters img{padding: 3px 35px 0 0;}

#contact_display address span {font-style:normal; display:block;}
#courses_tbl_body span{display:none;speak:normal; padding:4px;}
#courses_tbl_body th, #courses_tbl_body td{border:solid #d9d9d9 1px; padding:4px; border-collapse: collapse;}

#footer{font-size:11px; padding:3px;clear:both;}
.tbleBorder{border:solid #d9d9d9 1px; padding:4px;}
.tbleBorder th, .tbleBorder td{border:solid #d9d9d9 1px; padding:4px; border-collapse: collapse;}
.smallText{ margin:10px auto; padding-left:40px; font-size:80%;}
html> #footer{margin-top:5px;font-size:11px; padding:3px;clear:both;}



/****  Roslee ***/
#columns
	{
		margin:0px 3px;
		width:950px;
	}

	#columns a
	{
		background-image:url(../images/content-a.gif);
		color:#ff0000;
	}
	
	#columns a:hover
	{
		background-color:#ffcc00;
		border-bottom:dashed 1px;
	}

	#columns h2
	{
		background:none;
	}
	
	#columns p
	{
		text-align:left;
		margin:10px 0px 10px 0px;
	}
	
	#columns div.header
	{
		background-image:url(../images/columns-h.png);
		background-repeat:no-repeat;
		height:1px;
	}
	
	#columns div.content
	{
		background-image:url(../images/columns-c.png);
		padding:0px 0px 12px 0px;
	}
	
	#columns div.left
	{
		display:inline;
		float:left;
		margin:0px 4px 0px 4px;
		width:440px;
	}
	
	#columns div.left p
	{
	  text-align:justify;
	  line-height:22px;
	}
	
	#columns div.left p img
	{
		float:left;
		margin:5px 12px 0px 0px;
		border:none;
	}

	#columns div.right
	{
		display:inline;
		float:left;
		margin:0px 4px 0px 10px;
		width:450px;
	}
	
	#columns div.footer
	{
		background-image:url(../images/columns-f.png);
		background-repeat:no-repeat;
		height:5px;
	}
	
	.hide
	{
		display:none;
	}
	/* -- / end columns / -- */
	
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	
	* html #columns div.header 
	{
      height: 1%;
      margin-bottom: -14px;
    }
	
	#columns div.left ul li
	{
		list-style:decimal;
		margin-left:-35px;
		margin-right:4px;
		margin-bottom:10px;

	
	}
	
	#columns div.right ul li
	{
		list-style:none;
		margin-left:-35px;
		margin-right:4px;
		margin-bottom:10px;
		text-align:justify;
		line-height:22px;
	
	}
 
   /* End hide from IE5/mac */
   
   .overprintingTable , .overprintingTable td
	{
		margin: 10px 0px;
		padding: 0px;
		font-size: 100%;
		color: #996633;
	}

   	.overprintingTable td
	{
		margin: 0px;
		padding: 10px;
	}

.overprintingTitle
{
	background-color: #D2B962;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.column1 
{
	margin: 0px;
	padding: 0px;
	background-color:#F5EFD3;
}

.column2 
{
	margin: 0px;
	padding: 0px;
	background-color: #EAD29D;
}

/****** Digital Accessibility ******/
#containerDA {
	margin: 0px;
	padding: 0px;
	clear: both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#containerDA h1 {
	margin: 0px;
	padding: 0px;
	font-size: 160%;
	font-weight: normal;
}

#containerDA h2 {
	margin: 0px;
	padding: 0px;
	font-size: 110%;
	font-weight: normal;
}

#containerDA h3 {
	margin: 5px 0px;
	padding: 0px;
	font-size: 100%;
	color: #999999;
}

#containerDA p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	font-size: 100%;
	text-align: justify;
	line-height: 1.5em;
}

#containerDA p.footnote {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	font-style: italic;
}

#containerDA blockquote {
	margin: 0px 30px 5px;
	text-align: justify;
	font-style: italic;
}
	#containerDA blockquote p {
		font-style: normal;
		font-size: 90%;
	}

#containerDA a {
	color: #ffb600;
	text-decoration: none;
}

#containerDA a:hover {
	color: #ffb600;
	text-decoration: underline;
}

#containerDA hr{
	border: none;
	border-top: #CCCCCC dotted 1px;
	height: 1px;
	padding: 0px;
	margin: 20px 0px;
	clear: both;
}

#containerDA #masthead {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
}

#containerDA #panelMainLogo {
	margin: 20px 0px;
	padding: 0px;
	width: 250px;
	float: left;
}

#containerDA #navigation {
	margin: 50px 0px 0px 0px;
	padding: 0px;
/*	width: 550px;
*/	width: 450px;
	float: right;

}

#containerDA #navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#containerDA #navigation ul li {
/*	margin: 0px 10px;
*/	margin: 0px;
	padding: 0px;
	float: left;
}


#containerDA #panelHomeBanner {
	margin: 0px;
	padding: 0px;
	background-color: #f8f8f8;
	height: 223px;
}

#containerDA #panelHomeBanner #panelHomeBannerContent {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
}

#containerDA #panelHomeBanner #panelHomeBannerContent h1 {
	padding: 20px 0px 0px 0px;
	font-size: 200%;
	font-weight: bold;
}

#containerDA #panelHomeBanner #panelHomeBannerContent p {
	padding: 0px 70px 0px 0px;
	line-height: 160%;
}

#containerDA #panelHomeBanner #panelHomeBannerContent a {
	margin: 10px auto;
	padding: 0px;
	background: #FFC302;
	display: block;
	font-size: 100%;
	line-height: 40px;
	text-align: center;
	width: 250px;
	color: #FFFFFF;
	font-weight: bold;
}

#containerDA #panelHomeBanner #panelHomeBannerContent a:hover {
	background: #FFFFFF;
	color: #FFC302;
	border: 1px #FFC302 dotted;
}

#containerDA #panelHomeContent {
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	width: 960px;
}

#containerDA #panelFooter {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
}

#containerDA #panelFooter p {
	font-size: 70%;
}

#containerDA #panelFooter ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#containerDA #panelFooter ul li {
	margin: 5px 33px;
	padding: 0px;
	float: left;
	line-height: 65px;
	height: 65px;
/*		border:1px solid #000;
*/}

#containerDA #panelFooter ul.footerLogoText li
{
	margin: 0px 42px;
	line-height: 10px;
	height: 20px;
	font-size: 70%;
}

#panelProfile {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#panelProfile hr{
border:none;
border-top:#CCCCCC dotted 1px;
height:1px;
/* margin:10px 12px 25px 12px; */
padding: 0px;
margin: 10px 0px;
clear:both;
}

/****** Programme Registration Form ******/


#digital_accessibility .progRegForm {
	font-family: "trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size:100%;
}

#digital_accessibility .progRegForm table.tblFee {
	margin: 10px auto;
	padding: 0px;
	border: #000000 1px solid;
	border-collapse: collapse;
}

#digital_accessibility .progRegForm table.tblFee th {
	border: #000000 1px solid;
	margin: 0px;
	padding: 5px;
	text-align: center;
}

#digital_accessibility .progRegForm table.tblFee td {
	border: #000000 1px solid;
	margin: 0px;
	padding: 5px;
	text-align: center;
}

#digital_accessibility .progRegForm p{
margin-left:15px;
}

#digital_accessibility .progRegForm fieldset {
	margin: 10px 0px;
	padding: 5px;
	border: /*#000066*/ #f99b1c 1px solid;
}

#digital_accessibility .progRegForm select {
	font-family: "trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size:90%;
}

#digital_accessibility .progRegForm legend {
	font-size: 120%;
	margin: 0px 10px;
	padding: 0px 5px;
	font-weight: bold;
	color: #163362;
}

#digital_accessibility .progRegForm .partiPanel{
	float:left;
	width:470px;
/*	border:0px;
	border-right:1px dotted #CCCCCC;*/
	
}

#digital_accessibility .progRegForm .partiPanel2{
	float:left;
	width:470px;
	border-left:1px dotted #CCCCCC;
}

#digital_accessibility .progRegForm .formRow {
	clear:both;
}

#digital_accessibility .progRegForm ul {
	margin-top: 10px;
	padding: 0px;
	list-style: none;
 	border: #FFFFFF 1px solid;
}

#digital_accessibility .progRegForm ul li {
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 0px 0px;
	float: left;
/* 	border: #000066 1px solid; */
}

#digital_accessibility .progRegForm li.formLabel {
/*	width: 155px;*/
	width: 155px;
/*	text-align: right;*/
	text-align: right;
	font-weight: bold;
/*	border: 1px solid #000000;*/
}

#digital_accessibility .progRegForm li.formLabel2 {
	width: 180px;
	text-align: right;
	font-weight: bold;
	margin-left: 160px;
}

#digital_accessibility .progRegForm li.formInput {
	width: 260px;
	text-align: left;
/*	border: 1px solid #000000;*/
}

#digital_accessibility .progRegForm li.formInput2 {
	width: 100px;
	text-align: left;
	margin-left:100px;
}

#digital_accessibility .progRegForm ul li input, #digital_accessibility .progRegForm ul li select {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#digital_accessibility hr{
border:none;
border-top:#CCCCCC dotted 1px;
height:1px;
/* margin:10px 12px 25px 12px; */
padding: 0px;
margin:10px;
clear:both;
}


#digital_accessibility ul.footerNote
{
	font-weight: bold;
	list-style: disc;	
	margin: 15px;
}

#digital_accessibility ul.footerNote li { float:none; }



.checklist {
    border: 1px solid #ccc;
    list-style: none;
    height: 8em;
    width: 350px;
}
.checklist, .checklist li { margin-left: 178px; padding: 0px; }

.checklist label {
    display: block;
    padding-left: 25px;
    text-indent: -15px;
}

.leftfloat{
    padding: 5px 5px;
	margin: 5px 20px 10px 0px;
	border: 1px #CCCCCC solid;
	float: left;
	clear: left;
}

* html .checklist label { height: 1%; }


table.email
{
	font-family: "trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size:90%;
}

table.email td
{	
	/*border:1px solid #000000;*/
}

table.email td.emailLegend
{
	font-size:120%;
	font-weight:bold;
	padding:10px 0px;
/*	border:1px solid #000000;*/
}