@charset "UTF-8";
/* CSS Document */


/*global===================================================*/

	body {
		background-image: url(../images/gradient_02.jpg);
		background-repeat: repeat-x;
		margin: 0;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 70%;
		color: #FFFFFF;
	}

	img, a { border: 0; outline:none}

	#wrapper {
		position: relative;
		background-image: url(../images/back_texture2.png);
		background-repeat: no-repeat;
		margin: 0 auto;
		width: 1024px;
		height: auto;
		min-height: 768px;
		top: 8px;
	}

	#container {
		position: relative;
		background-image: url(../images/hoc_header.png);
		background-repeat: no-repeat;
		margin: 0 auto;
		width: 992px;
		height: auto;
	}

	#content {
		position: relative;
		background-image: url(../images/content_back_2.png);
		background-repeat: repeat-y;
		margin: 0 auto;
		width: 850px;
		height: auto;
		min-height: 500px;
		top: 335px;
		padding-bottom: 1px;
	}

/*nav===================================================*/

	#navContainer {
		position: relative;
		background-image: url(../images/nav_back.jpg);
		background-repeat: repeat-x;
		margin: 0 auto;
		left: -1px;
		width: 818px;
		height: 34px;
		
	}

	.nav, .nav ul {
		padding: 0;
		margin: 0;
		height: 34px;
		list-style: none;
		z-index: 100
	}

	.nav a {
		display: block;
		/*width: 78px;*/
		padding-left:16px;
		padding-right:17px;
		color: #FFFFFF;
		text-decoration:none;
	}

	.nav li {
		float: left;
		/*width: 78px;*/
		height: 34px;
		padding-top: 10px;
		/*padding-left:10px;
		padding-right:10px;*/
		text-align: center;
	}

	.nav li:hover {
		background-image:url(../images/nav_back_roll.jpg);
		background-repeat: repeat-x;
	}

/*content===================================================*/

	#text {
		position: relative;
		margin: 0 auto;
		margin-top: 1px;
		width: 750px;
		height: auto;
		min-height: 450px;
		padding-top: 25px;
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 25px;
		text-align: justify;
		background-image: url(../images/body_tex.jpg);
		background-repeat: no-repeat;
		background-position: top
	}

	h1 {
		text-align: left;
		color: #ED1C24;
		font-family: sans-serif;
		font-size: 32px;
		font-weight: bold;
		margin-bottom: -6px;
	}

	h2 {
		text-align: left;
		font-size: 18px;
		font-style: oblique;
		font-weight: normal;
		text-indent: 30px;
	}

	h3 { color: #ED1C24}
	
	h3 a {text-decoration: underline; color:#ED1C24}
	
	h3 a:hover { color: #FFFFFF}
	
	.headshot {
		border: solid 1px #ED1C24;
		margin-right: 11.45px;
		margin-bottom: 5px;
		margin-top: 20px;
	}
	
	.headshot:hover {
		border: solid 1px #FFFFFF
	}
	
	.personality{
		position: relative;
		float: left;
		margin-top: 10px;
		margin-bottom: 30px;
		border: solid 1px #ED1C24;
	}
	
	#formContainer {
		position: relative;
		float: left;
		width: 350px;
		height: auto;
		padding-bottom: 25px;
	}
	
	.formControl {
		background: none;
		background-image: url(../images/buttons_11.png);
		background-repeat: no-repeat;
		border: none;
		color: #FFFFFF;
		width: 95px;
		height: 35px;
	}
	
	.formControl:hover {
		background-image: url(../images/buttons_12.png);
	}
	
	.formControl:active {
		background-image: url(../images/buttons_13.png);
	}
	
	#rightColumn {
		position: relative;
		float: left;
		width: 750px;
		height: auto;
		padding: 20px;
		padding-top: 30px;
	}

	#footer {
		position: relative;
		margin: 0 auto;
		width: 818px;
		height: 35px;
		background-color: #333333;
		border: solid #000000 1px;
		left: -2px;
		overflow: hidden;
		margin-bottom: 2px;
		margin-top: 15px;
	}