@charset "utf-8";
/* CSS Document */


HTML {  /* New */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	height: 100%;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-image: url(/transformation/layout/images/background.jpg);
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}


/*//////////////////////////////CONTAINER STYLES////////////////////////////////////*/
#outer-container {
	margin: 0 auto;
	width: 994px;
	padding: 0px 0px 0px 0px;
	height: 100% auto;
	float: center;
}


.clear {
	clear: both;
}


/*//////////////////////////////LEFT PANEL////////////////////////////////////*/
.panel {
	padding: 0px 0px 0px 23px;
	float: left;
	width: 200px;
	}


.title {
	padding: 0px 0px 0px 0px;
	width: 200px;
	vertical-align: top;
	height: 100%;
}


/*/////////////////////////////////CONTENTS////////////////////////////////////*/
.content-container {
	padding: 0px 23px 0px 0px;
	float: left;
	width: 748px;
	text-align: justify;
}


#banner {
	margin: 0px;
	width: 749px;
	height: 212px;

	background-color: #FFFFFF;
	clear: both;
}

#subtitle {
	width: 749px;
	background-color: #FFFFFF;
	clear: both;
}


.contents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	font-weight: normal;
	width: 699px;
	color: #000000;
	padding: 15px 15px 15px 35px;
	background-color: #FFFFFF;
}

.highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #EE7E1E;
}

.form_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.form_instructions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FF6600;
}

.form_prompt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;

}.documentation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	color: #000000;
}

.impt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
}


/*//////////////////////////////BUTTON 1/////////////////////////////////*/
.btn1 {
  display: block;
  width: 187px;
  height: 55px;
  background: url("/transformation/layout/images/Icon-About.jpg") no-repeat 0 0;
}

.btn1:hover { 
  background-position: 0 -55px;
}

.btn1 span {
  display: none;
}

/*//////////////////////////////BUTTON 2/////////////////////////////////*/
.btn2 {
  display: block;
  width: 187px;
  height: 55px;
  background: url("/transformation/layout/images/Icon-Leader.jpg") no-repeat 0 0;
  background-color: #FFFFFF;
}

.btn2:hover { 
  background-position: 0 -55px;
}

.btn2 span {
  display: none;
}

/*//////////////////////////////BUTTON 3/////////////////////////////////*/
.btn3 {
  display: block;
  width: 187px;
  height: 55px;
  background: url("/transformation/layout/images/Icon-Programme.jpg") no-repeat 0 0;
}

.btn3:hover { 
  background-position: 0 -55px;
}

.btn3 span {
  display: none;
}


/*//////////////////////////////BUTTON 4/////////////////////////////////*/
.btn4 {
  display: block;
  width: 187px;
  height: 55px;
  background: url("/transformation/layout/images/Icon-ApplyNow.jpg") no-repeat 0 0;
}

.btn4:hover { 
  background-position: 0 -55px;
}

.btn4 span {
  display: none;
}


/*/////////////////////////////////COPY RIGHTS////////////////////////////////////*/
.btm-container {
	margin: 0 auto;
	padding: 0px;
	width: 950px;
	height: 30px;
	float: center;
}

.copyrights {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

.copyrights A:link {
	color: #FFFFFF;
	text-decoration: none;
}

.copyrights A:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.copyrights A:active {
	color: #FFFFFF;
	text-decoration: none;
}

.copyrights A:hover {
	color: #FFFFFF;
	text-decoration: underline;
}