@import url("reset.css");

body {
	font-size: 13px;
	font-family: Arial, Sans-Serif;
	background: #eee8de;
	color: #333333;
	text-align: left; }

div.clear {
	clear: left; }

div#page { }


/* header */
div#header-wrap {
	height: 60px;
	background: #ffffff; }

	div#header {
		margin: 0 auto;
		width: 960px; }

		div#header a.logo {
			width: 160px;
			height: 60px;
			float: left;
			display: block;
			background: url('../images/layout/vldpersonals-logo.gif') no-repeat 0 50%;
			text-decoration: none; }

			div#header a.logo:hover {
				text-decoration: none; }

			div#header a.logo span {
				display: none; }

		div#header ul {
			padding-top: 17px;
			float: right; }

			div#header ul li {
				padding-left: 1px;
				float: left;
				position: relative; }

				div#header ul li a.o {
					color: #7f0000;
					display: block;
					float: left;
					font-family: Arial, Sans-Serif;
					font-size: 13px;
					height: 26px;
					line-height: 26px;
					text-decoration: none; }

					div#header ul li a.o span {
						padding: 0 9px;
						display: block; }

					div#header ul li.shover a.o,
					div#header ul li a.o:hover {
						color: #ffffff;
						background: url('../images/layout/headnav-item-left.png') no-repeat;
						text-decoration: none; }

						div#header ul li.shover a.o span,
						div#header ul li a.o:hover span {
							background: url('../images/layout/headnav-item-right.png') no-repeat 100% 0; }

				div#header ul li div.list {
					position: absolute;
					top: -999px;
					left: 0px;
					z-index: 99999;
					padding-bottom: 4px;
					background: url('../images/layout/headnav-list-bottom.png') no-repeat 0 100%;
					display: none; }

					div#header ul li:hover div.list,
					div#header ul li.shover div.list {
						top: 26px;
						left: 0px;
						display: block; }

				div#header ul li div.list ul {
					width: 121px;
					background: url('../images/layout/headnav-list-top.png') no-repeat;
					padding: 4px 0 0 0;
					float: none; }

					div#header ul li div.list ul li {
						padding: 0 0 0 2px;
						height: 20px;
						float: none; }

						div#header ul li div.list ul li a {
							padding-left: 10px;
							height: 20px;
							display: block;
							float: none;
							font: 11px/20px Tahoma, Arial, Sans-Serif;
							color: #333333;
							text-decoration: none;
		                    white-space: nowrap; }

							div#header ul li div.list ul li a:hover {
								color: #7f0000;
								text-decoration: none; }


/* headline */
div#headline-wrap {
	height: 70px;
	background: #aa1211 url('../images/layout/headline-bg.gif') repeat-x; }

	div#headline {
		margin: 0 auto;
		height: 70px;
		width: 960px;
		background: url('../images/layout/headline.jpg') no-repeat; }

		div#headline h1 {
			font-family: "Myriad Pro", "Trebuchet MS", Tahoma, Arial, Sans-Serif;
			font-size: 26px;
			line-height: 70px;
			color: #ffffff; }

			div#headline h2 {
				font-family: Arial, Sans-Serif;
				font-size: 18px;
				line-height: 70px;
				color: #ffffff; }


/* footer */
div#footer-wrap {
	background: #3f3f3f;
	height: 50px; }

	div#footer {
		margin: 0 auto;
		width: 960px; }

		div#footer p {
			font-size: 11px;
			line-height: 50px;
			color: #ffffff; }

			div#footer p.left {
				float: left; }

			div#footer p.right {
				float: right; }

			div#footer p a {
				text-decoration: none;
				color: #ffffff; }

				div#footer p a:hover {
					text-decoration: underline; }


/* sidebar */
div#sidebar {
	padding: 15px 0px 15px 15px;
	float: left;
	width: 185px; }

	div#sidebar ul {
		padding-bottom: 10px; }

		div#sidebar ul li h2 {
			padding-bottom: 5px;
			font-size: 13px;
			font-weight: bold;
			border-bottom: 1px solid #cccccc; }

		div#sidebar ul li ul { }

			div#sidebar ul li ul.nav li {
				height: 28px;
				line-height: 28px;
				background: url('../images/sidebar/nav-hr.gif') repeat-x 0 100%; }

				div#sidebar ul li ul.nav li a {
					padding-left: 25px;
					display: block;
					color: #666666;
					font-size: 13px;
					line-height: 28px;
					background: url('../images/sidebar/nav-bullet.gif') no-repeat 8px 50%;
					text-decoration: none; }

					div#sidebar ul li ul.nav li a:hover {
						text-decoration: underline; }

div#sidebar div.fancy {
	padding-bottom: 10px; }

	div#sidebar div.fancy h2 {
		padding-bottom: 5px;
		font-weight: bold; }

		div#sidebar div.fancy-red h2 {
			border-bottom: 1px solid #fd755d; }

		div#sidebar div.fancy-green h2 {
			border-bottom: 1px solid #86d054; }

		div#sidebar div.fancy-orange h2 {
			border-bottom: 1px solid #edab88; }

	div#sidebar div.fancy ul {
		padding: 5px 0 5px 8px; }

	div#sidebar div.fancy-red ul {
		background: #ffeeee; }

	div#sidebar div.fancy-green ul {
		background: #f0fbed; }

	div#sidebar div.fancy-orange ul {
		background: #FFF6EB; }

		div#sidebar div.fancy ul li {
			padding-left: 20px;
			list-style-type: none;
			background: url('../images/sidebar/fancy-bullet.png') no-repeat 0 50%;
			font-size: 12px;
			line-height: 20px; }


/* container */
div#container {
	margin: 0 auto;
	width: 960px;
	background: #ffffff; }

	div#content {
		padding: 15px;
		float: left;
		width: 930px; }

		div#container div.content-narrow {
			width: 730px; }