html
	{
	   height: 100%;
	   margin: 0;
	   padding: 0;
	}


	/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background: #F0FFFF;
		min-width:100%;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:95%;
		font-family: arial,sans-serif; /*Helvetica, Arial, sans-serif;*/
		color: #002D9E;
	}
	
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		height: 120px;
		padding-top: 12px;
	}
	#header {
		border-bottom: 1px solid #A6D2A6;
		background: #BED5FF url('/images/header.jpg');
		color: #002D9E;
		text-align: center;
	}
	
	#layoutdims {
		height: 35px;
		clear: both;
		margin: 0;
		padding-left: 27%;
		padding-right: 3px;
		padding-top: 0px;
		/*padding: 3px 3px 0 425px !important;Just to get the menu in the center of the screen*/
		/*background: #dcdcdc;*/
		background: url('/images/menu2.jpg');
	}
	
	
	
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
		
	}
	/* 3 Column settings */
	.threecol {
		background:#EFF5FF;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#EFF5FF;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#EFF5FF;	/* left column background colour */  
	}
	.threecol .col1 {
		margin-top:30px;    /* not part of original file, added to have some distance between the line and the content text*/
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
		
	.col1 h2 {
		font-size: 1.3em;	
		border-bottom: 1px solid #CCC;
		/*padding-top: 20px;*/
		padding-bottom: 20px;
		text-align: center;
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 25px;
		margin-top: 40px;
	}
	.col1 h3 {
		margin: 3px auto;
		width: auto;
		height:auto;
		font-size: 0.9em;	
		border-bottom: 1px solid #EDEDED;
		padding-bottom: 5px;
		text-align: left;
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 10px;
		margin-top: 50px;
	}
	.col1 p {
		margin: 0 auto;
		height: auto;
		padding-bottom: 5px;
		text-align: left;
		margin-left: 25px;
		margin-right: 25px;
		margin-bottom: 15px;/* earlier 40*/
		margin-top: 10px;/*earlier 50 */
		
	}
	.col1 .indexInfo {
		text-align: center;
		position:	relative;
		margin-top: 50px;
		margin-bottom: 10px;	
		font-size: 1.0em;	
		/*border-top:	1px solid #CCC;*/
	}

	.col1 .description {
		text-align: center;
		border-bottom: 1px solid #CCC;
		padding-bottom: 50px;
		margin-top: 30px;
		margin-left: 50px;
		margin-right: 50px;
		margin-bottom: 35px;
		font-size: 1.1em;	

	}
	
	.col3 h5 {
		text-align: center;
		font-size: 11.5px;
		color: #002D9E;
		margin-top: 20px;
		padding-top: 10px;
		margin-left: 0;
		padding-left: 0;
	}

	.h9{/*used on th left side column to display the user settings*/
		margin: 0;
		padding: 0;
		color: red;
	}

	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #A6D2A6;
		text-align: center;
		margin-top: 0px; /*not part of original file,Just added to test, need to be removed if not required*/
		height: 110x;  /*not part of original file,Just added to test, need to be removed if not required*/
		background: #EFF5FF url('/images/footer.jpg');
		color: #002D9E;
	}
	
	#push { /*this used to push the footer down whenever content is less because footer comes just below the content doesn't stick to the bottom of the screen*/
		height: 120px; /* .push must be the same height as .footer */
		border-bottom: 0px solid ; /*Whenever u need, add this division like just this <div id="push"></div>*/
	}

	#footer p {
		margin: 0; 
		padding-top: 1em;
	}
	
	#footer .copyright{
		color: #666;
		font-size: 10px;
		text-align:center;
	}
	
	#footer .sponsor {
		font-size: 12px;
		text-align: center;
	}
	
	#footer .caveats {
		font-size: 12px;
		text-align: center;
	}
	
	#footer .caveats  a{
		color: #002D9E;
		text-decoration: none;
	}
	
	#footer .caveats  a:hover{	text-decoration: underline;}
	
	
	
	/*
	Topic styles
	*/
	#topics_list {
	}

	#topics_list_left a {
		color: #002D9E;
	}

	#topics_list_right a {
		color: #002D9E;
	}

	#topics_list_left li {
		list-style: none;
	}

	#topics_list_right li {
		list-style: none;
	}

	#topics_list_left {
		width: 15em;
		float: left;
		margin-left: 5em;

	}
	#topics_list_right {
		width: 15em;
		float: left;
	}

	#topics_list_letter {
		vertical-align:top;
		width: 15em;
		font-weight: bold;
		border-bottom: 1px solid #CCC;
		padding-bottom: 20px;
	}

	#sequential {
		margin-left: 3em;
		line-height: 2em;
	}

	#sequential li{
		list-style: none;
	}

	#sequential li li{
		list-style: none;	
	}

	#sequential a {
		color: #002D9E;
		text-decoration: none;
	}

	#sequential a:hover {
		color: #666;
		text-decoration: underline;
	}

	.topics_provision {
		font-size: .8em;
		border-top: 1px solid #CCC;
		padding-top: 20px;
		height: 100%;
	}

	#alpha_links {
		text-align: center;
		margin: 0 auto;
		margin-top: -10px;
		clear:both;
		height: 50px;
	}

	#alpha_links a {
		color: #002D9E;
		display: inline;
	}

	#alpha_links a:hover {
		color: #666;
	}

	#alpha_links ul, #alpha_links p {
		display: inline;
		width: auto;
	}

	#alpha_links li {
		width: 10em;
		display: inline;
		padding-right: 2em;
	}

	#alpha_links ul li {
		list-style: none;
		display: inline;
		white-space:nowrap;
		
	}

	#settingsBar {
		float: left; 
		width: 90%; 
		margin-left: 10px;
		margin-top: 10px;
		font-size: .8em;
	}
	
	#sidebar1 {
		float: left; 
		width: 90%; 
		padding: 25 3 3 10px;
		margin-left: 10px;
		margin-top: 10px;
		font-size: .8em;
		/*background: #ccc;*/
	}
	
	#sidebar1 h3, #sidebar1 p, #sidebar2 p, #sidebar2 h3 {
		margin-left: 10px; 
		margin-right: 10px;
	}
	
	#sidebar1 h3{
		font-size: 15px;
		padding-bottom: 5px;
	}
	
	#menu a.grey{
		color: #9C9C9C;
	}
	
	#prev{
		width: 250px;
		float: left;
	}
	#next{
		width: 250px;
		float: right;

	}