/* 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;
	vertical-align: 10%;
}
#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: -10px 5px 5px 5px;
}
#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: 22.5%;
				 }


/*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.5%;
			
		}


/*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%;
}

.topbox{
	border:5px solid #3c3a8e;
	margin: -10px 0 20px 0;
	padding: 0 0 5px 0;
	width: 600px;
	height: 141px;
	float:left;
}

.topboximg{
	border:none;
	float:left;
	width:200px;
	margin:0;
	padding:3px;
}

.topboxtext{
	border:none;
	float:left;
	width:380px;
	margin:0px;
	padding: 0 0 0 3px;
}

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