/*BEGIN:	column layout		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ***/

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

.layout_mediapanel_col_left {
display: block;
float: left;
width: 220px;
padding: 20px 20px 10px 20px;
margin-right: 20px;
}
.layout_mediapanel_col_right {
display: block;
float: left;
width: 480px;
height:	270px;
padding: 10px 10px 0px 0px;
}

.layout_mediapanel_bottom {
clear:					both;
display:				block;
height: 				10px;
background: 			url(../images/site/site_mediapanel_bottom.gif) no-repeat top left;
}

.layout_content_top {
display: 				block;
height:					10px;
background: 			url(../images/site/site_content_top.gif) repeat-x top left;
}
.layout_content_bottom {
clear:					both;
float:					none;
display: 				block;
height:					10px;
background: 			url(../images/site/site_content_bottom.gif) repeat-x top left;
}
.layout_content_col_left {
float: left;
display: block;
width: 240px;
padding: 10px 0px 10px 10px;
margin-right: 20px;
}
.layout_content_col_right {
display: block;
float: left;
width: 470px;
padding: 10px 10px 0px 0px;
}

.layout_footer_col_left {
float: left;
display: block;
width: 240px;
padding: 5px 20px 0px 20px;
margin-right: 20px;
}
.layout_footer_col_right {
display: block;
padding: 5px 20px 0px 0px;
}

.layout_hdivider {
display:				block;
float:					none;
clear:					both;
height:					9px;
border-bottom:			1px solid #d5d5d5;
margin:					0px 0px 10px 0px;
}

.layout_row_space {
display:				block;
height:					20px;
}


#sample_column_layout TD {
background: #00ff00;
border: 1px solid #fff;
}

TABLE.layout_columns TD {
}
TABLE.layout_columns {
border-collapse:		collapse;
margin:						0px;
padding:					0px;
}

.layout_col_space {
width:					20px;
}
.layout_row_space {
display:				block;
height:					20px;
}
.layout_row_space_whiteline {
display:				block;
height:					10px;
background:				url(../images/content/line_dotted_white.gif) repeat-x left center;
}
.layout_col_small {
width:					300px;
}

.area_padd20 {
padding: 20px;
}
.area_padd20_vert {
padding: 20px 0px 20px 0px;
}

.layout2_col_small {
width:					220px;

}
.layout2_col_medium {

width:					420px;

}
.layout2_col_large{
width:					680px;

}
.layout2_col_space {
width:					40px;

}

.layout_col_medium {
width:					620px;
}
.layout_col_large {
width:					940px;
}

.layout_col_nobottom {
margin-bottom:			0px;
background: 			transparent;
}

/****** LAYOUT3 REFERENCES **************/
.layout3_table {
margin: 10px 0px 10px 0px;
}
.layout3_table TD {
margin: 0px 10px 0px 0px;
padding: 0px 10px 10px 0px;
background: url(../images/content/hline_dotted.gif) repeat-x bottom left;
}
.layout3_col1 {
/*width: 150px;*/
}
.layout3_col2 {
/*width: 300px;*/
}
.layout3_col3 {
width: 160px;
}

/******** GENERIC LAYOUT STYLES ********/

.layout_center {
text-align: center;
}
.layout_center {
text-align: -moz-center;
}
.layout_left {
text-align: left;
}

.layout_col_80p {
float:				left;
display:			inline;
width:				80%;
}
.layout_col_70p {
float:				left;
display:			inline;
width:				70%;
}
.layout_col_60p {
float:				left;
display:			inline;
width:				60%;
}
.layout_col_50p {
float:				left;
display:			inline;
width:				50%;
}
.layout_col_40p {
float:				left;
display:			inline;
width:				40%;
}
.layout_col_30p {
float:				left;
display:			inline;
width:				30%;
}
.layout_col_20p {
float:				left;
display:			inline;
width:				20%;
}

.layout_col_48p {
float:				left;
display:			inline;
width:				48%;
background:			#f0f;
}
.layout_colspace_4p {
float:				left;
display:			inline;
width:				4%;
background:			#ff0;
}

.layout_col1 {
float:				left;
display:			inline;
width:				320px;
}
.layout_col2 {
float:				left;
display:			inline;
width:				320px;
margin-left:		20px;
}

.layout_float {
float: left;
}
.layout_clearfix {
clear: both;
float: none;
}


/*END:	column layout		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ***/