body
{
	background-color: #f0f0f0;
}

.webtitlebox
{
	padding: 20px 14px;
	background-color: #f4f4f4;
	background-image: linear-gradient( 45deg, #f9f9f9 25%, #f2f4f7 25%,
		#f2f4f7 50%, #f9f9f9 50%, #f9f9f9 75%, #f2f4f7 75%, #f2f4f7 );
    background-size: 6px 6px;
}

.webtitle
{
	font-size: 2.6em;
	color: #3377ee;
	text-shadow: 1px 2px 3px #ccccdd;
}

.webtitle a:link,
.webtitle a:visited,
.webtitle a:active,
.webtitle a:hover
{
	color: #3377ee;
}

.websubtitle
{
	color: #666666;
	font-size: 0.95em;
	line-height: 1.4em;
}

.top_menu_div
{
	font-size: 1em;
}

.top_menu
{
	width: 600px;
}

.top_menu_row
{
}

.top_menu_sep
{
	text-align: center;
	vertical-align: center;
	border-left: 1px solid #ddddee;
	padding: 0px;
}

.top_menu_item
{
	width: 14%;
	text-align: center;
	vertical-align: center;
	padding: 1px 5px;
}

.pageframe
{
	margin: 10px 0.5%;
	box-shadow: 0 2px 4px 0 #e0e0e0, 0 4px 10px 0 #e0e0e0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
}

#content
{
	padding: 20px 28px;
}

#titlebox
{
	padding: 22px 12% 22px 12%;
}

#articlebox
{
	vertical-align: top;
	/*min-height: 500px;*/
	height: 500px; /* table cell */
}