* {
	margin: 0;
	padding: 0;
}

html {
	background: #fff url(img/bg-x.png) top repeat-x;
}

body {
	background: url(img/body.png) top center no-repeat;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

	img {
		border: 0;
	}
	
	p {
		margin-bottom: 8px;
	}

#wrapper {
	width: 900px;
	margin: 0 auto;
}

#head {
	background: url(img/head.png) center no-repeat;
	height: 100px;
}

	h1 {
		padding-top: 20px;
		float: left;
	}

	h1 span {
		display: none;
	}
	
	h1 a {
		display: block;
		height: 60px;
		width: 350px;
	}
	
	#head-note {
		float: right;
		height: 65px;
		width: 280px;
		padding: 5px 10px;
		margin-top: 13px;
		background: url(img/head-note.png);
	}
	
	#head-note h3 {
		font-size: 16px;
		font-weight: bold;
	}
	
	#head-note p {
		line-height: 20px;
		float: left;
		width: 140px;
	}
	
#menu {
	list-style: none;
	font-size: 16px;
	float: left;
	border-left: 1px solid #011732;
	border-right: 1px solid #224168;
	margin-left: -1px;
}

	#menu li {
		float: left;
	}
	
	#menu a {
		display: block;
		padding: 8px 10px 0 10px;
		height: 32px;
		text-decoration: none;
		color: #fff;
		border-right: 1px solid #011732;
		border-left: 1px solid #224168;
	}
	
		#menu a:hover {
			background: url(img/menu-hover.png) repeat-x;
			border-left: 1px solid #12579d;
		}
		
		#menu li.active a {
			background: url(img/menu-active.png) repeat-x;
			cursor: default;
		}
	
			#menu li.active a:hover {
				border-left: 1px solid #224168;
			}
		
	/* Submenu's */
	ul.submenu {
		position: absolute;
		display: none;
		list-style: none;
		width: 180px;
		font-size: 14px;
		background-color: #001938;
		border-top: 1px solid #fff;
	}
	
	li:hover ul.submenu, li.sfhover ul.submenu {
		display: block;
	}
	
	#menu ul.submenu li {
		float: none;
	}
	
	#menu ul.submenu a {
		height: auto;
		padding: 4px 8px 6px 8px;
		width: 162px;
	}
	
		#menu ul.submenu a:hover {
			background: #004088;
			text-decoration: underline;
		}
			
#body {
	clear: both;
	min-height: 300px;
	background-color: #fff;
	padding-top: 15px;
}

	#body h2 {
		font-size: 21px;
		font-weight: bold;
	}

	#body h3 {
		font-size: 16px;
		font-weight: bold;
	}
	
	#body p {
		line-height: 20px;
	}
	
	#body a {
		color: #0058dd;
	}

		#body a:hover {
			color: #003380;
		}
	
	#body ul, #body ol {
		list-style:inside;
	}

#content {
	padding: 0 0 20px 15px;
	width: 570px;
	float: left;
}

#sidebar {
	padding: 0 0 20px 15px;
	width: 270px;
	margin-left: 600px;
	background: url(img/border-y.png) top left no-repeat;
}

	#sidebar dt {
		float: left;
		width: 150px;
		margin-bottom: 4px;
	}
	
	#sidebar dd {
		float: right;
	}
	
	#sidebar img {
		margin-top: 10px;
	}
	
#footer {
	clear: both;
	padding: 3px 15px 5px 15px;
	background: url(img/border-x.png) top center no-repeat;
	font-size: 12px;
	color: #8f8f8f;
}

	#footer a {
		color: #0058dd;
	}

		#footer a:hover {
			color: #003380;
		}
