﻿body 
{
		height:100%;
		text-align:left;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px;
		background-color:#122E60;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
}

#all 
{
    margin:0px 0px 0px 0px;
    width:100%;
	text-align:center;
	background-color:#122E60;
		background-position:top left;
    background-repeat:repeat-x;
    background-image:url(images/bodygradientback.gif);
 }
#container 
{
	margin:0px auto;
	padding:8px 0px 0px 0px;
    width:761px;
    
}
#header
{
    width:761px;
    height:77px;
    margin:0px 0px 0px 0px;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/headerback.gif);
}
#headernavigation
{
    width:760px;
    height:76px;
    margin:0px 0px 0px 0px;

}
    /* header nav styles */
	#headernavigation ul
	{
	    margin:0px 0px 0px 0px;
	    padding: 10px 0px 0px 0px;
	    list-style-type: none;
		float:right;
		width:760px;
		font-family:Tahoma;
		font-size:11px;
		
	}
	
	#headernavigation li 
	{
	    float:right;
	    margin:0px 0px 0px 0px;  
		clear:both;
    }
	
	#headernavigation a
	{
	    text-decoration:none;
	    color: #ffffff;
	    padding:3px 13px 3px 7px;
        float:left;
	}
	
	#headernavigation a:hover, #headernavigation .active
	{
        color: #00339A;
		text-decoration:underline;
	}
		#headernavigation a:active
	{
        color: #dd0000;
	}
	/*end of header navigation */
	
/*HEADER TRAINING ACADEMY - Used to display a different header*/
#headertraining
{
    width:761px;
    height:77px;
    margin:0px 0px 0px 0px;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/headerbacktraining.gif);
}
/*END OF HEADER TRAINING ACADEMY */
#subheader
{
    margin:0px 0px 0px 0px;
	height:25px;
	background-color:#3E5C90;
	border-left:solid 2px #ffffff;
	border-right:solid 2px #ffffff;
}
#subheadernavigation
{
    width:757px;
    height:25px;
    margin:0px 0px 0px 0px;

}
    /* header nav styles */
	#subheadernavigation ul
	{
	    margin:0px 0px 0px 0px;
	    padding: 2px 0px 0px 0px;
	    list-style-type: none;
		float:right;
		width:757px;
		font-family:Arial;
		color: #ffffff;
		font-size:14px;
		
		
	}
	
	#subheadernavigation li 
	{
	    float:right;
	    margin:0px 0px 0px 0px;  
    }
	
	#subheadernavigation a
	{
	    text-decoration:none;
	    color: #ffffff;
	    padding:3px 13px 3px 13px;
        float:left;
	}
	
	#subheadernavigation a:hover, #subheadernavigation .active
	{
		color:#FFF000;
        /*color: #6AADE4;*/
	}
		#subheadernavigation a:active
	{
        color: #dd0000;
	}
	/*end of header navigation */
#newsheader
{
    margin:0px 0px 0px 0px;
	height:20px;
	background-color:#B2B2B2;
	border-top:solid 2px #ffffff;
	border-left:solid 2px #ffffff;
	border-right:solid 2px #ffffff;
	border-bottom:solid 2px #ffffff;
}
#newsheader a
{
    margin:0px 80px 0px 0px;
	padding:0px 0px 0px 34px;
	color:#444444;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/newsarrow.gif);
}

#newsheader a:hover
{
	color:#ff2200;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/newsarrowover.gif);
}
#newsheader a:active
{
	color:#dd0000;
}
#imagebanner
{
    margin:0px 0px 0px 0px;
	height:135px;
	background-color:#C0D3E4;
	border-top:solid 2px #ffffff;
	border-bottom:solid 2px #ffffff;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/imagebannerback.gif);
}
h2.imagebanner
{
    margin:3px 0px 0px 14px;
	color:#ffffff;
	text-align:left;
	font-size:28px;
}
h3.imagebanner
{
    margin:20px 0px 0px 15px;
	color:#ffffff;
	text-align:left;
	font-size:20px;
}
#imagebannertraining
{
    margin:0px 0px 0px 0px;
	height:135px;
	background-color:#C0D3E4;
	border-top:solid 2px #ffffff;
	border-bottom:solid 2px #ffffff;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/imagebannerbacktraining.gif);
}
#imagebannerconsultancy
{
    margin:0px 0px 0px 0px;
	height:135px;
	background-color:#C0D3E4;
	border-top:solid 2px #ffffff;
	border-bottom:solid 2px #ffffff;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/imagebannerbackconsultancy.gif);
}
#imagebannerdesign
{
    margin:0px 0px 0px 0px;
	height:135px;
	background-color:#C0D3E4;
	border-top:solid 2px #ffffff;
	border-bottom:solid 2px #ffffff;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/imagebannerbackdesign.gif);
}
#main
{
    width:760px;
    text-align:left;
    margin:0px 0px 0px 0px;
}

#maintop
{
    margin:0px 0px 0px 0px;
    width:759px;
    height:91px;  /*used to be height:326px;*/
	border-right:solid 2px #ffffff;	
	border-bottom:solid 2px #ffffff;	
}
#maintop h2
{
    margin:0px 0px 4px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	letter-spacing: 0.05em;
}
#maintop p
{
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	letter-spacing: 0.05em;
}
#maintop div.textholder1
{
	margin:0px 0px 0px 0px;
	padding:5px 3px 0px 8px;
	width:235px;
}
#maintop div.textholder1 a
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}
#maintop div.textholder1 a.textholder1right
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}
#maintop a
{
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	float:right;
	text-decoration:none;
}
#maintop a:hover
{
	color:#FFF000;
}
#maintop a:active
{
	color:#dd0000;
}
#maintopleft
{
    margin:0px 0px 0px 0px;
    width:506px;
    height:91px;
    float:left;	
}
#maintopleftsub1
{
    margin:0px 0px 0px 0px;
    background-color:#0099FF;
	float:left;
	width:250px;
	height:91px;
	border-left:solid 2px #ffffff;
	border-right:solid 2px #ffffff;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/maintopleftsub1.gif);
}
#maintopleftsub2
{
    margin:0px 0px 0px 0px;
    background-color:#339900;
	float:left;
	width:250px;
	height:91px;
	border-right:solid 2px #ffffff;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/maintopleftsub2.gif);

}
#maintopright
{
    margin:0px 0px 0px 0px;
    width:252px;
    height:91px;
    float:left;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/maintopright.gif);
}
/*THE MIDDLE LINK IMAGES CODE START */
#mainmiddle
{
    margin:0px 0px 0px 0px;
    width:759px;
    height:235px;
	border-right:solid 2px #ffffff;	
	border-bottom:solid 2px #ffffff;	
}
#mainmiddle h2
{
    margin:0px 0px 4px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	letter-spacing: 0.05em;
}
#mainmiddle p
{
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	letter-spacing: 0.05em;
}
#mainmiddle img
{
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0;
	display:block;
}
#mainmiddle a
{
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	float:right;
	text-decoration:none;
}
#mainmiddle a:hover
{
	color:#FFF000;
}
#mainmiddle a:active
{
	color:#dd0000;
}
#mainmiddleleft
{
    margin:0px 0px 0px 0px;
    width:506px;
    height:235px;
    float:left;	
}
#mainmiddleleftsub1
{
    margin:0px 0px 0px 0px;
    background-color:#0099FF;
	float:left;
	width:250px;
	height:235px;
	border-left:solid 2px #ffffff;
	border-right:solid 2px #ffffff;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/mainmiddleleftsub1.gif);
}
#mainmiddleleftsub2
{
    margin:0px 0px 0px 0px;
    background-color:#339900;
	float:left;
	width:250px;
	height:235px;
	border-right:solid 2px #ffffff;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/mainmiddleleftsub2.gif);

}
#mainmiddleright
{
    margin:0px 0px 0px 0px;
    width:252px;
    height:235px;
    float:left;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/mainmiddleright.gif);
}

/*THE MIDDLE LINK IMAGES CODE ENDED*/

#mainbottom
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	background-color:#E6E6DE;
    width:759px;
    height:250px;
    clear:both;
	border-right:solid 2px #ffffff;
}
#mainbottomleft
{
    margin:0px 0px 0px 0px;
    width:506px;
    height:250px;
    float:left;
}
#mainbottom h3
{
    margin:0px 5px 15px 15px;
	padding:4px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
}
#mainbottom a
{
    margin:0px 5px 0px 15px;
	padding:4px 0px 0px 0px;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#046ABF;
	float:left;
	clear:both;
}
#mainbottom a:hover
{
	/*color:#345189;*/
	color:#D28203;
}
#mainbottom a:active
{
	color:#dd0000;
}
#mainbottomleftsub1
{
    margin:0px 0px 0px 0px;
    background-color:#E6E6DE;
	float:left;
	width:250px;
	height:250px;
	border-left:solid 2px #ffffff;
	border-right:solid 2px #ffffff;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/mainbottomback.gif);
}
#mainbottomleftsub2
{
    margin:0px 0px 0px 0px;
    background-color:#E6E6DE;
	float:left;
	width:250px;
	height:250px;
	border-right:solid 2px #ffffff;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/mainbottomback.gif);
}
#mainbottomright
{
    margin:0px 0px 0px 0px;
	background-color:#E6E6DE;
    width:252px;
    height:250px;
    float:left;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/mainbottomback.gif);
}

/* ---------------Start of Content Page Styles ------------------- */
#breadcrumb
{
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 16px;
	width:741px;
	height:19px;
	border-left:solid 2px #ffffff;	
	border-right:solid 2px #ffffff;	
	background-color:#ffffff;
	text-align:left;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/breadcrumbback.gif);	
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#ffffff;
}
/*OTHER BREADCRUMB COLOURS FOR TRAINING AND DESIGN SERVICES PAGES */
#breadcrumbtraining
{
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 16px;
	width:741px;
	height:19px;
	border-left:solid 2px #ffffff;	
	border-right:solid 2px #ffffff;	
	background-color:#ffffff;
	text-align:left;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/breadcrumbbacktraining.gif);	
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#ffffff;
}
#breadcrumbdesign
{
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 16px;
	width:741px;
	height:19px;
	border-left:solid 2px #ffffff;	
	border-right:solid 2px #ffffff;	
	background-color:#ffffff;
	text-align:left;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/breadcrumbbackdesign.gif);	
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#ffffff;
}

/*END OF OTHER BREADCRUMB COLOURS*/
#breadcrumbstyle
{
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:741px;
	height:19px;
}
#breadcrumbstyle a
{
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}
#breadcrumbstyle a:hover
{
	color:#27466A;
}
#breadcrumbstyle a:active
{
	color:#dd0000;
}

span.bold
{
	font-weight:bold;
}

#maintopcontentpage
{
    margin:0px 0px 0px 0px;
    width:759px;
    height:auto;
	border-right:solid 2px #ffffff;	
	border-bottom:solid 2px #ffffff;	
	background-color:#ffffff;
}
#leftcontentpage
{
    margin:0px 0px 0px 0px;
    width:210px;
    height:auto;
	float:left;	
	border-left:solid 2px #ffffff;	
}
	#leftcontentpage ul
	{
	    margin:42px 0px 0px 0px;
	    padding: 10px 0px 0px 0px;
	    list-style-type: none;
		float:right;
		width:210px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#000000;
	}
	
	#leftcontentpage li 
	{
	    float:left;
	    margin:0px 0px 0px 1px;  
		width:180px;
		clear:both;
		border-bottom:dotted 1px #777777;
    }
	
	#leftcontentpage a
	{
	    text-decoration:none;
	    color: #2878BF;
	    padding:7px 15px 7px 15px;
        float:left;
		width:150px;
	}
	#leftcontentpage .active
	{
        color: #ffffff;
		background-color:#FF9900;
		border-top:dotted 1px #CBCBCB;
	}
	#leftcontentpage .activetraining
	{
        color: #ffffff;
		background-color:#0CBC34;
		border-top:dotted 1px #CBCBCB;
	}
	#leftcontentpage .activetrainingcourses1
	{
        color: #ffffff;
		background-color:#708394;
		border-top:dotted 1px #CBCBCB;
	}
	#leftcontentpage .activetrainingcourses2
	{
        color: #ffffff;
		background-color:#8BA0B3;
		border-top:dotted 1px #CBCBCB;
		margin:0px 0px 0px 30px;
		width:120px;
	}
	#leftcontentpage .activedesign
	{
        color: #ffffff;
		background-color:#BD0E3F;
		border-top:dotted 1px #CBCBCB;
	}
	#leftcontentpage .activedesign2
	{
        color: #ffffff;
		background-color:#708394;
		border-top:dotted 1px #CBCBCB;
	}
	#leftcontentpage a:hover
	{
        color: #00339A;
		text-decoration:underline;
		background-color:#f1f1f1;
	}
		#leftcontentpage a:active
	{
        color: #dd0000;
	}
	
#rightcontentpage
{
    margin:0px 0px 0px 0px;
	padding:0px 12px 0px 0px;
    width:533px;
    height:auto;
	float:left;	
}
#rightcontentpage h1
{
    margin:20px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#2878BF;	
}
#rightcontentpage h2
{
    margin:20px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#CC0066;	
}
#rightcontentpage h3
{
    margin:20px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#222222;	
}
div.pagecontrol
{
	margin:0px 0px 0px 0px;
	width:510px;
	text-align:right;
}
#rightcontentpage p
{
    margin:8px 0px 8px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
#rightcontentpage ul
	{
	    margin:0px 0px 18px 10px;
	    padding: 10px 0px 0px 0px;
	    list-style-type: none;
		width:240px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
#rightcontentpage li 
	{
	    margin:0px 0px 0px 0px;  
		clear:both;
    }
div.liststyle1
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div.liststyle1 ul
	{
	    margin:0px 0px 18px 10px;
	    padding: 10px 0px 0px 0px;
	    list-style-type: none;
		width:240px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
div.liststyle1 li 
	{
	    margin:0px 0px 0px 0px;  
		clear:both;
    }
div.liststyle2
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div.liststyle2 ul
	{
	    margin:0px 0px 18px 10px;
	    padding: 10px 0px 0px 0px;
	    list-style-type: none;
		width:500px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
div.liststyle2 li 
	{
	    margin:0px 0px 0px 0px;  
		clear:both;
    }
	#liststyle3 ul
	{
		margin:15px 0px 15px 20px;
		padding:0px 0px 0px 0px;
	    list-style-type:none;
		width:520px;	
	}
	#liststyle3 li
	{
	padding:0px 0px 0px 15px;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/bullet2.gif);
	}
/*#rightcontentpage ul
	{
	    margin:0px 0px 18px 10px;
	    padding: 10px 0px 0px 0px;
	    list-style-type: none;
		width:240px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
#rightcontentpage li 
	{
	    margin:0px 0px 0px 0px;  
		clear:both;
    }*/
#rightcontentpage img
{
		border:none;
}
#rightcontentpage a
{
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#046ABF;
}
#rightcontentpage a:hover
{
	color:#D28203;
}
#rightcontentpage a:active
{
	color:#dd0000;
}
div.space
{
width:200px;
height:100px;
clear:both;
}
div.trainingimagebar
{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:533px;
}
div.trainingimagebar a
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}
div.trainingimagebar img
{
	margin:0px 11px 0px 11px;
	padding:0px 0px 0px 0px;
	border:none;
}

/*Course Section Displays after user has selected their course type*/
div.coursesection
{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:533px;
	background-color:#EEF4F4;
	border-top:solid 1px #777777;
	border-bottom:solid 1px #777777;
}
div.coursesectiontop
{
	margin:0px 30px 0px 20px;
	padding:0px 0px 0px 0px;
	width:483px;
}
#rightcontentpage a.coursesection1
{
	color:#046ABF;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}
#rightcontentpage a:hover.coursesection1
{
	color:#D28203;
}
#rightcontentpage a.coursesection2
{
	color:#555555;
	font-weight:bold;
	text-decoration:none;
}
#rightcontentpage a:hover.coursesection2
{
	color:#D28203;
}
div.coursesectionbottom
{
	margin:0px 20px 5px 0px;
	padding:0px 0px 0px 0px;
	width:513px;
	text-align:right;
}
#rightcontentpage div.coursesectionbottom a
{
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#dd0000;
	text-decoration:none;
	font-weight:bold;
}
#rightcontentpage div.coursesectionbottom a:hover
{
	color:#D28203;
}
#rightcontentpage div.coursesectionbottom a:active
{
	color:#046ABF;
}


div.coursedetailbox
{
	margin:25px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	width:533px;
}
div.coursedetailbox p
{
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
div.coursedetailbox span.coursedetailboxstyle1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}div.coursedetailbox span.coursedetailboxstyle2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#2878BF;
	font-weight:bold;
	font-style:italic;
}
div.coursedetailboxleft
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:265px;
	float:left;
}
div.coursedetailboxright
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:265px;
	float:left;
}
span.phonestyle1
{
	color:#FF9900;
	font-size:16px;
	font-weight:bold;
}
div.listbox
{
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:525px;
}
div.listbox ol
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
div.courseoutlinebox
{
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:525px;
	background-color:#FFF1DF;
	border:solid 1px #FDD8A6;
}
div.courseoutlinebox P
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
div.courseoutlineboxleft
{
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 5px;
	width:238px;
	float:left;
	border-right:solid 2px #ffffff;
}
div.courseoutlineboxright
{
	margin:0px 0px 0px 0px;
	padding:10px 5px 10px 10px;
	width:200px;
	float:left;
}
	div.courseoutlinebox ul
	{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	    list-style-type:none;
		width:200px;	
	}
	div.courseoutlinebox li
	{
	padding:0px 0px 0px 15px;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/bullet2.gif);
	}
div.pdflink
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	div.pdflink ul
	{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	    list-style-type:none;
		width:200px;	
	}
	div.pdflink li
	{
	margin:10px 0px 10px 20px;
	padding:5px 0px 9px 22px;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/pdficon.gif);
	}
/*Facilities image box*/
div.facilitiesbox
{
	margin:3px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	width:515px;
	height:228px;
}
div.facilitiesbox img
{
	margin:0px 0px 14px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	display:block;
}
div.facilitiesboxleft
{
	margin:0px 14px 0px 0px;
	padding:0px 0px 0px 0px;
	width:323px;
	float:left;
}
div.facilitiesboxright
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:133px;
	float:left;
}

div.locationbox
{
	margin:3px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:515px;
	height:228px;
}
div.locationbox img
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	display:block;
}
div.locationboxleft
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:207px;
	float:left;
}
div.locationboxright
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:307px;
	float:left;
}
div.contentbox1
{
	margin:15px 0px 15px 30px;
	padding:0px 0px 0px 0px;
	width:505px;
}
div.contentbox1left
{
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	width:250px;
	float:left;
}
div.contentbox1right
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:250px;
	float:left;
}
	div.contentbox1 ul
	{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	    list-style-type:none;
	}
	div.contentbox1 li
	{
	padding:0px 0px 0px 15px;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/bullet1.gif);
	}
	div.contentbox2
	{
	margin:5px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
	div.contentbox2 ul
	{
		margin:0px 0px 0px 30px;
		padding:0px 0px 0px 0px;
	    list-style-type:none;	
	}
	div.contentbox2 li
	{
	padding:0px 0px 0px 20px;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/bullet1.gif);
	width:450px;
	}
	
	
/* Portfolio Display Box */
div.portfoliobox
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:525px;
	clear:both;
}
div.portfoliobox P
{
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222222;
}
div.portfoliobox span.portfoliostyle1
{
	color:#dd0000;
	font-weight:bold;
}
	
div.portfolioboxleft
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:210px;
}
div.portfolioboxright
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:310px;
}

div.portfoliobox2
{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:525px;
	text-align:center;
}
div.portfoliobox2 P
{
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222222;
}
div.portfoliobox2 span.portfoliostyle1
{
	color:#dd0000;
	font-weight:bold;
}	
div.portfoliobox2left
{
	margin:0px 40px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:210px;
}
div.portfoliobox2right
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:270px;
}
/*----------- site map styles ---------------*/
#sitemapbox
{
    margin:20px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
#sitemapbox ul.level1
{
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
}
#sitemapbox ul.level2
{
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 30px;
    float:left;  
}
#sitemapbox ul.level3
{
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 40px;
    float:left;
}
#sitemapbox ul.level4
{
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 50px;
    float:left;
}
#sitemapbox ul.level1 li
{
    margin:0px 0px 2px 0px;
    padding:0px 0px 0px 15px;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/bullet1.gif);
}
#sitemapbox ul.level2 li
{
    margin:0px 0px 2px 0px;
    padding:0px 0px 0px 15px;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/bullet3.gif);
}
#sitemapbox ul.level3 li
{
    margin:0px 0px 2px 0px;
    padding:0px 0px 0px 15px;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/bullet4.gif);
}
#sitemapbox ul.level4 li
{
    margin:0px 0px 2px 0px;
    padding:0px 0px 0px 15px;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/bullet5.gif);
}
#sitemapbox ul.level1 a
{
    color:#222222;
    font-weight:bold;
}
#sitemapbox ul.level2 a
{
    color:#222222;
    text-decoration:none;
    font-weight:normal;
}
/*
#sitemapbox ul.level2 a
{
    color:#FF9C00;
    font-weight:normal;
}
#sitemapbox ul.level3 a
{
    color:#008CFF;
    font-weight:normal;
}
#sitemapbox ul.level4 a
{
    color:#B02323;
    font-weight:normal;
}*/

/* Artcile Page Styles */
div.articleboxleft {
	margin:20px 20px 10px 0px;
	padding:10px 10px 10px 10px;
	width:200px;
	height:auto;
	background-color:#FFCC66;
	border:solid 1px #FF9933;
	float:left;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
div.articleboxright {
	margin:20px 0px 10px 20px;
	padding:10px 10px 10px 10px;
	width:200px;
	height:auto;
	background-color:#FFCC66;
	border:solid 1px #FF9933;
	float:right;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

/* END OF Article Page Styles */


/* --------------End of Content Page Styles-------------------- */

#basesection
{
    margin:0px 0px 0px 0px;
    width:757px;
    height:84px;
	 /*height:102px;*/
    clear:both;
	border-right:solid 2px #ffffff;
	border-left:solid 2px #ffffff;
}
#basesection p
{
    margin:0px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	
}
#basesection a
{
    margin:0px 0px 0px 8px;
	padding:4px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	float:left;
}
#basesection a:hover
{
	/*color:#345189;*/
	color:#10E13C;
}
#basesection a:active
{
	color:#dd0000;
}
#basesection1
{
    margin:0px 0px 0px 0px;
	background-color:#003399;
    width:757px;
    height:28px;
}
#basesection2
{
    margin:0px 0px 0px 0px;
	background-color:#4B7EBD;
    width:757px;
    height:28px;
}
#basesection3
{
    margin:0px 0px 0px 0px;
	background-color:#3E5C90;
    width:757px;
    height:28px;
}

#footer
{
	margin:0px 0px 0px 0px;
	padding:18px 0px 0px 0px;
    width:761px;
    clear:both;
    height:130px;
	background-color:#122E60;
	color:#ffffff;
	background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/footerback.gif);
}
#footer p
{
    margin:10px 0px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e1e1e1;
}
#footer a
{
    margin:0px 15px 0px 10px;
	padding:4px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e1e1e1;
	text-decoration:none;	
}
#footer a:hover
{
	color:#6AADE4;
}
#footer a:active
{
	color:#dd0000;
}
#footertop
{
	margin:0px 0px 0px 0px;
    width:761px;
    clear:both;
}
#footerbottom
{
	margin:0px 0px 0px 0px;
    width:761px;
    clear:both;
}
#footerbottom img
{
	margin:0px 0px 0px 0px;
    border:0px;
}


.cleaner
{
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
}

#DesignservicesDiv
{
position:absolute;
left:350px;
top:350px;
	z-index:0;
	width:520px;
}
#ConsultancyDiv
{
position:absolute;
left:350px;
top:350px;
	z-index:3;
	width:520px;
}
#TrainingDiv
{
position:absolute;
left:350px;
top:350px;
	z-index:6;
	width:520px;
}

/*NEW BOTTOM ONE DIVS*/
#Designservices2Div
{
position:absolute;
left:350px;
top:740px;
	z-index:0;
	width:520px;
}
#Consultancy2Div
{
position:absolute;
left:350px;
top:740px;
	z-index:3;
	width:520px;
}
#Training2Div
{
position:absolute;
left:350px;
top:740px;
	z-index:6;
	width:520px;
}
#DesignservicesDiv, #ConsultancyDiv, #TrainingDiv P
{
	margin:0px 0px 0px 0px;
	clear:both;
}





/*FORM STYLES 07-01-08 2008 NEW */

form.contact label 
{
    width:150px;
    /*border:solid 1px red;*/
    font-weight:bold;
    float:left;
}
form.contact input.checkboxtoggle 
{
    margin:0px 0px 0px 0px;
}
form.contact h3.area
{
	margin:0px 0px 0px 0px;
	font-size:28px;
    float:left;
	color:#00ff00;
}
form.contact h4
{
	margin:0px 0px 0px 150px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	font-style:italic;
    float:left;
	color:#006699;
}

div.checkboxes
{
    margin:0px 0px 0px 150px;
    width:auto;
    height:auto;
	float:left;
	clear:both;
	/* border:solid 1px red;*/
}
div.checkboxes input
{
    margin:0px 5px 0px 0px;
    float:left;
}
div.checkboxesleft
{
    margin:0px 0px 0px 0px;
    width:150px;
    height:auto;
    float:left;
}
form.contact label.checkboxleft 
{
    margin:0px 0px 0px 0px;
    padding:3px 0px 0px 0px;
    width:120px;
    /*border:solid 1px red;*/
    font-weight:normal;
    float:left;
}
div.checkboxesright
{
    margin:0px 0px 0px 0px;
    width:175px;
    height:auto;
    float:left;
}
form.contact label.checkboxright
{
    margin:0px 0px 0px 0px;
    padding:3px 0px 0px 0px;
    width:145px;
    /*border:solid 1px red;*/
    font-weight:normal;
    float:left;
}

form.contact div.formspacer 
{
    margin:0px 0px 0px 0px;
    height:7px;
    font-size:1px;
    clear:both;
}

div.boxall
{
    margin:0px 0px 0px 0px;
    width:auto;
    height:auto;
	clear:both;
}
div.boxleft
{
    margin:0px 0px 0px 0px;
    width:320px;
    height:auto;
    float:left;
}
form.contact div.boxleft label
{
    margin:0px 0px 0px 0px;
    padding:3px 0px 0px 0px;
    width:150px;
    font-weight:bold;
    float:left;
}
div.boxright
{
    margin:0px 0px 0px 0px;
    width:195px;
    height:auto;
    float:left;
}
form.contact div.boxright input
{
    margin:0px 0px 0px 0px;
    font-weight:normal;
    float:left;
}
form.contact div.boxright label
{
    margin:3px 0px 0px 0px;
    font-weight:normal;
    float:left;
}
/*END OF FORM STYLES 07-01-08 2008 NEW */








/*CONTACT FORM   OLD STYLES*/
#formstyle
{
	height:900px;
}
div.submit
{
	margin:0px 0px 0px 0px;
	float:right;
	clear:both;
}
#submit1
{
	margin:0px 0px 0px 0px;
	float:right;
	clear:both;
}
#submit2
{
	margin:0px 0px 0px 0px;
	float:right;
	clear:both;
}
/*#DesignservicesDiv, #ConsultancyDiv, #TrainingDiv, #Designservices2Div, #Consultancy2Div, #Training2Div
{
	border:solid 1px red;
}*/
div.contactbox1
{
	margin:0px 0px 0px 0px;
	float:left;
	/*border:solid 1px red;*/
	width:250px;
}
div.contactbox1 input
{
	margin:0px 0px 0px 0px;
	width:200px;
	/*set the length and size from here not in form*/
}
div.contactbox2
{
	margin:0px 0px 0px 0px;
	float:left;
	/*border:solid 1px red;*/
	width:250px;
}
div.contactbox3
{
	margin:10px 0px 0px 0px;
	clear:both;
	/*border:solid 1px red;*/
}
.specialoffer {
	clear:both;
	width: 150px;
}
.specialoffer-text {
	clear:both;
	width: 350px;
}
