/* 
	CSS Reset
*/	
* {margin: 0px;	padding: 0px;}
a:focus { outline: none; }
html, body { height: 100%; }
ul {list-style: none;}
.alignleft {float: left;}
.alignright {float: right;}

/*  And now the fun stuff */

body {
	font-size: 62.5%; /* resets to 1em */
	font-family: Verdana, Arial, sans-serif; 
	background-color: #bcbec0;
	color: #010101; 	
	background-image: url('../images/body_bg.gif'); /* using an image to force full height white bar */
	background-repeat: repeat-y;
	background-position: 50% 0;
}

#wrapper {
	background-color: white; 
	width: 861px; 
	margin: 0 auto 50px auto
}

#header {
	height: 82px; 
	position: relative; 
}

#content {
  	position: relative;
	margin-bottom: 50px;
}

#masthead {
	position: relative;
	margin-bottom: 35px;
	width: 860px; 
	height: 373px;
}

#mainCol {
	width: 531px; 
	float: right; 
	display: inline;
}

#sideCol_left {
	width: 132px; 
	float: left; 
	display: inline; 
}

#sideCol_right {
	width: 132px; 
	float: right; 
	display: inline; 
	margin-right: 33px;
}

/* ==================================================== Header ======== */

#header h1 a {
	display: block; 
	height: 33px; 
	width: 125px; 
	background-image: url('../images/hcma_sprites.png');
	background-position: 0 -1px;
	text-indent: -9999em;
	position: absolute; 
	left: 0px; 
	top: 25px;	
}

	/* =============================================== Main Nav ======== */
	
	#header #mainNav {
		position: absolute; 
		top: 25px; 
		left: 166px;		
	}
	
	#header #mainNav li {
		float: left;
		margin-right: 15px;
	}
	
	#header #mainNav a { /* these rules are for all 3 nav items */
		text-indent: -9999em; 
		background-image: url('../images/hcma_sprites.png');
		display: block;		
		height: 9px;
		padding: 3px 6px;
	}
	
	#header #mainNav #navAbout a {
		width: 41px;
		background-position: -161px 1px;		
	}
	
	#header #mainNav #navAbout a:hover, 
	#header #mainNav #navAbout.current_page_item a {
		background-position: -161px -31px;		
	}
		
	#header #mainNav #navProjects a {
		width: 61px;
		background-position: -226px 1px;		
	}
	
	#header #mainNav #navProjects a:hover, 
	#header #mainNav #navProjects.current_page_item a {
		background-position: -226px -31px;		
	}	
	
	#header #mainNav #navContact a {
		width: 56px;
		background-position: -310px 1px;		
	}

	#header #mainNav #navContact a:hover, 
	#header #mainNav #navContact.current_page_item a {
		background-position: -310px -31px;		
	}

	/* =============================================== Admin Nav ======== */
	#header #adminNav {
		position: absolute; 
		left: 593px; 
		top: 23px;
	}
	
	#header #adminNav li {
		display: inline;
		margin-left: 10px;
		}

	#header #adminNav a {
		font-size: 0.9em;	
	}

	/* =============================================== Search Bar Nav ================ */
	#searchform #s {
		position: absolute;
		top: 21px; 
		left: 698px;
		font-size: 0.9em;
		color: #6d6e71;
	}
	
	#searchform #s:focus {
		outline: none;
	}
	
	#searchform #searchsubmit {
		position: absolute;
		top: 21px; 
		left: 832px;	
	}
	
	#searchform #s {
		border: 1px solid #d2d3d5;
		width: 128px;
		padding: 3px 3px 0;
		height: 13px;
	}
	
	#searchform label {
		position: absolute;
		top: -9999px;
	}
	
	
/* ==================================================== Mastead Images =========== */

#masthead p.caption {
	font-size: 1.1em; 
	position: absolute; 
	top: 361px; 
	color: #58595b;
	width: 861px; 
	left: 0;
	text-align: right;
}

#masthead p.testimonial {
	font-size: 1.4em;
	line-height: 1.45928571em; /* 20.43 points */
	color: #414042;
	width: 296px;
	margin-top: 30px;
}
#masthead p.testimonial span.author {
  font-size: 0.78571429em; /* 11 points */
}

#masthead span.slice_overlay {
	background: url('../images/slice_overlay.png') no-repeat scroll top left;
	width: 530px;
	height: 75px;
	position: absolute; 
	top: 298px; left: 330px;
	z-index: 100;
}

	/* Contact Map Canvas */
	#map_canvas {
		width:860px; 
		height:373px
	}	

/* ==================================================== Main Content Column ======== */

#content h2 {
	font-weight: bold; 
	font-size: 1.4em;
	text-transform: uppercase;
	margin-bottom: 0.9em;
	letter-spacing: 0.03em;
}

#content h3 {
	font-weight: bold;	
	font-size: 1.2em;	
}

#content h4 {
	text-transform: uppercase; 
	font-weight: normal; 
	font-size: 1.2em;
	margin: 2px 0 13px 0;
}

#content p {
	font-size: 1.2em; 
	line-height: 1.333em; /* sets type to 12 / 16 "pt" */
	margin-bottom: 1.2em; /* = 16 px */	
}

#content ul li {
	font-size: 1.2em;
}

#content #sideCol_right li {
	line-height: 1.1em;
}

#content #sideCol_left ul {
	text-transform: uppercase;
	margin-bottom: 1.2em;
}

#content #sideCol_left li {
	margin-bottom: 0.3em;
}

#content #sideCol_right li {
	margin-bottom: 1em;
}

#content #mainCol span {
	text-transform: uppercase;
}

	/* Search Results Page */
	.search_result p {
		display: inline;
	}

	.search_result {
		margin-bottom: 1.4em;
	}

/* ==================================================== Sitemap ======== */
#sitemap {
	margin-left: 10px;
}


#sitemap li {
	list-style-type: circle;
	margin-bottom: 3px;
}

#sitemap ul li {
	font-size: 1em;
	list-style-type: square;
	margin-left: 15px;
}
	
/* ==================================================== Home ======== */
#homeCol {
	width: 530px;
	position: absolute;
	top: 403px;
	right: 0;
	margin-bottom: 50px;

}

/* ==================================================== Links ======== */

a:link, a:visited, a:active {
	color: #6d6e71;
	text-decoration: none;	
}

a:hover {
	color: #010101;
}

/* remove the border for link images */
a img {border: 0;}



	/* Over states for all navigations */
	li.current_page_item a,
	li.current-cat a, 
	li.current_post a {
		color: #010101;
	}

/* 	Did you hear the one about the king? It ruled... */