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

html, body, #wrap {
	background: url(../HCMS/Graphics/UpperBodyBG.jpg) repeat-x #FC6;
	font-family: georgia, serif;
	height: 100%;
	}

* {margin: 0; padding: 0 ;}

h2 {
	display:block;
	width: auto;
	height:40px;
	background:url(../HCMS/Graphics/H2-BG.gif) no-repeat left center;
	text-indent: 46px;
	padding: 0.5em 0.5em 0.5em 2em;
}
	
ul {
	list-style:none;
	}
	
blockquote {
	background-color:#FC6;
	border:#000;
	padding:40px 40px 40px 40px;
	}
	
body > #wrap {
	margin: 0 auto;
	width:940px;
	height: auto; 
	min-height: 100%;
	}
#header {
	background:url(../HCMS/Graphics/Header.jpg) no-repeat;
	width: 938px;
	height: 259px;
	
	}
	#header .title {
		padding:20px;
	}
	#header .search-float {
		float:right;
		padding:20px;
		
	}
#main {
	padding-bottom: 70px;/* must be same height as the footer */
	}  
	#main a { 
		color:#600;
		text-decoration: none;
		
	}
	#main a:hover { 
		color:#600;
		text-decoration: underline;
	}
	

#footer {
	background: url(../HCMS/Graphics/footerBG.jpg) repeat-x center #600;
	color:#FC6;
	position: relative;
	margin-top: -70px; /* negative value of footer height */
	height: 70px;
	clear:both;
	}
	.footer-inside {
		float: right;
		margin: 0 auto;
		padding: 30px 0px 30px 0px;
		width:938px;
	}
	.footer-inside a {
		padding: 0.5em 0.5em 0.5em 2em;
		color:#FC6;
		text-transform:lowercase;
		text-decoration:none;
	}
	.footer-inside a:hover {
		color:#FC6;
		text-decoration:underline;
	}
	


/*----COLUMNS---*/

#container3 {
	background:url(../HCMS/Graphics/contentBG.jpg) no-repeat #fc6;
    float:left;
    width:100%;
    overflow:visible;
    position:relative;
}
#container2 {
	
    float:left;
    width:100%;
    position:relative;
    right:30%;
}
#container1 {
	
    float:left;
    width:100%;
    position:relative;
    right:40%;
}
#col1-wrap {
    float:left;
    width:26%;
	padding-top: 100px;
	padding-bottom: 75px;
    position:relative;
    left:72%;
    overflow:visible;
}

#col2-wrap {
	
    float:left;
    width:664px;
	padding: 0px 10px 0px 10px;
	position:relative;
    left:70%;
    overflow:visible;
}
#col3-wrap {
    float:left;
    width:26%;
    position:relative;
    left:80%;
    overflow:hidden;
}

.main-content {
	padding-top:60px;
	padding-bottom: 50px;
}

/*--- navigation ----*/

#navcontainer {
	font-family: georgia, serif;
	font-size: 18px;
	text-transform: lowercase;
	}

ul#navlist {
	text-align: left;
	list-style: none;
	}


ul#navlist li a {
	display: block;
	color:#600;
	padding: 0.5em 0.5em 0.5em 2em;
	text-decoration: none;
	}

ul#navlist li a:hover {
	color: #600;
	text-decoration:underline;
	}

/*-------FORM--------*/

legend { 

	margin:0 0 0 0 !important; 

}

input, button, textarea { 

  font-family:inherit; 

  font-size:inherit; 

}

fieldset { 

  border:1px solid #bbb;

  -moz-border-radius:5px;

  -webkit-border-radius:5px;

  border-radius:5px; 

}

input, textarea { 

  background-color: #FF9; 

  border:1px solid #600; 

  -moz-border-radius:5px;

  -webkit-border-radius:5px;

  border-radius:5px; 

  color:#222; 

  padding:0.25em; 

}

textarea { 

	padding:0.75em;

	width:380px !important; 

}

a.button, input.button, button { 

 background-color: #809949; 

  border:1px solid #134871;

  -moz-border-radius:5px;

  -webkit-border-radius:5px;

  border-radius:5px; 

  color: #FFF; 

  cursor:pointer; 

  display:inline-block; 

  font-size:inherit; 

  line-height:1.5; 

  padding:0.16em 0.25em !important; 

}

a.button:focus, a.button:hover, input.button:focus, input.button:hover, button:focus, button:hover { 

  color: #FFF;

}

a.button:active, input.button:active, button:active { 

  background-color:#bbb; 

  color:#222; 

}