body
{
	background-color: #f0f0f0;
}

.webtitlebox
{
	padding: 1.5em 3.6em;
	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: 3em;
	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: 1.135em;
	line-height: 1.5em;
}

.top_menu_div
{
	font-size: 1em;
}

.top_menu
{
	min-width: 600px;
	max-width: 700px;
	width: 90%;
}

.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: 0.25em 0.25em;
}

.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: 1.5em 15% 2em 15%;
}

#articlebox
{
	vertical-align: top;
	height: 500px;
}