/* Used for Columns and Columns Javascript for Articles */

div#containerDiv{	width:750px;	margin:0px auto;	padding:0px 10px 0px 0px; border-width:0px 0px; background-image : url(Common/Background.jpg); background-attachment : fixed; text-align: left; }  

div#BottomDiv{	float:bottom ;	width:100px;	padding-top:25px;	overflow:hidden;}

/*  This would be the correct way to do the columns centered but due to the bug in IE 5 and 6 - it needs to be done like the following - with a text-align: center; in the CSS that defines the body of the page:
div#containerDiv{	width:750px;	margin:0px auto;	padding:0px 10px 0px 0px; border-width:0px 0px;	 	background-image : url(Common/Background.jpg);background-attachment : fixed;  } */

div#leftColumnDiv{	float:left;	width:100px;	padding-top:25px;	overflow:hidden;}
div#leftColumnDiv h2{	font: "Arial, Helvetica, Verdana" 10px/14px;	width:93px;	border-bottom: 2px solid #84B0CE;	margin:0 0 0 10px;	padding:8px 2px; }
div#leftColumnDiv h2 a{	font-size:12px;	line-height:14px;	width:93px;	 font-family: Arial, Helvetica, Verdana;	}
div#leftColumnDiv h2 a:Visited { display:block;	color: Green;	text-decoration:none;}
div#leftColumnDiv h2 a:Active {	position:relative;	color: White;	background:#2C5FA2;}
div#leftColumnDiv h2 a:Hover {	display:block;	color: White;	text-decoration:none;	background-color : Blue;}

div#middleColumnDiv{	float:right;	width:630px;	overflow: hidden;  }
div#middleColumnDivWhite {	float:right;	width:630px;	overflow: hidden;	background:#FFF; }

.text {	font-family: Arial, Helvetica, Verdana;	font-size: 10px;	line-height: 16px;	text-decoration: none;	color : #444444;} 

/* End of Used for Columns */
 
 
/*  Not Sure What these are used for?

div.innerColumn{	position:relative;	overflow:hidden;	float:left;	width:200px;	line-height:15px;	margin-right:15px;}
div.hiddenSpaceDiv{	width:1px;	height:1px;	margin-top:-1px;	overflow:hidden;}
div#font-size-test{	position:absolute;	visibility:hidden;	line-height:0.5em;}
 
*/