/* ------------------- */
/*        MISC         */
/* ------------------- */

body {
	font: 70%/135% verdana, helvetica, arial, sans-serif;
	color: rgb(25,25,25);
	margin: 0px;
	background: white;
	}

a:link,
a:visited,
a:active {
	text-decoration: none;
	}
a:link:hover,
a:visited:hover,
a:active:hover {
	text-decoration: underline;
	}
a:link img,
a:visited img,
a:active img {
	border:none;
	}
		
h1, h2, h3, h4, h5 {
	font-weight: normal;
	color: rgb(0,0,255);
	}
h1 {
	font-size: 150%;
	line-height: 150%; 
	margin: 6px 0px 4px;
	}
h2 {
	font-size: 135%;
	line-height: 135%; 
	margin: 8px 0px 6px;
	}
h3 {
	font-size: 120%;
	line-height: 120%; 
	margin: 8px 0px 2px;
	}
h4 {
	font-size: 110%;
	line-height: 110%; 
	margin: 4px 0px 3px;
	}
h5 {
	font-size: 100%;
	line-height: 100%; 
	margin: 4px 0px 3px;
	}
.h2extra {
	font-size: 135%;
	line-height: 155%;
	margin: 8px 0px 6px;
	border: thin solid #900;
	background-color: #FF9;
	}	
	
.transitions-h2 {
	font-size: 135%;
	line-height: normal;
	text-align:center;
	border: thin solid #039;
	background-color: #FF9;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	vertical-align: middle;
	height: 60px;
	text-transform: none;
	font-weight: bold;
	font-variant: normal;
	}	

.calendar {
	height: 80px;
	overflow: hidden;
	font-weight: bold;
	}
.calendar-date {
	font-size: 30px;
	line-height: 30px;
	color: rgb(1,147,221);
	font-weight: normal;
	}	
p {
	margin: 10px 0px 0px 0px;
	}
	
.center {
	text-align: center;
	}
	
.caption {
	font-size:9px;
	text-align:center;
}

.motto {
	text-align: center;
	font-size: 125%;
	font-weight: bold;
	line-height: 150%;
	}
	
ul {
	margin: 0px;
	padding: 0px 0px 1px;
	}
li {
	margin: 5px 0px 5px 15px;
	display: list-item;
	/*list-style-position: inside;*/
	list-style-type: disc;
	}
ul ul li {
	list-style-type: circle;
	}

.hhcc-black {
	color: rgb(51,51,51);
	}
	
.hhcc-page {
	position: relative;
	margin: 0 auto;
	width: 800px;
	background: white;
	}

.topbar {
	padding: 7px 15px 3px;
	font-size: 90%;
	text-align: right;
	background: rgb(51,51,51);
	color: rgb (153,153,153);
	}
.topbar-navigation {
	position: relative;
	zoom: 1;
	overflow: hidden;
	}
.topbar-navigation a {
	margin-right: -1px;
	padding: 0px 5px;
	border-right: 1px solid rgb(153,153,153);
	}
.topbar-navigation a:link,
.topbar-navigation a:visited,
.topbar-navigation a:active {
	color: white;
	}
.topbar-navigation a:hover {
	color: rgb(255,255,0);
	}

.header,
.header-short {
	position: relative;
	height: 116px;
	border-width: 0px 1px;
	border-style: solid;
	border-color: rgb(214,214,214);
	z-index: 110;
	}
.logo {
	position: absolute; left: 12px; top: -10px;
	width: 195px;
	height: 130px;
	}
.hhcc-title {
	position: absolute; left: 195px; top: 16px;
	}
.tagline {
	position: absolute; left: 425px; top: 61px;
	width: 350px;
	height: 25px;
	font-style: italic;
	font-size: 110%;
	}
.section-no-banner {
	height: 8px;
	overflow: hidden;
	background-image: url("images/banner-shadow.gif");
	}
	
.content {
	padding: 15px 10px 25px 10px;
	background: rgb(243,228,197);
	border-bottom: 8px solid rgb(196,200,204);
		min-height: 300px;
	}
.content-ltyellow {
	padding: 15px 10px 25px 10px;
	background: rgb(250,242,225);
	border-bottom: 8px solid rgb(196,200,204);
		min-height: 300px;
	}
.content-blue {
	padding: 15px 10px 25px 10px;
	background: rgb(215,240,255);
	border-bottom: 8px solid rgb(196,200,204);
		min-height: 300px;
	}
.content-yellow {
	padding: 15px 10px 25px 10px;
	background: rgb(253,250,218);
	border-bottom: 8px solid rgb(196,200,204);
		min-height: 300px;
	}
.content-green {
	padding: 15px 10px 25px 10px;
	background: rgb(228,255,225);
	border-bottom: 8px solid rgb(196,200,204);
		min-height: 300px;
	}
.content-purple {
	padding: 15px 10px 25px 10px;
	background: rgb(228,221,255);
	border-bottom: 8px solid rgb(196,200,204);
		min-height: 300px;
	}
	
.dashed-border {
	background: url("images/dashed_line.gif") repeat-x;
	height: 1px;
	overflow: hidden;
	}
	
/* ------------------------------ */
/*   NAVIGATION - BELOW HEADER    */
/* ------------------------------ */

.midbar {
	position: absolute; left: 0px; top: 119px;
	width: 800px;
	height: 22px;
	z-index: 1;
	background-color: rgb(152,145,134);
	text-align: center;
	}
.navlinks {
	position: absolute; left: 220px; top: 115px;
	width: 500px;
	height: 25px;
	font-size: 1px;
	z-index: 200;
	}
.nav-tab-one {
	position: absolute; left: 230px; top: 114px;
	width: 155px;
	height: 35px;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url('images/web-tab-blue-155x35.gif');
	}
.nav-tab-two {
	position: absolute; left: 393px; top: 114px;
	width: 155px;
	height: 35px;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url('images/web-tab-yellow-155x35.gif');
	}
.nav-tab-three {
	position: absolute; left: 552px; top: 114px;
	width: 120px;
	height: 35px;
	z-index: 2;
	background-repeat: no-repeat;
	background-position:  left bottom;
	background-image: url('images/web-tab-green-120x35.gif');
	}
.nav-tab-four {
	position: absolute; left: 672px; top: 114px;
	width: 105px;
	height: 35px;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url('images/web-tab-purple-105x35.gif');
	}

/* ------------------------------ */
/*   NAVIGATION - LEFT COLUMN     */
/* ------------------------------ */

.breadcrumb {
	font-size: 90%;
	line-height: 135%;
	font-weight: normal;
	color: rgb(146,135,127);
	width: 720px;
	height: 30px;
	padding: 10px 10px 0;
	}
.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:hover,
.breadcrumb a:active {
	color: rgb(146,135,127);
	}
.breadcrumb em {
	font-weight: normal;
	font-style: normal;
	color: rgb(241,124,15);
	}
.subsection-navigation {
	width: 165px;
	margin-left: -5px;
	margin-top: 17px;
	}
.subsection-navigation-group {
	background: url("images/dashed_line.gif") repeat-x;
	margin-left: 0px;
	padding: 7px 0px 7px 5px;
	z-index: 20;
	}
.subsection-navigation-group .subsection-navigation-group {
	background: none;
	padding: 0px 0px 0px 15px;
	color: rgb(77,77,77);
	}
.subsection-navigation-group div {
	padding-top: 5px;
	}
.subsection-navigation-group a,
.subsection-navigation-group a:active,
.subsection-navigation-group a:visited {
	color: rgb(77,77,77);
	}
.subsection-navigation-group a:hover {
	color: rgb(0,147,221);
	}
.subsection-navigation-group div a {
	padding-top: 5px;
	}
.subsection-navigation-group a.active-subsection {
	color: rgb(13,173,43)!important;
	}
	
/* ----------------- */
/*      COLUMNS      */
/* ----------------- */
	
.column-top {
	height: 0px;
	overflow: hidden;
	margin-bottom: 10px;
	}
.column-80,
.column-160,
.column-170,
.column-175,
.column-185,
.column-250,
.column-300,
.column-330,
.column-350,
.column-360,
.column-375,
.column-385,
.column-395,
.column-410,
.column-500,
.column-540,
.column-560,
.column-570,
.column-580,
.column-590,
.column-720 {
	position: relative;
	float: left;
	padding: 0px 10px;
	overflow: visible;
	}
.column-80 {
	width: 80px;
	}
.column-160 {
	width: 160px;
	}
.column-170 {
	width: 170px;
	}
.column-175 {
	width: 175px;
	}
.column-185 {
	width: 185px;
	}
.column-250 {
	width: 250px;
	}
.column-300 {
	width: 300px;
	}
.column-330 {
	width: 330px;
	}
.column-350 {
	width: 350px;
	}
.column-360 {
	width: 360px;
	}
.column-375 {
	width: 375px;
	}
.column-385 {
	width: 385px;
	}
.column-395 {
	width: 395px;
	}
.column-410 {
	width: 410px;
	}
.column-500 {
	width: 500px;
	}
.column-540 {
	width: 540px;
	}
.column-560 {
	width: 560px;
	}
.column-570 {
	width: 570px;
	}
.column-580 {
	width: 580px;
	}
.column-590 {
	width: 590px;
	}
.column-720 {
	width: 720px;
	}
.column-540 .column-360 {
	padding-left: 0px;
	}
.column-540 .column-160 {
	padding-right: 0px;
	}
.column-560 .column-360 {
	padding-left: 0px;
	}
.column-560 .column-175 {
	padding-right: 0px;
	}
.column-570 .column-360 {
	padding-left: 0px;
	}
.column-570 .column-175 {
	padding-right: 0px;
	}
.column-570 .column-375 {
	padding-left: 0px;
	}
.column-570 .column-175 {
	padding-right: 0px;
	}

.column-break {
	height: 0px;
	overflow: hidden;
	clear: both;
	padding-bottom: 1px;
	}
.column-break-spacer {
	height: 10px;
	overflow: hidden;
	clear: both;
	}

/* ------------------- */
/*      TABLES        */
/* ------------------- */
.board-table td {
	padding: 2px 10px 2px 15px;
	font-weight: normal;
	}
.board-table th {
	padding: 2px 10px 2px 15px;
	font-weight: bold;
	}

/* ------------------- */
/*       IMAGE         */
/* ------------------- */
.image {
    position: relative;
    border: 1px solid rgb(196,200,204)!important;
    margin-top: 4px;
    padding: 2px;
}
.image-noborder {
    position: relative;
    border: none;
    margin-top: 4px;
    padding: 2px;
}


/* -------------------- */
/*      FLOAT BOX       */
/* -------------------- */
/* landmark-box-left-inline-155 is a special box for the location pages */
.box-left-160,
.box-right-160,
.box-right-175,
.box-right-185,
.box-right-210,
.box-right-230,
.box-left-255,
.box-right-255,
.box-left-350,
.box-right-350,
.box-left-540,
.box-right-540,
.box-left-inline-50,
.box-left-inline-100,
.box-left-inline-125,
.box-left-inline-155,
.box-left-inline-160,
.box-right-inline-50,
.box-right-inline-160,
.box-left-inline-170,
.box-right-inline-170,
.box-right-inline-225,
.box-left-inline-255,
.box-right-inline-255,
.box-left-inline-350,
.box-right-inline-350,
.box-inline-175,
.box-inline-175,
.box-inline-360,
.box-inline-360,
.box-left-inline-540,
.box-right-inline-540 {
    position: relative;
    display: inline;
}
.box-left-160,
.box-left-255,
.box-left-350,
.box-left-540,
.box-left-inline-50,
.box-left-inline-100,
.box-left-inline-125,
.box-left-inline-155,
.box-left-inline-160,
.box-left-inline-170,
.box-left-inline-255,
.box-left-inline-350,
.box-left-inline-540 {
    float: left;
    margin-right: 10px;
}
.box-right-160,
.box-right-175,
.box-right-185,
.box-right-210,
.box-right-230,
.box-right-255,
.box-right-350,
.box-right-540,
.box-right-inline-50,
.box-right-inline-160,
.box-right-inline-170,
.box-right-inline-225,
.box-right-inline-255,
.box-right-inline-350,
.box-right-inline-540 {
    float: right;
    margin-left: 10px;
}
.box-inline-175,
.box-inline-175 {
    display: block;
}
.box-inline-360,
.box-inline-360 {
    display: block;
}

.box-left-255,
.box-left-350,
.box-left-540 {
    margin-left: -180px;
}

.box-right-175,
.box-right-185,
.box-right-210,
.box-right-230,
.box-right-255,
.box-right-350,
.box-right-540 {
    margin-right: -180px;
}
.box-left-160 {
    margin-right: 20px;
    margin-left: -180px;
}
.box-right-160 {
    margin-left: 20px;
    margin-right: -180px;
    }
.box-right-175 {
    margin-left: 20px;
    margin-right: -180px;
    }    
.box-right-185 {
	margin-left: 20px;
	margin-right: -180px;
	}
.box-right-210 {
	margin-left: 20px;
	margin-right: -180px;
	}
.box-right-230 {
	margin-left: 20px;
	margin-right: -180px;
	}
	
.box-left-inline-50 {
	width: 50px;
}
.box-left-inline-100 {
    width: 100px;
}	
.box-left-inline-125 {
    width: 125px;
}
.box-left-inline-155 {
    width: 155px;
}
.box-right-inline-50 {
	width: 50px;
}
.box-right-inline-225 {
	width: 225px;
}
.box-left-160,
.box-right-160,
.box-left-inline-160,
.box-right-inline-160 {
    width: 160px;
}
.box-left-175,
.box-right-175,
.box-left-inline-175,
.box-right-inline-175 {
    width: 175px;
}
.box-left-185,
.box-right-185,
.box-left-inline-185,
.box-right-inline-185 {
    width: 185px;
}
.box-left-210,
.box-right-210,
.box-left-inline-210,
.box-right-inline-210 {
    width: 210px;
}

.box-left-230,
.box-right-230,
.box-left-inline-230,
.box-right-inline-230 {
    width: 230px;
}
.box-left-inline-170,
.box-right-inline-170 {
    width: 170px;
}
.box-left-255,
.box-right-255,
.box-left-inline-255,
.box-right-inline-255 {
    width: 255px;
}
.box-left-350,
.box-right-350,
.box-left-inline-350,
.box-right-inline-350 {
    width: 350px;
}
.box-inline-175,
.box-inline-175 {
    width: 175px;
}
.box-inline-360,
.box-inline-360 {
    width: 360px;
}

.box-left-540,
.box-right-540,
.box-left-inline-540,
.box-right-inline-540 {
    width: 540px;
}

.innerbox-lowerleft {
	padding: 5px;
	margin: 10px 5px 5px 5px;
	font-size: 100%;
	text-align: center;
	border: 1px solid rgb(152,145,134);
	background: rgb(248,248,248);
	}
.innerbox-lowerleft a:link,
.innerbox-lowerleft a:visited {
	color: rgb(51,51,51);
	}
.innerbox-lowerleft a:hover {
	color: rgb(0,147,221);
	}
.innerbox-lowerleft-color {
	padding: 5px 5px 10px 5px;
	margin: 10px 5px 10px 5px;
	font-size: 100%;
	text-align: center;
	border: 1px solid rgb(0,0,255);
	background: rgb(255,255,255);
	}
.innerbox-lowerleft-yellow {
	padding: 5px 5px 10px 5px;
	margin: 10px 5px 10px 5px;
	font-size: 100%;
	text-align: center;
	border: 1px solid rgb(255,0,0);
	background: rgb(255,255,0);
	}

.innerbox-lowerleft-color-alignleft {
	padding: 5px 5px 10px 5px;
	margin: 10px 5px 10px 5px;
	font-size: 100%;
	text-align: left;
	border: 1px solid rgb(0,0,255);
	background: rgb(255,255,255);
	}

/* ------------------- */
/*       FOOTER        */
/* ------------------- */
.footer {
    padding: 8px 15px 5px;
    color: rgb(111,111,111);
    font-size: 90%;
    border-width: 0px 1px 1px;
    border-style: solid;
    border-color: rgb(241,238,232);
}
.footer a:link,
.footer a:active,
.footer a:visited {
    color: rgb(111,111,111);
    padding: 0px 5px;
}
.footer-navigation {
    position: relative;
    overflow: hidden;
    float: left;
}
.footer-legal {
    position: relative;
    overflow: hidden;
    float: right;
}
.footer-navigation a,
.footer-legal a {
    margin-left: -1px;
    border-left: 1px solid rgb(204,204,204);
}
.footer-copy {
    padding: 10px 5px 0px;
    font-size: 90%;
    color: rgb(130,130,130);
    text-align: left;
	clear: both;
}

/* ------------------- */
/*        MENU         */
/* ------------------- */

#hhcc-menu {
	position: absolute;
	display: block;
	top: 130px;
	z-index: 100;
	}
#hhcc-menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	}
#hhcc-menu li {
	position: relative;
	float: left;
	margin: 0;
	padding 0;
	display: block;
	}
#hhcc-menu a {
	display: block;
	}
#hhcc-menu li li {
	width: 100%;
	}
#hhcc-menu li li ul {
	top: 0px;
	left: 0px;
	}
#hhcc-menu li li:hover ul {
	left: 100%;
	}
#hhcc-menu li ul {
	position: absolute;
	top: 20 px;
	display: none;
	}
#hhcc-menu li:hover > ul {
	display: block;
	}
#hhcc-menu-list:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
	} 

/* ------------------- */
/*    MENU MAKE UP     */
/* ------------------- */

#hhcc-menu {
	width: 800px;
	background: rgb(152,145,134);
	color: white;
	}
#hhcc-menu a:hover {
	text-decoration: underline;
	}
#hhcc-menu a {
	text-decoration: none;
	text-align: center;
	color: white;
	padding: 3px 0px 2px;
	width: 190px;
	height: 100%;
	border-bottom: 1px solid rgb (182,174,161);
	}
#hhcc-menu li ul {
	border: 1px solid rgb(152,145,134);
	border-bottom-width: 3px;
	background: white;
	width: 188px;
	padding-bottom: 5px;
	padding-top: 2px;
	}
#hhcc-menu li ul a {
	color: rgb(51,51,51);
	text-align: left;
	border-bottom: none;
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 10px;
	width 190px;
	border-bottom: 1px solid rgb(141,141,141);
	}
#hhcc-menu li ul a:hover {
	color: rgb(0,147,221);
	}
#hhcc-menu a.hhcc-active-section {
	background-color: rgb(0,147,221);
	border-bottom-color: rgb(64,174,230);
	}
	
/*--------------------*/
/*      PRINT         */
/*--------------------*/

@media print {
	body {
		position: relative;
		zoom: 85%;
		color: black;
	}
	.header,
	.footer {
		border: none;
	}
	#hhcc-menu a {
		width: 189;
		border-bottom: none!important;
	}
}