body {
	background-color: #333333;
	color:#444444;
}

a {
	text-decoration: none;
	color:#444444;
}

a:hover {
	color: #aaaaaa;
}

.heading {
	padding:5px;
	font-size:xx-large;
	color:#344766;
}

.paragraph {
	position:relative;
	padding:5px;
	font-size:medium;
}

.paragraph_small {
	position:relative;
	padding:5px;
	font-size:small;
}

.footnote {
	margin-left:1cm;
	width:900px;
	padding: 10px;
	font-size:smaller;
	text-align:center;
	color:#ffffff;
}

.footnote a {
	color:#ffffff;
}

.left_column {
	border-right: thin solid #cccccc;
	width:150px;
}

.center_column {
	width:650px;
}

.right_column {
	border-left: thin solid #cccccc;
}

.design_menu {
	border-top: thin solid #cccccc;
	margin-left:auto;
	margin-right:auto;
}

.design_menu_left {
	text-align:right;
}

.design_menu_right {
	text-align:left;
}

.navbar {
	background-color: #ffffff;
	width:150px;
	font-family: serif;
}

.navbar ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
}
		
.navbar li {
		border-bottom: 1px solid #ffffff;
		margin: 0;
		padding: 0;
}
		
.navbar li a {
		display: block;
		text-decoration: none;
		color:#444444;
		width:100%;
		padding: 5px;
}

html>body .navbar li a {
		width: auto;
}

.navbar li a:hover {
		background-color: #eeeeee;
		color: #aaaaaa;
}

.subnavbar li a {
	font-size: smaller;
	width:100%;
	padding-left: 20px;
	color:#344766;
}

html>body .subnavbar li a {
		width: auto;
}
 
.container {
		width:900px;
		background: #ffffff;
		border: 1px solid #e4e2e4;
		padding: 10px;
		margin-left:1cm;
		margin-right: auto;
		margin-top:1cm;
	}
	
.design_nav {
	float:left;
	width:230px;
}
		
.design_nav a {
		display: block;
		text-decoration: none;
		color:#444444;
		width:100%;
		padding: 5px;
}

html>body .design_nav li a {
		width: auto;
}

.design_nav img {
	border: 0;
	vertical-align:middle;
}