@import url('reset.css');

body {
    background: #d8d8d8;
    color: #1b1b1b;
	font: 0.75em/1.5em Arial, Helvetica, sans-serif;
}
a, a:visited {
    color: #8A8A8A
}
a:hover, a:active {
    color: #474747;
}
h1 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 0.5em;
}
h2 {
	font-size: 1.417em;
	margin-bottom: 0.75em;
}
h3 {
	font-size: 1.333em;
	line-height: 1;
	margin-bottom: 1em;
}
h4 {
	font-size: 1.25em;
	line-height: 1.25;
	margin-bottom: 1.25em;
}
h5 {
	font-size: 1.167em;
	font-weight: bold;
	margin-bottom: 1.5em;
}
h6 {
	font-size: 1.083em;
	font-weight: bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
p {
	margin: 0 0 1.5em;
}
li ul, li ol {
	margin: 0 1.5em;
}
ul, ol {
	margin: 0 1.5em 1.5em 1.5em;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

#wrapper {
	background: url("../images/header-pattern.jpg") repeat center;
	background-color: #1d1d1d;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

#header {
	height: 120px;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	width: 940px;
}
	.logo {
		position: relative;
		float: left;
	}
	.logo a {
		display: block;
		height: 33px;
		width: 371px;
		border: none;
	}
	.logo h1 {
		background: url(../images/logo.png) no-repeat;
		height: 33px;
		left: 10px;
		top: 20px;
		margin: 0;
		padding: 0;
		position: absolute;
		text-indent:-999em;
	}
	
	.search {
		position: relative;
		float: right;
		height: 30px;
		margin: 20px 0 0 0;
		overflow: hidden;
		width: 225px;
	}
		.search form #search_input
		{
			background: url(../images/search_form.jpg) no-repeat top left;
			width: 165px;
			height: 23px;
			float: left;
			border: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #414242;
			font-style: italic;
			padding: 7px 10px 0 10px;
		}
		.search form #search_submit
		{
			background:url(../images/search_form.jpg) no-repeat top right;
			width: 40px;
			height: 30px;
			float: left;
			border: 0;
			color: #FFF;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
		}

	
	.navigation {
		position: absolute;
		bottom: 0;
		left: 10px;	
	}
	.navigation ul {
		margin: 0;	
	}
		#top-nav li {
			background: url("../images/trans.png") repeat;
			display: inline;
			float: left;
			font-size: 14px;
			font-weight: bold;
			list-style-type: none;
			margin: 0 10px 0 0;
		}
		#top-nav li a {
			color: #ffffff;
			text-decoration: none;
			padding: 10px 20px;
			line-height: 35px
		}
		#top-nav li a:hover, #top-nav li a:hover.current {
			background: #ffffff;
			color: #4e5054
		}
		ul#top-nav li a.current {
			background: #d8d8d8;
			color: #4e5054
		}

#feature {
	height: 357px;
	margin: 10px auto 0;
	padding: 0 10px;
	position: relative;
	width: 940px;
}
	.slideshow {
		float: left;
		height: 357px;
		overflow: hidden;
		width: 715px;
	}
	
	.feature1, .feature2 {
		background: #ffffff;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		float: right;
		height: 143px;
		margin-left: 10px;
		padding: 15px;
		width: 185px;
	}
	.feature1 {
		margin-bottom: 10px;
	}
	.feature2 form {
		margin: 0;
	}
		.feature2 .input_field {
			clear:both;
			margin: 10px 0;
		}
		.feature2 .input_field label {
			display:block;
			font-size: 14px;
			font-weight: bold;
			float:left;
			padding-bottom: 5px;
			position: relative;
			text-align: left;
		}
		.feature2 .input_field select {
			display:block;
			float:left;
			margin-bottom: 10px;
			position: relative;
		}
		.feature2 .input {
			border: 1px solid #E8E7DF;
			padding: 3px;
		}
		.feature2 .input:focus {
			border-color: #D1D0C9;
		}
		.feature2 .selectfield {
			width: 165px;
		}

#content {
	margin: 10px auto 0;
	padding: 0 10px;
	position: relative;
	width: 940px;
}
	#content .full {
        width: 910px;
    }
	
	#content .medium {
		margin-right: 5px;
		width: 685px;
    }
	
	#content .small {
		margin-left: 5px;
		width: 185px;
    }

	#content .col {
		background: #ffffff;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		margin-bottom: 10px;
		padding: 15px;
	}
	#content form {
		margin: 10px 0;
	}
		#content .input_field, .radio_field, .checkbox_field {
			clear:both;
			margin: 0;
		}
		#content .input_field label, .radio_field label, .checkbox_field label {
			display:block;
			text-align:right;
			width:110px;
			float:left;
			position: relative;
			top:6px;
			padding-right: 6px;
		}
		#content .radio_field input, .checkbox_field input {
			margin-top: 8px;
		}

		#content .form_block {
			float: left;
			position: relative;
			width: 80%
		}

		#content .input {
			border: 1px solid #d8d8d8;
			padding: 3px;
		}
		#content .input:focus {
			border-color: #959595;
		}
		
		#content .submit {
			margin: 10px 0 0;
		}

		#content .smallfield {
			width: 100px;
		}
		#content .mediumfield {
			width: 200px;
		}
		#content .bigfield {
			width: 400px;
		}
		#content .selectfield {
			width: 418px;
		}
		#content .textarea {
			font-family: "Helvetica", Arial, sans-serif;
			height: 150px;
			width: 400px;
		}
		#content .choice_text {
			margin: 0 20px 0 5px;
		}
		
		#content form#case-info label {.
			display: none;
			margin: 0;
			padding: 0;
			visibility: hidden;
			width: 0;
		}

#footer {
	margin: 10px auto 0;
	padding: 0 10px;
	position: relative;
	width: 940px;
}
	#footer .full {
        width: 910px;
    }

	#footer .col {
		background: #f3f3f3;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		margin-bottom: 10px;
		padding: 15px;
	}
	
	#footer .copyright {
		color: #949494;
		font-size: 10px;
		padding: 20px 0 0;
		text-align: right;
		text-transform: lowercase;
        width: 940px;
    }