﻿/* SINGLE */
#LayoutSingle{
	width: auto;
	padding:10px;
	float:left;
	}

/* SIDE BY SIDE */
#LayoutSideBySideLeftSide{
	float: left;
	width: 385px;
	padding:10px;
	}
#LayoutSideBySideRightSide{
	float: right;
	width: 330px;
	padding:10px;
	}

/*LEFT CENTER RIGHT*/
#LayoutSideBySideBySideLeftSide{
	float:left;
	width:242px;
	padding:10px 10px 0 10px;
	text-align:justify;
	border-right:2px solid #003359;
	}
#LayoutSideBySideBySideMiddle{
	width:242px;
	float:left;
	padding:10px 10px 0 10px;
	text-align:justify;
	border-right:2px solid #003359;
	height:inherit;
	}
#LayoutSideBySideBySideRightSide{
	float:left;
	width:242px;
	padding:10px 10px 0 10px;
	text-align:justify;
	}



/* SINGLE TOP DOUBLE BOTTOM */
#LayoutSingleTop{
	padding:10px;
	text-align:justify;
	border-bottom:2px solid #003359;
	float:left;
	}
#LayoutSingleTopLeftSide{
	width: 374px;
	float:left;
	/*clear:left;*/
	padding:10px;
	border-right:2px solid #003359;
	text-align:justify;
	}
#LayoutSingleTopRightSide{
	float: right;
	width: 374px;
	padding:10px;
	text-align:justify;
	}



/* DOUBLE TOP SINGLE BOTTOM*/
#LayoutDoubleTopLeftSide{
	width: 374px;
	float:left;
	padding:10px 10px 10px 10px;
	border-right:2px solid #003359;
	text-align:justify;
	}
#LayoutDoubleTopRightSide{
	float: left;
	width: 374px;
	padding:10px 10px 10px 10px;
	text-align:justify;
	}
#LayoutDoubleTopBottom{
	padding:20px 10px 10px 10px;
	text-align:justify;
	border-top:2px solid #003359;
	clear:both;
	}



/*TOP AND BOTTOM*/
#LayoutTopBottomTop{
	padding:10px;
	text-align:justify;
	border-bottom:2px solid #003359;
	}
#LayoutTopBottomBottom{
	padding:10px;
	text-align:justify;
	}




/* DOUBLE LEFT SINGLE RIGHT */
#LayoutDoubleLeftTopLeft{
	width: 374px;
	float:left;
	padding:10px;
	text-align:justify;
	border-bottom:2px solid #003359;
	}
#LayoutDoubleLeftBottomLeft{
	width: 374px;
	float:left;
	clear:left;
	padding:10px;
	text-align:justify;
	}
#LayoutDoubleLeftRightSide{
	float: right;
	width: 374px;
	padding:10px;
	border-left:2px solid #003359;
	text-align:justify;
	}


/*SINGLE LEFT DOUBLE RIGHT*/
#LayoutSingleLeftLeftSide{
	width: 374px;
	float:left;
	clear:left;
	padding:10px;
	text-align:justify;
	border-right:2px solid #003359;
	}
#LayoutSingleLeftTopRight{
	float:right;
	width: 374px;
	padding:10px;
	text-align:justify;
	border-bottom:2px solid #003359;
	}
#LayoutSingleLeftBottomRight{
	float:right;
	width: 374px;
	padding:10px;
	text-align:justify;
	}




/*TOP MIDDLE BOTTOM*/
#LayoutTopMiddleBottomTop{
	padding:10px;
	text-align:justify;
	border-bottom:2px solid #003359;
	}
#LayoutTopMiddleBottomMiddle{
	padding:10px;
	text-align:justify;
	border-bottom:2px solid #003359;
	}
#LayoutTopMiddleBottomBottom{
	padding:10px;
	text-align:justify;
	}



/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}