/* This CSS is for all sections of the main body of the index page. Parts of it are also used for other pages */

	#leftmargin{
		display:inline;
		margin: 10px 10px 5px 10px;
		width:165px;
		height:100%;
		margin-right:32px;
		float:left;
	}
		
	.leftsection{
		display:inline;
		margin-top:10px;
		width:165px;
		height:100%;
		background-color:#FAFAFA;
		float:left;
		border-right:1px #E9E7E7 solid;
		border-top:1px #E9E7E7 solid;
		
		padding:10px;
		font-family:calibri;
		font-size:14px;
		color:#6B6B6B;
		clear:both;
		border-radius: 15px;
	}
	
	.leftsection li a{
		color:#8397ac;
		font-family:calibri;
		font-size:12px;
		text-decoration:none;
	}
	
	.leftsection li{
		border-bottom:1px solid #eee;
		padding-bottom:3px;
		}
		
	.leftsection li:hover{
		text-decoration:underline;
		}
		
	.leftsection li:last-child{
		border-bottom:none;
		padding-bottom:3px;
		}
	
		.leftsection:first-child{
			margin-top:0px;
		}
		
		.leftsection h1{
		color:#384385;
		}
		
	#centrecolumn{
		display:inline;
		margin: 0 auto;
		width:685px;
		height:100%;
		float:left;
		margin-top: 10px;
		
	}
	
	.centresection{
		display:inline;
		margin: 0 auto;
		width:665px;
		height:100%;
		background-color:#FAFAFA;
		float:left;
		border:1px #E9E7E7 solid;
		margin-top: 10px;
		
		padding:10px;
		font-family:calibri;
		font-size:14px;
		color:#6B6B6B;
		border-radius: 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:9pt;
		/*overflow:hidden;*/
	}
	

	
	
	
	
		.centresection:first-child{
			margin-top:0px;
			
			}
			
		.centresection a, span, ul, li{
			font-family:calibri;
			font-size:14px;
			color:#6B6B6B;
			}	
		
		.centresection h1{
		color:#384385;
		}
	
	.photocont{
		display:inline;
		float:left;
		}
		
	.photodiv{
		height:100px;
		width:110px;
		border:1px solid #DDD;
		margin-top:20px;
		display: table-cell;
		vertical-align: middle;
		text-align:center;
		
	}
	
	
	
	img.desaturate{
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    	filter: gray; /* IE6-9 */
    	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	}
	
	.photodiv img{
			max-width:105px;
			max-height:95px;
			opacity:0.9;
			}
	
	.articledesc{
		display:inline;
		margin: 0 auto;
		width:525px;
		min-height:90px;
		background-color:#FAFAFA;
		float:right;
		border:1px #E9E7E7 solid;
		padding:10px;
		padding-left:10px;
		padding-right:10px;
		font-family:calibri;
		font-size:12px;
		color:#6B6B6B;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		}
		
	.centresectionright{
		
		display:inline;
		margin: 0 auto;
		width:525px;
		min-height:90px;
		background-color:#FAFAFA;
		float:right;
		border:1px #E9E7E7 solid;
		padding:5px;
		padding-left:10px;
		padding-right:10px;
		font-family:calibri;
		font-size:12px;
		color:#6B6B6B;
		font-family:Geneva, Arial, Helvetica, sans-serif;
	}
	
	.centresectionright a{
		font-size:14px;
		}
	
	#rightmargin{
		display:inline;
		margin: 10px 10px 10px 10px;
		width:185px;
		height:100%;
		float:right;
		}
		
	.rightsection{
		display:inline;
		margin-top: 10px;
		width:165px;
		height:100%;
		background-color:#FAFAFA;
		float:right;
		border-left:1px #E9E7E7 solid;
		border-top:1px #E9E7E7 solid;
		
		padding:10px;
		font-family:calibri;
		font-size:14px;
		color:#6B6B6B;
		clear:both;
		border-radius: 15px;
		}
		
		.rightsection h1{
		color:#384385;
		}
		
		.rightsection:first-child{
			margin-top:0px;
			}
		
		.rightsection a{
			font-family:calibri;
			font-size:14px;
			color:#6B6B6B;
			}	
	
	h1{
		font-family:calibri;
		font-size:15px;
		color:#6B6B6B;
		margin-bottom:10px;
		}
		
	ul.cat li{
		list-style-type: none;
		font-family:calibri;
		font-size:14px;
		margin-top:4px;
		color:#6B6B6B;
		color: #8397ac;
		font-family: Arial, Helvetica, sans-serif;
		font-size:8pt;
		font-weight:bold;
		}
		
		ul.cat li:first-child{
			margin-top:10px;
			}