.layout_container {
	background: #D1D2D4;
	padding: 0px;
	margin: 0px;

	/* Was sized by a hardcoded 562px content cell, which left most of a modern
	   screen unused. Fluid now, capped so long lines of text stay readable. */
	width: 100%;
	max-width: 1500px;
}

/* The sidebar keeps the width of the logo above it; the content cell takes
   whatever is left. */
.layout_container td.sidebar { width: 215px; }

.layout_logo {
	background: #ffcc66;
	width: 215px;
}

.layout_languages {
}

.layout_banner {
	padding: 20px 5px 0 0;
	text-align: right;
	color: #003399;
	vertical-align: text-bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #ffcc66;
	font-size: 12px;
}

.shadow_top {
	width: 10px;
	background: url(../images/top_shadow.gif) top right repeat-y;
}

.shadow_middle {
	width: 10px;
	background: url(../images/side_shadow.gif) top right repeat-y #FFF;
}

.layout_footer {
	background: #d1d2d4 url(../images/bottom-middle.gif) repeat-x top left;
}

.content_border {
	padding: 0px 10px 0px 10px;
    border-left: 1px solid #CCC;
}

#content {
	padding: 2px;
}

.layout_channel {
	height: 15px;
	background: #686868 url(../images/channel.jpg) top left repeat-x;
	text-align: right;
	color: #cccccc;
	padding: 0 5px 0 0;
}

.layout_channel a {
	color: #FFDE9B !important;
}

.layout_channel a:hover {
	color: #FFDE9B !important;
}


.layout_main {
	background: #ffffff url(../images/bevel.jpg) top left repeat-x;
	padding: 15px 0 0 0;	
}

#sidebar {
	width: 150px;
	margin: 0; padding: 0 12px 1em; 
}