/*

==========================================================================================

MAIN CSS

Author:   Andy Lambert

Version:  May 1, 2007

========================================================================================== */



/* ====[YUI Reset]========================================================================

Resets most default styling in all browsers to a more common ground.

========================================================================================== */

	html, body, pre, p, blockquote, div, ul, ol, li, dl, dd, dt, input, fieldset, form, h1, h2, h3, h4, h5, h6, img, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
	font-size:100%;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
q:before, q:after {
	content:'';
}

.join {margin-top:2px !important;}

/* ====[Base Styles]======================================================================

There styles are non-limited; they apply themselves to all instances of their 

elements on a page.

========================================================================================== */

html, body {
	background:#333;
}
body {
	font:normal 62.5% arial, helvetica, sans-serif; /* font sizing in ems, baby. if you want to change anything, just change this.*/
	color:#000;
}
h2, h3 {
	font:bold 1.6em "Palatino Linotype", "Times New Roman", Times, serif;
	color:#333;
	margin:1em 0;
	padding:0;
	clear:both;
}
p {
	font:normal 1.2em Arial, Helvetica, sans-serif;
	color:#333;
	margin:0 0 1.2em;
	padding:0;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
a, a:link {
	color:#7c1c1d;
}
a:visited {
	color:#A60002;
}
a:hover, a:active {
	color:#7c1c1d;
}
.description {
	font:bold 1.2em "Palatino Linotype", "Times New Roman", Times, serif;
	color:#333;
}
.section-marker {
	background: #fff url(../media/top_symbol_r2_c3.gif) no-repeat 0 0
}
.anchor {
	float:left;
}
.content-section {
	padding-bottom:31px;
	background: #fff url(../media/hepfer_icon.gif) no-repeat 0 100%;
}
/* =[LAYOUT]

========================================================================================== */



.layout-container:after {
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
}
.layout-container {
	border:1px solid #333;
	padding:0;
	margin:0;
	display:block;
	position:relative;
	background:#fff url(../media/local_nav_background.gif) no-repeat 0 100%;
}
#body-container {
	background:#fff;
	width:72em;
	margin:3.6em auto;
	padding:1.7em 3.6em 3.6em;
	background: #fff url(../media/top_symbol_r2_c3.gif) no-repeat 70.4em 1.3em;
}
#main-content-container {
	background:#fff;
	width:67.8em;
	margin:0;
	padding:0 0.7em 0.7em 0.6em;
	border:1.4em solid #666;
}
#crown {
	background-color:#fff;
	margin:0;
	padding:6px 0 0;
	border-top:1px solid #333;
}
#column-1 {
	float: left;
	width: 16.2em;
	height:57em;
	border-right:0.1em solid #333;
	margin:0;
	padding:0;
	position:relative;
}
#column-1 img {
	/*width: 13.5em;*/

	/*height:19.7em;*/

	margin:1.5em 0 0;
	padding:0;
}
#column-1 h2 {
	padding-left:0.2em;
}
#column-1 .description {
	padding-left:0.2em;
}
#column-1 .contact-instructions {
	position:absolute;
	bottom:0;
	padding-left:0.2em;
}
#column-2 {
	float: left;
	width: 49.7em;
	height:57em;
	overflow:auto;
	margin:0 0.5em 0 1em;
	padding:0;
}
#column-2 p, #column-2 ol, #column-2 ul {
	font:normal 1.2em Arial, Helvetica, sans-serif;
	color:#333;
	margin:0 0 1.2em;
	padding:0;
}
#column-2 ol li, #column-2 ul li {
	list-style:decimal;
	margin:0 0 0.5em 2em;
}
#column-2 ul li {
	list-style:none;
}
#column-2 .contact-instructions {
	clear:both;
}
#column-2 a strong {
	font:bold 1.2em "Palatino Linotype", "Times New Roman", Times, serif;
	text-decoration:underline;
	display:block;
}
#column-2 .disclaimer {
	font:normal 1em Arial, Helvetica, sans-serif;
}
#column-2 .office-address {
	float:left;
	list-style:none;
	margin:0 0 1.2em;
	padding:0;
	width:15em;
}
#column-2 .office-address li {
	margin:0;
	padding:0;
	letter-spacing:normal;
}
#column-2 .map-links li {
	list-style:none;
	margin-left:0;
}
#column-2 ul.bulleted-list li {
	list-style:disc
}
.layout-1, .layout-2 {
	position:relative;
	z-index:1;
}
.layout-1 h1 a span, .layout-2 h1 a span {
	display:block;
	text-indent:-5000px;
	background:#fff url(../media/hepfer_logo.gif) no-repeat 0 100%;
	width:42em;
	height:2.5em;
	margin:0 0 -3px;
	padding:0;
	position:relative;
	z-index:2;
}
.layout-1 #column-2 {
	margin:0 0 0 16.2em;
	padding:0 0 0 1.5em;
	border-left:0.1em solid #333;
}
/* =[NAV]

========================================================================================== */	

#nav {
	list-style:none;
	margin:0.1em 0 0;
	padding:0;
	width:67.8em;
	overflow:hidden;
	white-space:nowrap;
	background-color:#999;
}
#nav:after {
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
}
#nav li {
	float:left;
	width:11em;
	padding:0;
	margin:0 0.2em 0 -0.2em;
	border-left:0.2em solid #fff;
	overflow:hidden;
}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font:bold 1.2em "Palatino Linotype", "Times New Roman", Times, serif;
	letter-spacing:0.05em;
	color:#fff;
	text-align:center;
	text-decoration:none;
	display:block;
	width:100%;
	padding:0.3em 0 0.3em;
	margin:0;
}
#nav a:hover {
	background-color:#7c1c1d;
}
/* =[LOCAL-NAV]

========================================================================================== */	

#local-nav {
	padding:30em 0 0 0;
	margin:0;
	position:absolute;
	bottom:0;
	width: 16.2em;
}
#local-nav li {
	margin:0;
	padding:0;
}
 div[class^="layout-container"] #column-1 #local-nav {
 width: 16.2em;
}
#local-nav a, #local-nav a:link, #local-nav a:visited, #local-nav a:hover, #local-nav a:active {
	font:bold 1.2em "Palatino Linotype", "Times New Roman", Times, serif;
	letter-spacing:0.05em;
	color:#fff;
	background-color:#999;
	border-top:1px solid #fff;
	text-decoration:none;
	display:block;
	height:100%;
	padding:1em 0.2em;
	margin:0;
}
a.active,  #local-nav a.active,  #local-nav a.active:link,  #local-nav a.active:visited,  #local-nav a.active:hover,  #local-nav a.active:active,  #local-nav a:hover {
	background-color:#7c1c1d;
}
/* =[FOOTER]

========================================================================================== */



#footer ul:after {
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
}
#footer {
	font:normal 1.2em "Palatino Linotype", "Times New Roman", Times, serif;
	margin:0 auto;
	text-align:center;
}
#footer ul {
	width:59.3em;
	overflow:hidden;
	margin-top:5px;
	text-align:center;
}
#footer li {
	font:normal 1em "Palatino Linotype", "Times New Roman", Times, serif;
	white-space:nowrap;
	background:transparent url(../media/footer_bullet.gif) no-repeat 100% 55%;
	float:left;
	text-align:center;
	margin:0 7px 0 0;
	padding:0 11px 0 0;
}
#footer .org, #footer .work {
	background:none;
	float:left;
	text-indent:-5000px;
	text-align:left;
}
#footer .fax {
	background:none;
	padding:0;
}
/* =[HOME]

========================================================================================== */

#home #body-container {
	padding:4.3em 3.6em 3.6em;
	background: #fff url(../media/top_symbol_r2_c3.gif) no-repeat 50% 1.7em;
}
#home #main-content-container {
	background:url(../media/home_background_small.jpg) no-repeat 50% 454px;
}
#home #crown {
	margin:0;
	padding:.8em 0 0;
	border-top:1px solid #333;
}
#home h1 {
	text-indent:-5000px;
	background:url(../media/home_logo_horizontal.gif) no-repeat 50% 0;
	height:45px;
	margin-top:10px;
}

#home p.introduction {
	margin:5px 30px 15px 30px;
	font-size:1.25em;	
}

#home-boxes:after {
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
}
#home-boxes {
	display:block;
	margin:7px auto 5px;
	width:47.4em;
}
#home-boxes li {
	width:15.1em;
	height:15.1em;
	float:left;
	margin:0 7px 7px 0;
}
#home-boxes a {
	display:block;
	width:15.1em;
	height:15.1em;
	text-decoration:none;
	text-indent:-5000px;
}
.box-marquee-1 {
	background:url(../media/home_box_active_r4_c3.gif) no-repeat 0 0;
}
a.box-link-1 {
	background:url(../media/home_box_inactive_r4_c3.gif) no-repeat 0 0;
}
a.box-link-1:hover {
	background:none;
}
.box-marquee-2 {
	background:url(../media/home_box_active_r4_c5.gif) no-repeat 0 0;
}
a.box-link-2 {
	background:url(../media/home_box_inactive_r4_c5.gif) no-repeat 0 0;
}
a.box-link-2:hover {
	background:none;
}
.box-marquee-3 {
	background:url(../media/home_box_active_r4_c7.gif) no-repeat 0 0;
}
a.box-link-3 {
	background:url(../media/home_box_inactive_r4_c7.gif) no-repeat 0 0;
}
a.box-link-3:hover {
	background:none;
}
.box-marquee-4 {
	background:url(../media/home_box_active_r6_c3.gif) no-repeat 0 0;
}
a.box-link-4 {
	background:url(../media/home_box_inactive_r6_c3.gif) no-repeat 0 0;
}
a.box-link-4:hover {
	background:none;
}
.box-marquee-5 {
	background:url(../media/home_box_active_r6_c5.gif) no-repeat 0 0;
}
a.box-link-5 {
	background:url(../media/home_box_inactive_r6_c5.gif) no-repeat 0 0;
}
a.box-link-5:hover {
	background:none;
}
.box-marquee-6 {
	background:url(../media/home_box_active_r6_c7.gif) no-repeat 0 0;
}
a.box-link-6 {
	background:url(../media/home_box_inactive_r6_c7.gif) no-repeat 0 0;
}
a.box-link-6:hover {
	background:none;
}