﻿* {border: none; margin: 0; padding: 0;}

html {
   min-height: 100%;
}

body
{
	font-family: Calibri,Arial,Sans-Serif; 
	
	position:relative;
	z-index:-2;
	
	/*Older Browsers */
	background:#051B36;
		
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #051B36 0%, #123663 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #051B36 0%, #123663 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #051B36 0%, #123663 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #051B36), color-stop(1, #123663));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #051B36 0%, #123663 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #051B36 0%, #123663 100%);
		
	/* IE 6-9 PIE Hack */
	-pie-background: linear-gradient(#051B36, #123663);
	behavior: url(pie/PIE.htc);
	
	  }

.TextBold {font-weight:bold;}
.TextUnderLine { text-decoration:underline;}
.TextNone { text-decoration: none;}

.FloatRight {float:right;}
.FloatLeft  {float:left;}
.FloatNone  {float:none;}


.ImageDropShadow {margin: 2px 5px 5px 3px;}

a:hover img.ImageDropShadow {box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5);}

.container {background-color: White; margin:0 auto 10px auto; width: 1000px;}

/*Master Page*/
	/*Master Page Header*/
		#header {
			clear: both;
			margin: 10px auto 0 auto;
			width: 1000px;
			height:90px;
			position:relative;

		   }

		.HeaderImgLogo 
		{
			float:left;
			width: 347px;
			height: 94px;
			position: absolute;
			top:10;
			left:21;
			z-index:-1;
			}
			
		.HeaderWordLogo  
		{
			width:346px;
			position:relative;
			top: 30px;
			left: 343px;
			font-family: Arial, Sans-Serif;
			font-size: 16pt;
			color: White;
			font-weight: bold;
		}
		
		.HeaderContainerMenuBar {
				text-align:right;
				color: rgb(79,129,189);
			}

				a.HeaderMenuBarLink {
						text-align: right;
						text-decoration: none;
						margin: 5px 2px 5px 2px;
						color: rgb(79,129,189);
						font-size: 10pt;
						font-weight: bold;
					}

						a.HeaderMenuBarLink:visited {color: rgb(79,129,189);}

						a.HeaderMenuBarLink:hover {
								text-decoration: underline;
								color: White;
							}
							
	/*Master Page Header End*/
	
	/*Master Page Tab Menu*/
		#nav {
			clear: both;
			margin: 0 auto;
			width: 1000px;
		}
		
		#menu {
			list-style: none outside none;
		}
			#menu li {
				display: inline;
			}
			
				#menu li a {
					display: block;
					float: right;
					height: 22px;
					padding-top: 7px;
					text-align: center;
					text-decoration: none;
				}
			
				#menu li a.home {
					background-color: #4F81BD;
					border-top-left-radius: 15px;
					border-top-right-radius: 15px;
					color: #FFFFFF;
					margin-right: 2px;
					width: 90px;
				}
			
				#menu li a.eLearning, #menu li a.software, #menu li a.consultancy,
				#menu li a.templates, #menu li a.training {
					background-color: #4F81BD;
					border-top-left-radius: 15px;
					border-top-right-radius: 15px;
					color: #FFFFFF;
					margin-right: 2px;
					width: 110px;
				}
			
				#menu li a.aboutus {
					background-color: #4F81BD;
					border-top-left-radius: 15px;
					border-top-right-radius: 15px;
					color: #FFFFFF;
					width: 110px;
				}
			
				#menu li a.home:hover, #menu li a.home:active, 
				#menu li a.eLearning:hover, #menu li a.software:hover, 
				#menu li a.consultancy:hover, #menu li a.templates:hover, 
				#menu li a.training:hover, #menu li a.aboutus:hover, #menu li a.eLearning:active, 
				#menu li a.software:active, #menu li a.consultancy:active, #menu li a.templates:active, 
				#menu li a.training:active, #menu li a.aboutus:active {
					background-color: White;
					color: #4F81BD;
					font-weight: bold;
				}
			
				body.home #menu li a.home, body.eLearning #menu li a.eLearning, 
				body.consultancy #menu li a.consultancy, body.software #menu li a.software, 
				body.training #menu li a.training, body.templates #menu li a.templates, 
				body.aboutus #menu li a.aboutus {
					background-color: #FFFFFF;
					color: #4F81BD;
					font-weight: bold;
					}
				
	/*Master Page Tab Menu End*/
	
	/*Master Page Breadcrumb */
		#breadcrumb {
			background-color: #FFFFFF;
			border-bottom: 1px solid #FFFFFF;
			clear: both;
			margin:0 auto 0 auto;
			padding-top: 7px;
			padding-bottom: 7px;
			overflow: hidden;
			width: 1000px;
		}
		
		.BreadCrumbMenuBar  
		{
			font-family: Calibri, Arial, Sans-Serif;
			font-weight:bold;
			font-size:small;
			padding-left: 20px;
			}
		
		a.BreadCrumbMenuBarLinkNode
		{
			text-decoration:none;
			color:#4F81BD;
			}
			
		a.BreadCrumbMenuBarLinkNode:hover 
		{
			text-decoration:underline;
			color:#29486F;
			}
			
		.BreadCrumbMenuBarCurrentNode 
		{
			color:#990000;
			}
		
		.BreadCrumbMenuBarPathSeparator 
		{
			color:#4F81BD;
			font-size:smaller;
			}
		 
		
	/*Master Page Breadcrumb End*/

/*Master Page Content*/
	#content {
		background-color: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		clear: both;
		margin: 0 auto;
		width: 1000px;
	}
	/*Master Page Content End*/
	
	/*Master Page Footer*/
	#footer {
		background-color: #4F81BD;
		clear: both;
		color: White;
		height: 55px;
		margin: 0 auto 15px auto;
		padding-bottom:5px;
		width: 1000px;

	}
	
		/*Master Page Footer Menu*/
				a.footermenubegging {
					color: white;
					font-family: Arial;
					font-size: 10pt;
					margin-left: 20px;
					margin-right: 3px;
					margin-top: 20px;
					text-align: center;
					text-decoration: none;
				}

				a.footermenu {
					color: White;
					font-family: Arial;
					font-size: 10pt;
					margin-left: 3px;
					margin-right: 3px;
					margin-top: 20px;
					text-decoration: none;
				}

				a.footermenubegging:visited, a.footermenu:visited {color: white;}

				a.footermenubegging:hover, a.footermenu:hover {color: Blue; text-decoration: underline;}
		/*Master Page Foot Menu End*/

	/*Master Page Foot Copyright*/
		.copyright {
			clear: both;
			color: White;
			float: right;
			font-family: Arial;
			font-size: 8pt;
			margin-right: 15px;
			margin-top: 10px;
			width: 350px;
		}
	/*Master Page Foot Copyright End*/
	
/*Master Page End*/

.pnlMainPageContainer
	{
	 width:1000px;
	 overflow:hidden;
	}

.pnlMainPageContainerWordBox 
	{
		width: 500px;
		float:left;
		margin-left: 25px;
		color: rgb(31,73,125);
	}

.pnlMainPageContainerWordBoxHeader 
	{
		width: 215px;
		margin: 0 auto 0 2px;
		font-family: Calibri, Arial, Sans-Serif;
		Font-weight: bold;
		font-size: 34pt;
		text-align: left;
	}

.pnlMainPageContainerWordBoxTitle 
	{
		width:496px;
		margin: 5px auto 15px 2px;
		font-family: Calibri, Arial, Sans-Serif;
		font-size: 18pt;
		text-align: left;
	}

.pnlMainPageContainerWordBoxBodyBox 
	{
		Width: 530px;
		background-color: rgb(220,230,242);
		color: rgb(31,73,125);
		float: left;
		overflow:hidden;
	}

.pnlMainPageContainerWordBoxBodyBoxHeaderImg
	{
		width: 515px;
		height: 7px;
		padding-bottom:12px;
	}

.pnlMainPageContainerWordBoxBodyBoxFooterImg
	{
		width: 515px;
		height: 7px;
		padding-top: 12px;
	}

 .pnlMainPageContainerWordBoxBody 
	 {
		 width: 500px;
		 margin-left: 25px;
		 padding-right: 15px;
	 }
 
 .pnlMainPageContainerWordBoxBodyPargraph
	 {
		 width: 460px;
		 padding-top: 5px;
		 padding-bottom: 10px;
		 padding-left: 10px;
		 padding-right: 15px;
		 font-family: Arial, Sans-Serif;
		 font-size: 12pt;
	 }
 
 .pnlMainPageContainerRightImageBox
	 {
		Float:right;
		position:relative;
		top: 2px;
		left:-27px;
	 }
 
 .pnlMainPageContainerRightImage 
	 {
		width: 447px;
		height: 306px;
	 }
 
 .pnlMainPageContainerTrainingRightImage 
	 {
		width: 447px;
		height: 326px;
		margin: 0;
		float:right;
		position:relative;
		top: 2px;
	 }
 
 .pnlMainPageContainerPanelBox 
	 {
		 clear: both;
		 overflow:hidden;
	 }
 
 .pnlMainPageContainerPanelHeader
	 {
		 margin-left: 25px;
		 margin-bottom: 15px;
		 margin-top: 25px;
		 background-color: rgb(79,129,189);
		 width: 300px;
		 height: 40px;
		 color:White;
		 font-family: Calibri, Arial, Sans-Serif;
		 font-size: 18pt;
		 font-weight: bold;
		 float:left;
	 }
 
.pnlMainPageContainerPanelHeaderMiddleCenter {padding-top:5px; text-align: center;}

.pnlMainPageContainerPanelBody
	{
		margin-left:25px;
		margin-bottom: 22px;
		width:300px;
		font-family: Calibri, Arial, Sans-Serif;
		font-size:12pt;
		float:left;
	}

	.GreenArrowBulletPoint {
		margin-left:35px ;
		padding: 0;
		color: rgb(31, 73, 125);
		}
	.GreenArrowBulletPoint li 
		{
			padding-top: 4px;
			padding-bottom: 4px;
			list-style-image:url('http://4.bp.blogspot.com/-V8D0HmJ6Yc8/TgX2iy4rMOI/AAAAAAAAEiw/9DH-JDXBaNE/s1600/bullet-point-image-5.gif');
		}
		
	 /* Update Progress Status */
			
		.ProgressBarPanel 
		{
			width:580px;
			height: 550px;
			float:right;
			}
					
			.ProgressBar 
		{
			display:block;
			position:absolute;
			padding:2px 3px;
			}
			
		.ProgressBarContainer 
		{
			border:solid 1px #808080;
			border-width:1px 0;
			}
			
		.ProgressBarHeader 
		{
			background-color:#f2f2f2;
			border-style: solid;
			border-width:0 1px;
			padding:0 10px;
			color:#000000;
			font-size:9pt;
			font-weight:bold;
			line-height:1.9;
			font-family: Arial, Sans-Serif;
			}
		
		.ProgressBarBody 
		{
			background-color:#f2f2f2;
			border-style: solid;
			border-width:0 1px;
			padding:0 10px;
			}
					
		.ProgressBarBody img 
		{
			margin-top:4px;
			}
			
/* Page Columns */

	.LeftCol {
			float:Left;
			width:40%;
		}

		.LeftCol h1 {
			font-family:Calibri, Arial, Sans-Serif;
			font-size: 3em;
			font-weight:bold;
			margin-left:25px;
			color:#1F497D;
		}
		
		.LeftCol h2 {
			font-family:Calibri, Arial, Sans-Serif;
			font-size: 1.2em;
			line-height: 2em;
			margin-left:25px;
			color:#1F497D;
		}
		
	  .RightCol {
			float:right;
			margin-right:25px;
			margin-bottom:25px;
			margin-top:30px;
			width:52%;
		}

		.RightCol h2 {
		font-family: Arial, San-Saif;
		font-size:15px;
		color:#376092;
		margin-bottom:10px;
		}

		.RightCol p {
		font-family: Arial, San-Saif;
		color:#595959;
		font-size:12px;
		}

		.RightCol p:last-child {
			padding-top:15px;
		}

/* Page Columns End*/