/* CSS Document */

/*This can be used for all column pages*/
#ColumnFour {margin: 0; padding:0; border-top: 1px solid white;}

#ColumnOne p{padding-left: 10px; padding-right:5px;}
#ColumnTwo p{padding-left: 10px; padding-right:5px;} 
#ColumnThree p{padding-left: 10px; padding-right:5px;}
#ColumnFour p{padding-left: 10px; padding-right:5px; font-size: .7em;}

#ColumnOne h4{padding-left: 10px; padding-right:5px; }
#ColumnTwo h4{padding-left: 10px; padding-right:5px;} 
#ColumnThree h4{padding-left: 10px; padding-right:5px; font-variant:small-caps; font-size:1em}
#ColumnFour h4{padding-left: 10px; padding-right:5px; font-variant:small-caps; font-size:1em}

#ColumnOne img{padding: 0; margin: 0;}
#ColumnTwo img{padding: 0; margin: 0;}
#ColumnThree img{padding: 0; margin: 0;}
#ColumnFour img{padding: 0; margin: 0;}

.column1, .column2, .column3, .column4 {float: left;}

.column1  p:first-child{font-variant:small-caps;}
.column2  p:first-child{font-variant:small-caps;}
.column3  p:first-child{font-variant:small-caps;}
.column4  p:first-child{font-variant:small-caps;}

.column1 {border:5px solid #3c3a8e; padding: 0; margin: 0;} 
.column2 {border:5px solid gray; padding: 0;}
.column3 {border:5px solid #42A994; padding: 0;}
.column4 {border:5px solid #3c3a8e; padding: 0;}		


 
/*Use id selector of ColumnFour in html page if you have 4 columns*/
#ColumnFour .column1{
		margin: -10px 5px 20px 0;
		width: 22.5%;
				}
		
#ColumnFour .column2{
		 margin: -10px 5px 20px 0;
		width: 22.5%;
				 }
		
#ColumnFour .column3{
		 margin: -10px 5px 20px 0;
		 width: 22.5%;
				 }
		
#ColumnFour .column4{	
		 margin: -10px 0 20px 0;
		 width: 23.35%;
				 }


/*Use id selector of ColumnThree in html page if you have 3 columns*/
#ColumnThree .column1{
		margin: -10px 10px 20px 0;
		width: 30.5%;
		
		}
		
#ColumnThree .column2{
		margin: -10px 10px 20px 0;
		width: 30.5%;
		
		}	
		
#ColumnThree .column3{
		margin: -10px 0 20px 0;
		width: 30.7%;
			
		}


/*Use id selector of ColumnTwo in html page if you have 2 columns*/		
#ColumnTwo .column1{
		margin: -10px 10px 20px 0;
		width: 47.5%;
		 min-height: 125px;	
		}
		
#ColumnTwo .column2{
		 margin:-10px 0 20px 0;
		 width: 47.5%;
		 min-height: 125px;
		}
		
/*Use id selector of ColumnOne in html page when you want 1 enclosed box.*/

#ColumnOne .column1{
	margin: -10px 0 20px 0;
	padding: 10px;
	min-height: 60px;
	width: 95%;
}

/*#ColumnOne .column1 p{font-variant:small-caps;}*/