/*
	Example.com Stylesheet
*/

/*		Common	*/

html, body {
	margin: 0;
	padding: 0;
}

.hidden {
	display: none;
}

/*		Typography	*/
body {
	font-size:62.5%;
	font-family: "Lucida Grande", Trebuchet, Arial, Verdana, sans-serif;
	color: #555555;
}
h1 {
	display: block;
	width: 209px;
	height: 44px;
	margin: 15px 0 0 5px;
	padding: 0;
	background: #fff url('../pics/lyb_logo.gif') no-repeat top left;  /* leif */
}

	h1 span {
		display: none;
	}

h2 {
	margin: 15px;
	padding: 0;
	font-size: 1.6em;
	font-weight: bold;
	color: #333333;
	background: transparent;
}

h3 {
	margin: 0 15px 15px 15px;
	padding: 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #333333;
	background: transparent;
}

p {
	margin: 0 15px 15px 15px;
	padding: 0;
	font-size: 1.2em;
}

/*		Layout Elements		*/
/*          Leif
body {
	background: #fff url('../pics/bg_main_gradient.gif') repeat-x top left;
}
*/
div#container {
	position: relative;
	width: 715px;
	margin: 0 auto 0 auto;
	padding: 0;
}

	ul#navigation {
		float: left;
		display: inline;
		width: 705px;
		list-style: none;
		margin: 6px 5px 0 5px;
		padding: 0;
		background: #565656 url('../pics/bg_navigation.gif') repeat-x top left;
	}

		ul#navigation li {
			float: left;
			width: 100px;
			margin: 0;
			padding: 0;
		}
		
		ul#navigation a {
			display: block;
			height: 20px;
			margin: 0;
			padding: 8px 8px 0 8px;
			font-size: 1.1em;
			color: #fff;
			text-decoration: none;
			text-align: center;
		}
		
			ul#navigation a:hover {
				font-weight: bold;
				background: #565656 url('../pics/bg_navigation.gif') repeat-x 0px -30px;
			}
		
		ul#navigation .active {
			background: #44567a url('../pics/bg_navigation_active.gif') repeat-x top left;
		}
		
			ul#navigation .active:hover {
				background: #44567a url('../pics/bg_navigation_active.gif') repeat-x top left;
			}

	div#content {
		float: left;
		width: 705px;
		margin: 0;
		padding: 0 5px 0 5px;
		background: #fff url('../pics/bg_main_shadow.gif') no-repeat top left;
	}

		div#content div#header {
			width: 705px;
			height: 140px;
			margin: 1px 0 0 0;
			padding: 0;
			/* leif
			background: #fff url('../pics/gfx_header.jpg') no-repeat top left;*/
			background: #fff url(none) no-repeat top left;
		}
		
		div#content div#header2 {
			width: 705px;
			height: 70px;
			margin: 1px 0 0 0;
			padding: 0;
			background: #fff url('../pics/bg_header2.jpg') repeat-x top left;
		}
		
			div#content div#header2 form {
				height: 55px;
				margin: 0;
				padding: 15px 0 0 10px;
				background: transparent url('../pics/gfx_header2.jpg') no-repeat top right;
			}
			
				div#content div#header2 form label {
					display: block;
					margin: 0;
					padding: 0;
					color: #fff;
				}
				
		div#content div#header3 {
			width: 705px;
			height: 70px;
			margin: 1px 0 0 0;
			padding: 0;
			background: #080800 url('../pics/gfx_header3.jpg') no-repeat top right;
		}

		div#content div#header4 {
			width: 705px;
			height: 70px;
			margin: 1px 0 0 0;
			padding: 0;
			background: #080800 url('../pics/bg_header4.jpg') repeat-x top right;
		}

			div#content div#header4 form {
				height: 55px;
				margin: 0;
				padding: 15px 0 0 10px;
				background: transparent url('../pics/gfx_header4.jpg') no-repeat top right;
			}
			
				div#content div#header4 form label {
					display: block;
					margin: 0;
					padding: 0;
					color: #fff;
				}

		div#content p.alert {
			display: none;
		}

		div#content ol.styled {
			margin: 0 15px 0 15px;
			padding: 0;
			list-style-type: none;
		}

		div#leftColumn {
			float: left;
			width: 503px;
		}

		div#rightColumn {
			float: left;
			width: 200px;		
			margin: 0;
			padding: 15px 0 0 0;
			border-left: 1px solid #e5e5e5;
			border-bottom: 1px solid #e5e5e5;
			border-right: 1px solid #e5e5e5;
		}
		
			div#content ol.styled p {
				margin: 0;
				padding: 1em 0 1em 0;
				font-size: 1.2em;
			}
	
			div#content ol.styled li.step1 {
				margin: 0;
				padding: 0 0 0 15px;
				background: #fff url('../pics/gfx_list_item1.gif') no-repeat 0 3px;
			}

				div#content ol.styled li.step1 h3 {
					margin: 0;
					padding: 0;
					font-size: 1.2em;
					font-weight: normal;
					text-transform: uppercase;
					color: #2891af;
				}

			div#content ol.styled li.step2 {
				margin: 0;
				padding: 0 0 0 15px;
				background: #fff url('../pics/gfx_list_item2.gif') no-repeat 0 3px;
			}

				div#content ol.styled li.step2 h3 {
					margin: 0;
					padding: 0;
					font-size: 1.2em;
					font-weight: normal;
					text-transform: uppercase;
					color: #94af28;
				}

			div#content ol.styled li.step3 {
				margin: 0;
				padding: 0 0 0 15px;
				background: #fff url('../pics/gfx_list_item3.gif') no-repeat 0 3px;
			}

				div#content ol.styled li.step3 h3 {
					margin: 0;
					padding: 0;
					font-size: 1.2em;
					font-weight: normal;
					text-transform: uppercase;
					color: #af4528;
				}
		
		div#content ul {
			margin: 0 15px 15px 30px;
			padding: 0;
			font-size: 1.2em;
			font-weight: normal;
		}
		
			div#content ul li {
				margin: 0 0 10px 0;
				padding: 0;
			}

		div#content div#footer {
			float: left;
			clear: both;
			width: 690px;
			margin: 15px 0 0 0;
			padding: 15px 15px 15px 0;
			background: #fff url('../pics/bg_footer.gif') repeat top left;
			text-align: right;
		}
		
		div#content div#footer span {
			font-size: 1em;
			color: #a9b4cb;
			display: block;
		}
		
		div#content div#footer a {
			font-size: 1em;
			color: #a9b4cb;
			text-decoration: none;
		}
	
	div#content table {
		margin: 0 15px 15px 15px;
		padding: 0;
		border: 1px solid #999999;
		color: #888888;
	}
	
		div#content caption {
			margin: 0 0 5px 0;
			padding: 0;
		}
	
		div#content th {
			margin: 0;
			padding: 0.5em;
			background: #e3f3a2;
		}
	
		div#content td {
			margin: 0;
			padding: 0.5em;
		}
	
		div#content tr.alt {
			background: #e4efff;
		}
	
	div#content form.styled {
		margin: 0 15px 15px 15px;
		padding: 0;
		width: 300px;
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		border-left: 0;
		border-right: 0;
		background: #fff url('../pics/bg_form.png') repeat-x bottom left;
	}
	
		div#content form.styled em {
			color: red;
		}
	
		div#content form.styled fieldset {
			margin: 0;
			padding: 0;
			border: 0;
		}
	
			div#content form.styled fieldset fieldset {
				border: none;
				margin: 0 0 10px 0;
				padding: 0;
			}
			
			div#content form.styled fieldset label {
				display: inline;
				vertical-align: top;
				line-height: 2;
			}

			div#content form.styled fieldset legend {
				margin: 0;
				padding: 5px 10px;
				font-size: 1.2em;
				font-weight: bold;
				color: #000;
			}
		
				div#content form.styled fieldset fieldset legend {
					padding: 5px 0;
				}
		
			div#content form.styled fieldset ol {
				margin: 0;
				padding: 5px 10px;
			}
		
				div#content form.styled fieldset li {
					margin: 5px 0;
					padding: 0;
					list-style: none;
				}
				
			div#content form.styled input {
				font-family: "Lucida Grande", Trebuchet, Arial, Verdana, sans-serif;
				font-size: 1.2em;
				color: #000;
				border: 1px solid #cacaca;
				background: #fff url('../pics/bg_input.gif') repeat-x top left;
			}

				div#content form.styled input.error {
					background: #fff url('../pics/bg_input_error.gif') repeat-x top left;
				}
		
		div#content form.styled p {
			margin: 5px 10px;
			padding: 0;
		}