/*************************** Elements ************************************/
body {
	margin: 0px 0px 50px 0px;
	padding: 0px;
	
	background-color: #736646;

	font-family: Times, "Times New Roman", Georgia;
	font-size: 12px;
	line-height: 20px;
	color: #83754F;
	
}


p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}


sup {
	font-size: 10px;
}

img {
	border: 0px;
}

.indent {
	margin-left: 20px;
}

hr {
	border: 0px;
	height: 1px;
	background-color: #ccc;
}



/**************** Form Elements ****************/
label {
	padding-right: 10px;
	display: block;
}

	label.error {
		color: #c00;
		font-size: 10px;
		line-height: 10px;
	}
	
input.border {
	width: 200px;
	color: #666;
	border: 1px solid #ccc;
}
	input.state {
		width: 30px;
	}
	input.zip {
		width: 160px;
	}
textarea {
	width: 200px;
	color: #666;
	border: 1px solid #ccc;
}

div.twocol_form {
	position: relative;
	overflow-y: auto;
	width: 650px;
}
div.twocol {
	position: relative;
	overflow-y: auto;
	display: block;
	float: left;
	margin: 0px 20px 0px 0px;
	width: 300px;
}
fieldset {
	padding: 10px 20px 20px 20px;
	border: 1px solid #ccc;
}
legend {
	color: #83754F;
}

/*************************** Text and Headers ************************************/

.t2 {
	font-size: 10px;
	line-height: 12px;
}



h1 {
	margin: 5px 0px 20px 0px;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 4px;
	color: #83754F;
}


h2 {
	margin: 5px 0px 5px 0px;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 2px;
	color: #83754F;
}

h3 {
	margin: 5px 0px 2px 0px;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #554632;
}



/*************************** colors ********************************/
.red {
	color: #DD211A;
}



/*************************** links ************************************/
a {
	color: #DD211A;
}

a:hover {
	color: #BABABA;
}





/*************************** Common Elements *************************/









/*************************** Layout Components ************************************/
#shell1 {
	position: relative;
	width: 800px;

	margin: 0px auto auto auto;
	padding: 0px;
}

#shell2 {
	position: relative;
	overflow-y: auto;
	
	width: 730px;
	margin: 0px;
	padding: 20px 30px 30px 30px;

	background-color: #e2f4f4;
}
	
	#top {
		height: 145px;
	}
	
	#content {
		position: relative;
		overflow-y: auto;

		width: 660px;
		min-height: 300px;
		padding: 30px 35px 30px 35px;
		background-color: #fff;
	}

	#bottomLinks {
		background-color: #f3f3e1;
		padding: 17px;
		text-align: center;
	}
		#bottomLinks a {
			margin: 0px 7px 0px 7px;
		}


#footer {
	position: relative;
	margin: 5px 0px 0px 0px;
	width: 800px;
	text-align: left;
	
	font-size: 9px;
	color: #c8c8a5;
}

	#footer img.designby {
		float: left;
	}





/****************** Main Navigation *************************/
#nav {
	display: block;
	position: relative;
	height: 23px;
}

	#nav ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}

	#nav ul li {
		float: left;
		margin: 0px;
		padding: 0px;

		height: 23px;
	}


	#nav ul li a {
		display: block;
		margin: 0px 40px 0px 15px;
		padding: 5px;

		font-size: 13px;
		line-height: 13px;
		color: #8D4512;
		text-decoration: none;
		font-variant: small-caps;
		letter-spacing: 4px;
	}

	#nav ul li.hover a,
	#nav ul li.active a,
	#nav ul li a:hover {
		color: #000;
	}


		#nav ul li ul {
			position: static;
			list-style-type: none;
			margin: 0px;
			padding: 0px;
			
			list-style-type: none;
			border: 1px solid #ffffff;
			border-top-width: 0px;
			background-color: #E5F3F3;
		}

		#nav ul li ul li {
			display: block;
			float: none;

			margin: 0px;
			padding: 0px;

			/* This prevents extra whitespace in IE */
			font-size: 0px;
			line-height: 0px;

			height: auto;

			border: 0px;
			background-image: url("../images/dotline.gif");
			background-position: bottom;
			background-repeat: no-repeat;
		}
		#nav ul li ul li.last {
			background-image: none;
		}

		#nav ul li.hover ul li a,
		#nav ul li.active ul li a,
		#nav ul li ul li a {
			display: block;
			margin: 0px 0px 0px 0px;
			padding: 7px 20px 10px 20px;
		
			font-size: 11px;
			line-height: 11px;
			color: #746747;
			text-decoration: none;
			font-variant: normal;
		}

		#nav ul li ul li.hover a,
		#nav ul li ul li.active a,
		#nav ul li ul li a:hover {
			color: #BABABA;
		}
