/***********************************************************
 *  Frame-With-Header 
 *  
 * <table class='frame-with-header' cellpadding="0">
 * 	<tr class="header">
 * 		<td class="l"></td>
 * 		<td class="m"></td>
 * 		<td class="r"></td>
 * 	</tr>
 * 	<tr class="header-content">
 * 		<td class="l"></td>
 * 		<td class="m">HEADER</td>
 * 		<td class="r"></td>
 * 	</tr>	
 * 	<tr class="body">
 * 		<td class="l"></td>
 * 		<td class="m">BODY</td>
 * 		<td class="r"></td>
 * 	</tr>	
 * 	<tr class="footer">
 * 		<td class="l"></td>
 * 		<td class="m"></td>
 * 		<td class="r"></td>
 * 	</tr>
 * </table>
 *  
 ***********************************************************/

DIV#club_schedule {
	position:relative;
	height:8px;
	width:100%;
	background-image:url('images/text_images/club_schedule.png');
	background-repeat:no-repeat;
	background-position:top left;
}

DIV#club_news {
	position:relative;
	height:8px;
	width:100%;
	background-image:url('images/text_images/club_news.png');
	background-repeat:no-repeat;
	background-position:top right;
}

DIV#navigation_logo {
	position:relative;
	height:20px;
	width:100%;
	background-image:url('images/text_images/navigation-text.png');
	background-repeat:no-repeat;
	background-position:left center;
}

DIV#contact_us_logo {
	position:relative;
	height:8px;
	width:100%;
	background-image:url('images/text_images/contact_us.png');
	background-repeat:no-repeat;
	background-position:left center;
}

DIV#subscribe_logo {
	position:relative;
	height:8px;
	width:100%;
	background-image:url('images/text_images/subscribe.png');
	background-repeat:no-repeat;
	background-position:left center;
}

TABLE.frame-with-header {
	border-collapse:collapse;
	font-size:8pt;
}


TABLE.frame-with-header TR.footer TD {
	background-image:url('images/layout/transparent-corners.png');
	background-repeat:no-repeat;
	font-size:1px;
}

TABLE.frame-with-header TR.header TD {
	background-image:url('images/layout/transparent-corners.png');
	background-repeat:no-repeat;
	font-size:1px;
}



TABLE.frame-with-header TR.header TD.l {
	width:10px;
	height:10px;
	background-position:-22px 0px;
}
TABLE.frame-with-header TR.header TD.m {
	height:10px;
	background-image:url('images/layout/dark-top.png');
	background-repeat:repeat-x;
}

TABLE.frame-with-header TR.header TD.r {
	width:10px;
	height:10px;
	background-position:-33px 0px;
}




TABLE.frame-with-header TR.header-content TD.l {
	width:10px;
	height:100%;
	background-image:url('images/layout/dark-left.png');
	background-repeat:repeat-y;
}
TABLE.frame-with-header TR.header-content TD.m {
	background-image:url('images/layout/dark-background.png');
	height:10px;
	padding-bottom:10px;
}
TABLE.frame-with-header TR.header-content TD.r {
	width:10px;
	height:100%;
	background-image:url('images/layout/dark-right.png');
	background-repeat:repeat-y;
}


TABLE.frame-with-header TR.body TD.l {
	width:10px;
	height:100%;
	background-image:url('images/layout/light-left.png');
	background-repeat:repeat-y;
}
TABLE.frame-with-header TR.body TD.m {
	background-image:url('images/layout/light-background.png');
	background-repeat:repeat;
}
TABLE.frame-with-header TR.body TD.r {
	width:10px;
	height:100%;
	background-image:url('images/layout/light-right.png');
	background-repeat:repeat-y;
}

TABLE.frame-with-header TR.footer TD.l {
	width:10px;
	height:10px;
	background-position:0px -11px;
}
TABLE.frame-with-header TR.footer TD.m {
	height:10px;
	background-image:url('images/layout/light-bottom.png');
	background-repeat:repeat-x;
}
TABLE.frame-with-header TR.footer TD.r {
	width:10px;
	height:10px;
	background-position:-11px -11px;
}