/************************** GENERAL Start *****************************/
body  {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 5px 0 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}

ul, li, td, tr, table, blockquote, p, h1, h2, h3, h4, h5 {
	padding:0;
	margin:0;
}

.info-button {
	text-decoration:none;
	font-size: 11px;
	border: 1px solid #000;
	padding:0 5px 0 5px;
	background-color:#fff;
	color:#000;
}



/************************** GENERAL End *****************************/

.main #container { 
	margin: 10px 0 0 0;
	width: 980px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #ccc;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
/***/
.main #banner {
	background-color: #ddd;
	padding: 10px;
}
.main #banner h1 {
	font-family: "Arial","Helvetica";
	font-size:12px;
	font-weight: normal;
}
.main #banner a {
	color: #000;
	text-decoration: none;
}
.main #banner a:hover {
	color: #ff0000;
	text-decoration: underline;
}
/** **/
.main #header {
		background:url(/images/top-page/iit-ps146-rg146-header.jpg) no-repeat top;
		height: 106px;
		width:980px;
		padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

}

.main .purple-block {
	background-color:#370097;
	width:980px;
}
.main .established-text {
	background-color:#370097;
	font-family: 'Arial','Helvetica';
	font-size: 12px;
	font-weight:bold;
	text-align:right;
	float:left;
	width:190px;
	padding:4px 0px 3px 0px;
	color:#fff;
}

.main #header h1 {
	font-family: 'Times New Roman';
	font-size: 19px;
	font-style: italic;
	position: relative;
	left:600px;
	top:10px;
	width:350px;
	font-weight: normal;
	color: #370097;
}

.main #header h2 {
	font-size: 38px;
	position: relative;
	left:600px;
	top:20px;
	
	width:250px;
	font-weight: normal;
	color: #370097;
}

.main #header h3 {
	font-family: 'Times New Roman';
	font-size: 14px;
	position: relative;
	left:600px;
	top:22px;
	
	width:250px;
	font-weight: normal;
	color: #370097;
}

/***********/
.main #extreme-left-side {
	float: left;
	width: 180px;
	padding: 0px;
	background-color:#fff;
	margin: 0px;
}
.main #left-side {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 540px; /* since this element is floated, a width must be given */
	padding: 0; /* top and bottom padding create visual space within this div  */
	background-color:#fff;
}

.main #left-side #diploma-financial-services {
	background: url(images/top-page/ps146-rg146-diploma-financial-services.jpg) no-repeat top;
	height:265px;
	margin: 5px 0 0 0;
}

.main #left-side #diploma-financial-services h1 {
	color: #000;
	font-size: 20px;
	font-family: "Times New Roman";
	padding:10px 5px 0 20px;
	color: #333;
}
.main #left-side #diploma-financial-services h2 {
	color: #000;
	font-size: 10px;
	font-family: "Times New Roman";
	padding:0px 15px 0 20px;
	color: #333;
	text-align: right;
}
.main #left-side #diploma-financial-services p {
	color: #000;
	font-size: 12px;
	padding:0px 15px 0 40px;	
}

.main #left-side a {
	text-decoration: none;
	color:#333;
}

.main #left-side a:hover {
	text-decoration: underline;
	color: #370097;
}
.main #left-side #accredited-courses {
	background: url(images/top-page/ps146-accredited-courses.jpg) no-repeat top;
	height:164px;
	margin: 5px 0 0 0;
}
.main #left-side #accredited-courses h1 {
	color: #000;
	font-size: 21px;
	font-family: "Times New Roman";
	padding:10px 5px 0 20px;
	color: #333;
}
.main #left-side #accredited-courses p {
	color: #000;
	font-size: 14px;
	padding:5px 15px 0px  40px;	
}

/*********/
.main #right-side {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 256px; /* since this element is floated, a width must be given */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* top and bottom padding create visual space within this div */
	}
	
.main #right-side #rpl-adfs {
	margin: 5px 0 0 0px;
}	

.main #right-side #call-back {
	margin: 5px 0 0 0;
}	
.main #right-side #call-back h1 {
	font-size: 16px;
	font-family: "Times New Roman";
	color:#fff;
	padding: 0 5px 0 5px;
}

.main #right-side #call-back p {
	font-size: 11px;
	color:#fff;
	padding: 0 0 0 5px;
}

.main #right-side #call-back .text-box {
	font-size: 11px;
	border: 1px #fff solid;
	height:20px;
	width:245px;
	margin:1px 0 0 0;
}

.main #right-side #call-back .submit-button {
	font-size: 11px;
	border: 1px #fff solid;
	margin: 2px 0 0 0 ;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.main #footer {
	padding:5px 5px 5px 5px;
}

.main #footer p {
	padding: 3px 0 0 0;
	font-size: 12px	;
	background-color: #370097;
	color:#fff;
	text-align:center;
}

.main #footer a {
	color:#fff;
}

/* Normal Template Declarations */

.main #header-normal {
		background: url(/images/header-sub.gif) no-repeat top;
		height: 91px;
		width:980px;
		padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

}

.main #header-normal h1 {
	padding-right:5px;
	font-family: 'Times New Roman';
	font-size: 24px;
	font-weight: normal;
	color: #370097;
	text-align:right;
	float:right;
}

.main #header-normal h2 {
	padding:10px 5px 0px 0px;
	font-size: 34px;
	font-weight: normal;
	color: #370097;
	float:right;
	text-align:right;
}


.main #contents-area {
	padding:5px;
}
.main  #container  #contents-area ul {
	margin-left: 20px;
}

.main #contents-area p {
	margin: 5px 0 10px 0;
	font-size: 12px;
}

.main #contents-area a:link {
	color: #000;
}

.main #contents-area a:hover {
	color: #ff0000;
	text-decoration: none;
}

.main #contents-area a:visited {
	color: #000;
}

/* From base.css */
.normal-text-table {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:970px;
}

.normal-text-table-courses {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:970px;
}

.normal-text-table-colour {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color:#370097;
	text-align: left;
}

.normal-text-table-colour-center {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color:#370097;
	text-align: center;
}

.normal-text-table-center {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

.normal-text-table-total {
	color: #FF0000;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

.normal-text .numbered-list-number {
	font-family: Arial;
	font-size: 12px;
	text-align: right;
	width: 10%;
}

.normal-text .numbered-list {
	font-family: Arial;
	font-size: 12px;
	text-align: justify;
	width: 80%;
}

.normal-text h1 {
	color: #370097;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.normal-text h2 {
	color: #370097;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.normal-text .header3 {
	color: #370097;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.normal-text h4 {
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.normal-text h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;

}

.normal-text .header6 {
	color: #370097;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
}

.normal-text-table td {
	padding:5px;
}

.normal-text-white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.normal-text-red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
}

.main #offer-banner {
	
}

/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */

.main #table {
	padding-left:10px;
	float:left;
	width:550px;
}

.main #table .table-bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:350px;
	margin-left:100px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #aaa;
	text-align:justify;
}

.main #image {
	float:left;
	width:380px;
}