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

	T E M P L A T E :   C O R E   T E M P L A T E
	
============================================== =CORE TEMPLATE */


/* ===============================================================
	I M P O R T 	
============================================== =ADDITIONAL STYLE SHEETS */
/*  @import url('thc-layout.css'); */
/* */ @import url('thc-typography.css');
/* */ @import url('thc-color.css');
/* */ @import url('thc-modules.css');
/* */ @import url('thc-spotlight.css');
/* */ @import url('thc-templatecontent.css');
/* */ @import url('thc-forms.css');


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

	C O R E   S T Y L E
	
============================================== =CORE STYLE */

/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	line-height: 150%;
}

body#bd {}

/* Body: div layout variations
--------------------------------------------------------- */
body#bd, body#bd-fr {}

body#bd-f, body#bd-fl {}

body#bd-ff {}

/* --------------------------------------------------------- */

body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
}

/* Font Sizes
--------------------------------------------------------- */
body.fs1 {
	/* 10px */
	font-size: 62.5%;
}

body.fs2{
	/* 11px */
	font-size: 69%;
}

body.fs3{
	/* 12px */
	font-size: 75%;
}

body.fs4{
	/* 13px */
	font-size: 81.5%;
}

body.fs5{
	/* 14px */
	font-size: 88.5%;
}

body.fs6{
	/* 15px */
	font-size: 94.5%;
}

body.fs7{
	/* 16px */
	font-size: 100%;
}


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

	C O R E   L A Y O U T     S T R U C T U R E
	
============================================== =CORE LAYOUT STRUCTURE */

/* CORE LAYOUT ELEMENTS
--------------------------------------------------------- */

#hc-wrapper {
	width: 100%;
	margin: 0;
}

/* CONTAINERS
--------------------------------------------------------- */
#hc-containerwrap {}

#hc-containerwrap2 {}

#hc-container {}

#hc-container2 {
	padding: 20px 0;
}

/* Full
--------------------------------------------------------- */
#hc-containerwrap-f {}

#hc-containerwrap-f #hc-containerwrap2 {
	background: none;
}

#hc-containerwrap-f #hc-container,
#hc-containerwrap-f #hc-container2 {
	background: none;
}

/* Full left
--------------------------------------------------------- */
#hc-containerwrap-fl {}

#hc-containerwrap-fl #hc-containerwrap2,
#hc-containerwrap-fl #hc-container,
#hc-containerwrap-fl #hc-container2 {
	background: none;
}

/* Full right
--------------------------------------------------------- */
#hc-containerwrap-fr {}

#hc-containerwrap-fr #hc-containerwrap2 {}

/* Front Page
--------------------------------------------------------- */
#hc-containerwrap-ff {}

#hc-containerwrap-ff #hc-containerwrap2 {}

#hc-containerwrap-ff #hc-container,
#hc-containerwrap-ff #hc-container2 {}


/* MAIN BODY
--------------------------------------------------------- */
#hc-mainbody-fr #hc-col1 {
	width: 20%;
}

#hc-mainbody-fr #hc-contentwrap {
	width: 80%;
}

#hc-mainbody, #hc-mainbody-fl {
	float: left;
	width: 80%;
}

#hc-mainbody #hc-contentwrap {
	float: right;
	width: 75%;
}

#hc-mainbody-fl #hc-contentwrap {
	float: left;
	width: 100%;
}

#hc-mainbody-f, #hc-mainbody-fr {
	float: none;
	width: 100%;
}

#hc-mainbody-fr #hc-contentwrap {
	width: 74.8%;
	float: right;
}

#hc-mainbody-fr #hc-col1 {
	width: 20%;
	float: left;
}

#hc-mainbody-fr #hc-contentwrap {
	width: 80%;
}

#hc-content {
	padding: 0 20px 0 40px;
}
#hc-contentwrap {
	min-height: 300px;
	height: auto;
}
* html #hc-contentwrap {
	height: 300px;
}
#hc-mainbody-fl #hc-content {
	padding-left: 0;
}

#hc-mainbody-f #hc-content {
	padding: 0;
}




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

	L E F T     +     R I G H T     C O L U M N S
	
============================================== =LEFT + RIGHT COLUMNS */
/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#hc-col1 {
	float: left;
	width: 24.99%;
	padding-top: 10px;
	overflow: hidden;
}

#hc-col2 {
	float: right;
	width: 20%;
	overflow: hidden;
}

#hc-col1 table,
#hc-col2 table {
	border-collapse: collapse;
	border-spacing: 0;
}

#hc-col1 ul li,
#hc-col2 ul li {
	padding-left: 15px;
	margin: 0;
	background: url(../images/bullet-menu.gif) no-repeat 5px 50%;
}

#hc-col1 ul, #hc-col2 ul {
	margin: 0;
}

#hc-col1 ol, #hc-col2 ol {
	margin-left: 5px;
}

#hc-col1 .article_separator,
#hc-col2 .article_separator {
	display: none;
}





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

	M A I N     N A V I G A T I O N
	
============================================== =MAIN NAVIGATION */
/* MAIN NAVIGATION
--------------------------------------------------------- */
/*
#hc-mainnavwrap {
	border-top: 1px solid #555555;
	background: #444444;
}

#hc-mainnav {
	border-left: 1px solid #333333;
	background: #444444;
}
*/



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

	C L E A R F I X
	
============================================== =CLEARFIX */


/* Clearfix
--------------------------------------------------------- */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}