h2 {margin:5px 10px 5px 10px; font-size:14px;}

/*** Override the column Two properties of common.css to make just one coloumn layout ****/
div#column2 {background-color:#FFF; 
	margin:0 0px 0 0px; /* left and right margins to make room for sidebars */		
	width:774px;
	padding-top:10px;
	height:500px;
        position:relative;    
  
	}


div#column2 p {margin:10px 10px 10px ; text-align:justify;} /* This increases the width of content area Column2 due to this footer and header may fall short. Solution to this is to increase left and right margin of this column Originally which were 150 and 170 and now increase to 155 and 175 to get rid of this problem*/

div#column2 #first-row p {margin:20px 40px 20px 40px;}

div#column2 #first-row {margin:20px;}

div#column2 ol {margin:15px 10px 10px 40px; list-style-type:disc;}

div#column2 ol li{margin-top:10px;}

#first-info-box {float:right; width: 250px; height: 200px;background-image:url(../images/blue-box.gif); margin-left:20px;}

#first-info-box a {text-decoration:underline;}

#first-info-box a:hover{color:#5a5958; }

#column2 #first-row #first-info-box p {margin:20px; font-size:14px; font-weight:bold;}

#first-info-box ol {margin:15px 10px 10px 40px; list-style-type:disc;}

#first-info-box ol li{margin-top:10px;}


div#column2 #second-row h2 {margin:30px;}

#second-row ol.team {margin-left:360px;}

#second-info-box {float:left; width: 250px; height: 200px;background-image:url(../images/blue-box.gif); margin:20px;}

#second-info-box a {text-decoration:underline;}

#second-info-box a:hover{color:#5a5958; }

#column2 #second-info-box p {margin-left:20px; font-size:14px; font-weight:bold;}

#second-info-box ol {margin:15px 10px 10px 40px; list-style-type:disc;}

#second-info-box ol li{margin-top:10px;}
