/* cmsms stylesheet: Template1200-grid modified: Sunday, January 7, 2018 3:32:06 PM */
/* TEMPLATE 1200 v2.3 (by PMKMedia.nl/template1200v2) */

/* reset */
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0;}
img,fieldset{border:0;}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
/* apply a natural box layout model to all elements */
*,*:after,*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* viewport css */
@-webkit-viewport{width:device-width;}@-moz-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@viewport{width:device-width;}
/* body css */
body{margin:0;text-align:center;}
.section{clear:both;padding:0;margin:0;}
/* media css */
img{max-width:100%;height:auto;display:block;}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
/* form css */
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=button],input[type=submit],select,textarea{-webkit-appearance:none;border-radius:0;}
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],select,textarea{width:100%;}
/* general table css */
table{width:100%;table-layout:fixed;word-wrap:break-word;}
/* split column css */
.split-column{float:left;width:100%;margin-bottom:20px;}
.split-column:last-child {margin-bottom:0;}
/* content css */
.content{margin:0 auto;text-align:left;max-width:1200px;} /* width of your responsive website (example 1200px) */
.one-column{float:left;width:98%;margin:10px 1%;}
.two-column,.two-fourth-column{float:left;width:48%;margin:10px 1%;}
.three-column{float:left;width:31.333333%;margin:10px 1%;}
.two-third-column{float:left;width:64.666666%;margin:10px 1%;}
.four-column,.one-fourth-column{float:left;width:23%;margin:10px 1%;}
.three-fourth-column{float:left;width:73%;margin:10px 1%;}
.six-column{float:left;width:14.666666%;margin:10px 1%;}
.five-sixth-column{float:left;width:81.333333%;margin:10px 1%;}
@media screen and (max-width: 800px) {
.one-column,.two-fourth-column,.three-column,.two-third-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:97%;margin:10px 1.5%;}
.two-column,.four-column{width:47%;margin:10px 1.5%;}
}
@media screen and (max-width: 600px) {
.content{min-width:300px;}
.one-column,.two-column,.two-fourth-column,.three-column,.two-third-column,.four-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:96%;margin:10px 2%;}
}
/* cmsms stylesheet: Template1200-style modified: Saturday, December 15, 2018 11:44:42 AM */
/* TEMPLATE 1200 v2.3 (by PMKMedia.nl/template1200v2) */

 

/* body css */

body {
	background: #FFF;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 30px;
	font-weight: 300;
	-webkit-text-size-adjust: 100%;
}

/* headings / paragraph margin css */

h1,h2,h3,h4,h5,h6,p {margin:10px;}

/* headings css */

h1 {font-size:30px;font-weight:400;color:#000;line-height:42px;}
h2 {font-size:26px;font-weight:400;color:#000;line-height:38px;}
h3 {font-size:22px;font-weight:400;color:#000;line-height:34px;}
h4 {font-size:20px;font-weight:400;color:#000;line-height:32px;}
h5 {font-size:18px;font-weight:400;color:#000;}
h6 {font-size:16px;font-weight:400;color:#000;}

/* list css */

ul {list-style-type:disc;margin:10px 40px;}
ol {list-style-type:decimal;margin:10px 40px;}
ul li {display:list-item;}
ol li {display:list-item;}

/* link css */

a {color:#F60;text-decoration:underline;}
a:visited {color:#999;}
a:hover {color:#000;}
a:active {color:#333;}

/* CMSMS MicroTiny WYSIWYG Editor text left */

.CMSMSBody {text-align:left;}

/* elements css */

strong,b {font-weight:400;}
em,i {font-style:italic;}
u {text-decoration:underline;}

.form h1,.form h2,.form h3,.form h4,.form h5,.form h6,.form p {margin:5px -6px;}
.form input,.form textarea {background:#FFF;border:1px solid #000;padding:8px;font-family:'Roboto Condensed',sans-serif;color:#000;font-size:16px;font-weight:300;border-radius:5px;}
.form input[type=submit],.form button {color:#FFF;background:#F60;border:0;font-weight:400;width:100%;}
.form input[type=submit]:hover,.form button:hover {background:#000;cursor:pointer;}
.form td {padding:0 12px;border:0;}

.search-form input {background:#FFF;border:0;padding:8px;font-family:'Roboto Condensed',sans-serif;color:#000;font-size:16px;font-weight:300;border-radius:5px;}
.search-form input[type=submit]{display:none;}

/* content css */

#header_container {
	top: 0;
	left: 0;
	position: fixed;
	background: #FFF;
	width: 100%;
	z-index: 1000;
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
	-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
}

#header_container span {color:#F60;}

#content_container {
	margin-top: 60px;
	width: 100%;
}

.content_back {
	width: 100%;
	text-shadow: 0 0 5px #000;
	border-bottom: 1px solid #efefef;
	font-size: 18px;
	font-weight: 400;
	padding: 200px 0;
}

.content_back p,.content_back h1,.content_back h2,.content_back h3,.content_back h4,.content_back h5,.content_back h6 {
	color: #FFF;
	padding: 5px;
}

.content_blocks {
	background: #FFF;
	border-bottom: 1px solid #efefef;
	padding: 40px 0;
}

.content_blocks p {padding:5px;}

.content_blocks h1,.content_blocks h2,.content_blocks h3,.content_blocks h4,.content_blocks h5,.content_blocks h6 {
	padding: 5px;
	color: #F60;
}

.news-content {
	text-align: center;
	border: 1px solid darkgrey;
	border-radius: 5px;
	color: #000;
}

.news-content:hover {background:#f5f5f5;}

.news-content:hover > .orange_button {background:#000;}

.orange_button {
	margin: 20px;
	text-align: center;
	background: #F60;
	border-radius: 5px;
	font-weight: 400;
	color: #FFF;
}

.round {padding:30px;}

.round > div {
	border-radius: 50%;
	overflow: hidden;
}
.round img {
	display: block;
	width: 100%;
}

.image-article img {
	width: 100%;
	border-radius: 10px;
	display: block;
}

.footer {
	background: #666;
	padding-bottom: 30px;
	color: #CCC;
}

.footer a {color:#CCC;text-decoration:none;}
.footer a:hover{color:#999;}

.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6 {
	padding: 5px;
	color: #CCC;
}

.footer p {
	padding: 0 5px;
	margin: 0 10px;
	color: #CCC;
}

.footer-desktop {display:block;}
.footer-mobile {display:none;}
.footer-mobile p {text-align: center;}

.main-nav {
	font-family: 'Quicksand', sans-serif;
	font-size: 48px;
	text-align: center;
}

.main-nav p {margin:0;}

.main-nav a {
	color: #999;
	font-weight: 300;
	text-decoration: none;
}

.main-nav a:hover {color:#CCC;}

.facebook-share {background:#42549a;color:#FFF;text-decoration:none;padding:5px 10px;border-radius:5px;}
.twitter-share {background:#66ccff;color:#FFF;text-decoration:none;padding:5px 10px;border-radius:5px;}
.facebook-share:hover,.twitter-share:hover {background:#000;color:#FFF;}
.facebook-share:visited,.twitter-share:visited {color:#FFF;}

.social img {width:18px;display:inline-block;}

@media screen and (max-width: 1600px) {
	
	.content_back {padding:150px 0;}
}

@media screen and (max-width: 1200px) {
	
	.content_back {padding:100px 0;}

	.news-height {min-height:280px;}

}

@media screen and (max-width: 980px) {
	
	.content_back {padding:100px 0;}

	.news-height {min-height:340px;}

}

@media screen and (max-width: 800px) {
	
	body {line-height:25px;}

	.search-form label {display:none;}
	
	#header_container:hover {
		overflow: auto;
		max-height: 100%;
	}

	#content_container {
		overflow: hidden;
	}

	.content_blocks {padding:0;}
	
	.news-content {
		text-align: left;	
		line-height: 20px;
		min-height: 100%;
	}

	.news-content h1,.news-content h2,.news-content h3,.news-content h4,.news-content h5,.news-content h6,.news-content p {margin:10px;}

	.news-height {min-height:100%;}
	
	.orange_button {margin:15px;}
	
	.news-content > .round {
		float: left;
		padding: 15px;
		width: 30%;
	}

	.image-article {
		margin: -20px -20px 10px -20px;
	}

	.image-article img {
		border-radius: 0;
	}
	
	.footer-desktop {display:none;}
	.footer-mobile {display:block;text-align:center;}
	
	.footer {padding-bottom:5px;}
	
	.social img {
		width: 26px;
		display: inline-block;
		margin: 10px 5px;
	}

	#switch-div {display:flex;flex-flow:column;}
	#one {order:2;}
	#two {order:1;}
	
}

@media screen and (max-width: 600px) {
	
	.content_back {padding: 40px 0;}
	
	.news-content {line-height:25px;}

}
/* cmsms stylesheet: Template1200-menu modified: Wednesday, January 17, 2018 3:08:15 PM */
/* TEMPLATE 1200 v2.3 (by PMKMedia.nl/template1200v2) */

 

/* menu css */

#menu {
	font-size: 18px;
}

.logo a {
	text-decoration: none;
}

#nav-mobile {
	display: none;
}

#menu-mobile {
	float: right;
}

#menu, #menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
	float: left;
	position: relative;
}

#menu li ul {
	position: absolute;
	margin-top: -10%;
	margin-left: -20%;
	display: none;
}

#menu li:hover ul {
	display: block;
}

/* menu link css */

#menu a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 10px 24px;
}

#menu a:hover {
	background: #F60;
	color: #FFF;
	border-radius: 5px;
}

#menu ul {
	background: #FFF;
	width: 200px;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
	-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
}

#menu ul a {
	width: 200px;
	padding: 10px;
}

.currentpage {
	background: #F60 !important;
	color: #FFF !important;
	border-radius: 5px !important;
}

/* menu z-index */

#menu ul {
	z-index: 1000;
}

@media screen and (max-width: 800px) {	

	/* mobile menu css */

	#menu-mobile {
		float: none;
	}
	
	.logo {
		display: none;
	}

	#nav-mobile {
		display: block;
		padding: 10px;
		font-size: 20px;
		font-weight: 400;
		background: url(__URL,,d8ba13d0d03ad54de078510e2197587e__) no-repeat right;
		background-position: 98% 50%; 
		background-size: 22px;
		-moz-background-size: 22px;
		-webkit-background-size: 22px;
	}

	#menu {
		display: none;
	}
	
	#menu-mobile:hover #menu {
		display: block;
	}

	/* menu css */
	
	#menu li {
		float: none;
	}
	
	#menu li ul {
		position: relative;
		margin-top: 0;
		margin-left: 0;
		display: block;
	}
	
	#menu li:hover ul {
		display: block;
	}
	
	#menu ul {
		width: 100%;
		box-shadow: none;
		-webkit-box-shadow: none;
	}

	/* menu link css */
	
	#menu ul a {
		width: 100%;
		padding: 10px 10%;
	}

}
/* cmsms stylesheet: Template1200-fonts modified: Sunday, January 7, 2018 3:32:06 PM */
/* TEMPLATE 1200 v2.3 (by PMKMedia.nl/template1200v2) */

/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: local('Quicksand Light'), local('Quicksand-Light'), url(__URL,,421f3262e1ff228b60da8cbe74178308__);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(__URL,,ad0c67e3e1b33636d4ddb8fab22abd5e__);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: local('Quicksand Bold'), local('Quicksand-Bold'), url(__URL,,473b280363acd6279d75c9579fe07c4c__);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cmsms stylesheet: HBOCBox modified: Thursday, May 7, 2026 9:15:26 AM */
/*** topcontent - dashboard ***/
.dashboard-box {
        box-shadow:
            inset 0 0 2px 0 rgba(255,255,255,.4),
            inset 0 0 3px 0 rgba(0,0,0,.4),
            inset 0 0 3px 5px rgba(0,0,0,.05),
            2px 2px 4px 0 rgba(0,0,0,.25);
	min-height: 100px;
	min-width: 160px;
	float: left;
	border-radius: 4px;
	margin-right: 1.3%;
	margin-bottom: 1%;
	background: #d5d5d5 url(http://hborienteering.com/club/uploads/NCleanBlue_Addons/sprite_repeatx.png) 214px -339px repeat-x;
}
.dashboard-box.last {
	margin-right: 0
}
.dashboard-box nav {
	padding: 10px
}
.dashboard-box:hover {
        background:lightblue!important;
}
.dashboard-box img {
	max-height: 48px;
	padding: 5px;
	box-shadow: inset 0px 1px 15px 1px #ddd;
	-webkit-box-shadow: inset 0px 1px 15px 1px #ddd;
	margin: 5px;
	float: left;
	border: 1px solid #ddd;
	background: #fff
}
.dashboard-box:hover img {
	box-shadow: inset 0px 1px 15px 1px #ffd8b0;	
	-webkit-box-shadow: inset 0px 1px 15px 1px #ffd8b0;
	transition: all 600ms ease-in-out;	
	-webkit-transition: all 600ms ease-in-out;
	   -moz-transition: all 600ms ease-in-out;
	     -o-transition: all 600ms ease-in-out
}
.dashboard-box h3 {
	text-shadow: 0 1px 0 #fff;
	margin:0 0 5px 0
}
.dashboard-box img {
	border-radius: 4px
}
.dashboard-box span.description {
	color: #585858;
	font-style: italic
}
.dashboard-box h4 {
	margin: 5px 0;
	font-size: 11px;
	color: #232323
}
#oe_mainarea .dashboard-box ul.subitems {
	margin: 0;
	padding: 0
}
.dashboard-box ul.subitems li {
	list-style: none;
	margin: 0 4px;
	line-height: 1.4;	
	float:left
}
.dashboard-box ul.subitems li a {
	font-size: 11px;
	text-decoration: underline
}
/* ------ End topcontent - dashboard ---- */
/* ------------ HBOC Buttons ------------ */
.link_btn {
	display: inline;
	padding: 5px;
	float: left;
}

.link_btn button {
        box-shadow:
            inset 0 0 2px 0 rgba(255,255,255,.4),
            inset 0 0 3px 0 rgba(0,0,0,.4),
            inset 0 0 3px 5px rgba(0,0,0,.05),
            2px 2px 4px 0 rgba(0,0,0,.25);
        border-radius: 4px;
        width: 100px;
        height: 85px;
        padding: 5px;
        background:lightgray;
}

.link_btn button:hover {
        background:lightblue!important;
}

.link_btn2 {
        box-shadow:
            inset 0 0 2px 0 rgba(255,255,255,.4),
            inset 0 0 3px 0 rgba(0,0,0,.4),
            inset 0 0 3px 5px rgba(0,0,0,.05),
            2px 2px 4px 0 rgba(0,0,0,.25);
        border-radius: 4px;
        vertical-align:  top;
        width:  100px;
        height: 75px;
        margin: 5px;
        padding: 5px;
        background:lightgray;
}

.link_btn2:hover {
        background:lightblue!important;
}

.link_btn3 {
        box-shadow:
            inset 0 0 2px 0 rgba(255,255,255,.4),
            inset 0 0 3px 0 rgba(0,0,0,.4),
            inset 0 0 3px 5px rgba(0,0,0,.05),
            2px 2px 4px 0 rgba(0,0,0,.25);
        border-radius: 4px;
        text-align: center;
        font-size: 80%;
        color: black;
        width:  100px;
        height: 30px;
        padding: 5px;
        background:lightgray;
}

.link_btn3:hover {
        background:lightblue!important;
}

.link_btn4 {
        box-shadow:
            inset 0 0 2px 0 rgba(255,255,255,.4);
        text-align: center;
        font-size: 80%;
        color: black;
        width:  59px;
        height: 22px;
        padding: 1px 6px;
        background:#F0F0F0;
}

.link_btn4:hover {
        background:lightblue!important;
}

.hbocbigbox {
    position: relative;
}

.hbocbigbox h3 a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*********** End HBOC Buttons *************/
/*------ HBOC Next Event layout -----*/
.nexteventhdr {
border:1px solid black;
color:black;
background-color:white;
margin-top:20px;
margin-bottom:20px;
margin-left:0px;
padding:20px;
}
.nexteventname {
font-size:26px;
text-align:center;
margin:25px 10px 25px 5px;
}
.nexteventupd {
font-size:10px;
float:right;
padding-top:20px;
}
.eventlabel {
font-weight:bold;
margin:0px 1%;
}
.eventtxt {
padding:1px 5px;
margin:0px 1%;
}
.eventlink {
float:right;
font-size:0.9em;
padding:1px 5px;
margin-top:0px;
margin-bottom: 0px;
}
.warning {
color:red;
padding-bottom:25px;
}
/* ---------- End HBOC Next-Event ---------- */
/* ------------ HBOC Park-O ---------------- */
/*
.parko {
	background: url(http://hborienteering.com/club/uploads/images/bodybg.jpg) no-repeat scroll left top;
}
*/
/* ------------ End HBOC Park-O ------------ */
/* cmsms stylesheet: Formbuilder_Demo_Layout modified: Wednesday, December 29, 2021 7:33:43 PM */

.formbuilder div {
  margin: 0 0 5px 0;
}
.formbuilder div div {
  margin: 0 0 0 150px;
  padding: 0 0 5px 0;
}
.formbuilder input[type="email"],
.formbuilder input[type="file"],
.formbuilder input[type="option"],
.formbuilder input[type="text"],
.formbuilder textarea,
.formbuilder select {
  width: 300px;
  margin: 5px 5px;
  padding: 5px 5px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  border: #ccc solid 2px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.formbuilder select {
  width: 304px;
}
.formbuilder input[type="email"]:hover,
.formbuilder input[type="file"]:hover,
.formbuilder input[type="option"]:hover,
.formbuilder input[type="text"]:hover,
.formbuilder textarea:hover,
.formbuilder select:hover {
  border: #666 solid 2px;
  cursor: default;
}
.formbuilder input[type="submit"] {
  width: 304px;
  margin: 10px 0 0 0;
  border: #ccc solid 2px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
}
.formbuilder input[type="submit"]:hover {
  border: #666 solid 2px;
}
.formbuilder label {
  width: 150px;
  float: left;
}
.formbuilder input[type="checkbox"] + label,
.formbuilder input[type="radio"] + label {
  width: 60px;
  float: left;
}
.formbuilder input[type="checkbox"] + label.label {
  width: 190px;
  float: right;
}
.formbuilder_text_error {
  color: #f00;
  font-weight: bold;
}
.captchapict {
  width: 300px;
  border: #ccc solid 2px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.formbuilder_field_error input[type="email"],
.formbuilder_field_error input[type="file"],
.formbuilder_field_error input[type="option"],
.formbuilder_field_error input[type="text"],
.formbuilder_field_error select,
.formbuilder_field_error textarea,
.formbuilder_field_error .captchapict {
  border: #f00 solid 2px;
}
/**
 * Below some more available CSS codes...
 * Note: when you need them, the sequence of all lines is important!
.formbuilder input { }
.formbuilder input[type="button"] { }
.formbuilder input[type="radio"] { }
.formbuilder input[type="checkbox"] { }
.formbuilder legend { }
.formbuilder optgroup { }
.formbuilder fieldset { }
.formbuilder form { }
 *
 **/
/* cmsms stylesheet: HBOC_Results modified: Wednesday, October 1, 2025 9:42:53 AM */
.hbocfixture {
table-layout: fixed;
border-collapse: collapse;
display: block;
width: 1060px;
}

.hbocfixture thead {
text-align: center;
background: #c0c0c0;
color: #fff;
}

.hbocfixture tr {
}

.hbocfixture td {
text-align: left;
border-collapse: collapse;
border: 1px solid black; 
padding: 3px 5px;
}

.hbocfixture th {
text-align: center;
border-collapse: collapse;
border: 1px solid black; 
padding-left: 5px; 
}

@media screen and (width <= 800px) {
  #scrolltab {
    overflow: auto;
    width: 100%;
  }
}

@media screen and (width > 800px) {
  #scrolltab {
    overflow: unset;
  }
}
/* cmsms stylesheet: HBOC_Master modified: Tuesday, April 21, 2026 9:01:12 AM */
/*  
@Nuno Costa [criacaoweb.net]
@Since [cmsms 1.6]
@Contributors: Mark and Dev-Team
@ May 2013:- HBOC: Master stylesheet, based on Layout: NCleanBlue
*/
body {
/* default text for entire site */
	font: normal 0.9em Tahoma, Verdana, Arial, Helvetica, sans-serif;
/* default text color for entire site */
	color: #3A3A36;
/* you can set your own image and background color here */
	background: #fff url(http://hborienteering.com/club/uploads/NCleanBlue/bg__full.png) repeat-x scroll left top;
}
/* Mask helper  for browsers ZOOM, Rezise and Decrease */
#ncleanblue {
/* set to width of viewport */
	width: auto;
/* you can set your own image and background color here */
	background: #fff url(http://hborienteering.com/club/uploads/NCleanBlue/bg__full.png) repeat-x scroll left top;
}
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #679EBC;
/* background image for the link to show wiki style arrow */
	background: url(http://hborienteering.com/club/uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(http://hborienteering.com/club/uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(http://hborienteering.com/club/uploads/NCleanBlue/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr {
/* absolute lets us put it outside the viewport with the indents, the rest is to clear all defaults */
	position: absolute;
	top: -9999em;
	left: -9999em;
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	border: none;
}
/* ------------ Standard  HTML elements and their default settings ------------ */
b, strong{font-weight: bold;}i, em{	font-style: italic;}
p {
	padding: 0;
	margin-top: 0.5em;
    margin-bottom: 1em;
   text-align:left;
}
h1, h2, h3, h4, h5 {
	line-height: 1.6em;
	font-weight: normal;
	width: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*default link styles*/
a {
	color: #679EBC;
	text-decoration: none;
	text-align: left;
}
a:hover {
	color: #3A6B85;
}
a:active {
	color: #3A6B85;
}
a:visited {
	color: #679EBC;
}
input, textarea, select {
	font-size: 0.95em;
}
/* ------------ Wrapper ------------ */
div#pagewrapper {
	font-size: 95%;
	position: relative;
	z-index: 1;
}
/* ------------ Header ------------ */
#header {
	height: 111px;
	width: 960px;
        /* width: auto; */
}
#logo a {
/* adjust according your image size */
	height: 75px;
	width: 700px;
/* forces full link size */
	display: block;
/* this hides the text */
	text-indent: -9999em;
	margin-top: 0;
	margin-left: 0;
/* you can set your own image here, note size adjustments */
	background: url(http://hborienteering.com/club/uploads/images/hbocweblogo.jpg) no-repeat left top;
}
/* ------------ Header - Search ------------ */
div#search {
	width: 190px;
	height: 28px;
	margin-top: 21px;
	margin-right: 5px;
}
div#search label {
	text-indent: -9999em;
	height: 0pt;
	width: 0pt;
	display: none;
}
div#search input.search-input {
/* specific size for image, your image may need these adjusted */
	width: 143px;
	height: 17px;
/* removes default borders, allows use of image */
	border-style: none;
/* text color */
	color: #999;
/* padding of text */
	padding: 7px 0px 4px 10px;
	float: left;
/* set all font properties at once, weight, size, family */
	font: bold 0.9em Arial, Helvetica, sans-serif;
/* left input image, set your own here */
	background: url(http://hborienteering.com/club/uploads/NCleanBlue/search.png) no-repeat left top;
}
div#search input.search-button {
/* specific size for image, your image may need these adjusted */
	width: 37px;
	height: 28px;
/* removes default borders, allows use of image */
	border-style: none;
/* hides text, image has text */
	text-indent: -9999em;
	float: left;
	margin: 0;
/* provides positive hover effect */
	cursor: pointer;
/* removes default size/height */
	font-size: 0px;
	line-height: 0px;
/* submit button image, set your own here */
	background: transparent url(http://hborienteering.com/club/uploads/NCleanBlue/search.png) no-repeat right top;
}

/* ------------ Facebook link ----------- */
div#facebook {
	margin-top: 1px;
	margin-right: 40px;
}

/* ------------ Content ------------ */
#content {
	width: auto;
/* all text in #content will default align left, changed in other calls */
	text-align: left;
}
#bar {
	width: auto;
	height: 40px;
	padding-right: 1em;
	padding-left: 1em;
}
.print {
	margin-right: 75px;
	margin-top: 10px;
}
#version {
	width: 50px;
	height: 31px;
	position: absolute;
	z-index: 5;
	top: 130px;
	right: -16px;
	font-size: 1.6em;
	font-weight: bold;
	padding: 28px 15px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	background:  url(http://hborienteering.com/club/uploads/NCleanBlue/version.png) no-repeat left top;
}
/* IE6 fixes */
* html div#version {
	top: 150px;
}
/* End IE6 fixes */
/* Site Title */
h1.title {
	font-size: 1.8em;
	color: #666666;
	margin-bottom: 0.5em;
}
/* Breadcrumbs */
div.breadcrumbs {
	padding: 0.5em 0;
	font-size: 80%;
	margin: 0 1em;
}
div.breadcrumbs span.lastitem {
	font-weight: bold;
}
/* ------------ Side Bar (Left) ------------ */
#left, #right {
	width: 250px;
}
/* Image that Represents the new CMS design */
#left .screen {
	margin: 10px 50px;
}
/* End  */
.sbar-title {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #252523;
}
.sbar-top {
	height: 20px;
	width: auto;
	padding: 10px;
	background: url(http://hborienteering.com/club/uploads/NCleanBlue/bg__content.png) no-repeat left top;
}
.sbar-main {
	width: auto;
	border-right: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	background: #F0F0F0;
}
span.sbar-bottom {
	width: auto;
	display: block;
	height: 10px;
	background: url(http://hborienteering.com/club/uploads/NCleanBlue/bg__content.png) no-repeat left bottom;
}
/* ------------ Main (Right) ------------ */
#main {
	width: 690px;
}
.main-top {
	height: 15px;
	width: auto;
	background: url(http://hborienteering.com/club/uploads/NCleanBlue/bg__content.png) no-repeat right top;
}
.main-main {
	width: auto;
	border-right: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	background: #F0F0F0;
	padding: 20px;
	padding-top: 0px;
}
.main-bottom {
	width: auto;
	height: 41px;
	background: url(http://hborienteering.com/club/uploads/NCleanBlue/bg__content.png) no-repeat right bottom;
}
.right49, .left49 {
	font-size: 0.85em;
	margin: 7px 5px 5px 10px;
	font-weight: bold;
}
.left49 span {
	display: block;
	padding-top: 1px;
}
.left49 a {
	font-weight: normal;
}
.right49 {
	height: 28px;
	width: 50px;
	padding-right: 10px;
	background: url(http://hborienteering.com/club/uploads/NCleanBlue/bull.png) no-repeat right top;
}
.right49 a, .right49 a:visited {
	padding: 7px 4px;
	display: block;
	color: #000;
	height: 15px;
	background: url(http://hborienteering.com/club/uploads/NCleanBlue/bull.png) no-repeat  left top;
}
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
	font-size: 1.4em;
	color: #301E12;
}
div#main ul,
div#main ol,
div#main dl,
#footer ul,
#footer ol {
	line-height: 1em;
	margin: 0 0 1.5em 0;
}
div#main ul,
#footer ul {
	list-style: circle;
}
div#main ul li,
div#main ol li,
#footer ul li,
#footer ol li {
	padding: 2px 2px 2px 5px;
	margin-left: 20px;
}
/* definition lists topics on bold */
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
/* ------------ Footer ------------ */
#footer-wrapper {
	min-height: 235px;
	height: auto!important;
	height: 235px;
	width: auto;
	margin-top: 5px;
	text-align: center;
	margin-right: 00px;
	margin-left: 0px;
	background: #7CA3B5 url(http://hborienteering.com/club/uploads/NCleanBlue/bg__footer.png) repeat-x left top;
}
#footer {
	color: #FFF;
	font-size: 0.8em;
	min-height: 235px;
	height: auto!important;
	height: 235px;
	background: #7CA3B5 url(http://hborienteering.com/club/uploads/NCleanBlue/bg__footer.png) repeat-x left top;
}
#footer .block {
	width: 300px;
	margin: 20px 10px 10px;
}
#footer .cms {
	text-align: right;
}
/* ------------ Footer Links ------------ */
#footer ul {
	width: auto;
	text-align: left;
	margin-left: 50px;
}
#footer ul ul {
	margin-left: 0px;
}
#footer ul li a {
	color: #FFF;
	display: block;
	font-weight: normal;
	margin-bottom: 0.5em;
	text-decoration: none;
}
#footer a {
	color: #DCEDF1;
	text-decoration: underline;
	font-weight: bold;
}
/* ------------ END LAYOUT ---------------*/
/* ------------  Menu  ROOT  ------------ */
.page-menu {
	width: auto;
	height: 35px;
	margin: 3px 0 0 20px;
}
.menuwrapper {}

ul#primary-nav li hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
       	height: 32px;
       	margin: 0px 5px 0px;
}
.page-menu ul#primary-nav {
	height: 1%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
.page-menu ul#primary-nav li {
	float: left;
}
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
	display: block;
	padding: 0 10px;
	background-repeat: no-repeat;
	background-image: url(http://hborienteering.com/club/uploads/NCleanBlue/tabs.gif);
}
.page-menu ul#primary-nav li a {
	padding-left: 0;
	color: #000;
	font-weight: bold;
	line-height: 2.15em;
	text-decoration: none;
	margin-left: 1px;
	font-size: 0.85em;
}
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
	color: #000;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
	color: #000;
}
.page-menu ul#primary-nav li a span {
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 5px;
}
.page-menu ul#primary-nav li a.menuparenth,
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
	background-position: 100% -120px;
}
.page-menu ul#primary-nav li a {
	background-position: 100% -80px;
}
.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:hover span,
.page-menu ul#primary-nav li a:focus span,
.page-menu ul#primary-nav li a:active span {
	background-position: 0 -40px;
}
.page-menu ul#primary-nav li a span {
	background-position: 0 0;
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
	font-weight: normal;
	background-image: none;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#primary-nav {
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	list-style: none;
	margin: -6px 0px 0px;
	padding: 0px;
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 209px;
}
#primary-nav ul {
	position: absolute;
	z-index: 1001;
	top: auto;
	display: none;
	padding-top: 9px;
	background: url(http://hborienteering.com/club/uploads/NCleanBlue/ultop.png) no-repeat left top;
}
* html #primary-nav ul.unli {
	padding-top: 12px;
	background: url(http://hborienteering.com/club/uploads/NCleanBlue/ultop.gif) no-repeat left top;
}
#primary-nav ul.unli ul {
	margin-left: -7px;
	left: 100%;
	top: 3px;
}
* html #primary-nav ul.unli ul {
	margin-left: -0px;
}
#primary-nav li {
	margin: 0px;
	float: left;
}
#primary-nav li li {
	margin-left: 7px;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* Styling the basic appearance of the menu elements */
ul#primary-nav ul hr.menu_separator{
        position: relative;
        visibility: visible;
        display:block;
        width:130px;
       	height: 1px;
       	margin: 2px 30px 2px;
	padding: 0em;
	border-bottom: 1px solid #ccc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
	height: 9px;
	width: 209px;
	margin: 0px 0px -8px;
	background: url(http://hborienteering.com/club/uploads/NCleanBlue/ulbtm.png) no-repeat left bottom;
}
* html #primary-nav .separator {
       z-index:-1;
	background: url(http://hborienteering.com/club/uploads/NCleanBlue/ulbtm.gif) no-repeat left bottom;
}
*:first-child+html #primary-nav .separator {
       z-index:-1;
}
#primary-nav ul.unli li a {
	padding: 0px 10px;
	width: 165px;
	margin: 5px;
	background-image: none;
}
* html #primary-nav ul.unli li a {
	padding: 0px 10px 0px 5px;
	width: 165px;
	margin: 5px 0px;
}
#primary-nav li li a:hover {
	background-color: #DBE7F2;
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	background-color: #DBE7F2;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-image: url(http://hborienteering.com/club/uploads/NCleanBlue/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/*************** End Menu *****************/
/* ------------ HBOC Buttons ------------ */
.link_btn {
	display: inline;
	padding: 5px;
	float: left;
}

.link_btn button {
        width: 100;
        height: 85;
        background:lightgray;
}

.link_btn button:hover {
        background:lightblue;
}

.link_btn2 {
        vertical-align:  top;
        width:  100px;
        height: 75px;
        background:lightgray;
}

.link_btn2:hover {
        background:lightblue;
}

/*********** End HBOC Buttons *************/
/* ----- HBOC Bootstrap equivalents ----- */
/* HIDDEN */
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
}
.col-sm-12 {
    width: 100%;
}
.col-sm-11 {
    width: 91.6667%;
}
.col-sm-10 {
    width: 83.3333%;
}
.col-sm-9 {
    width: 75%;
}
.col-sm-8 {
    width: 66.6667%;
}
.col-sm-7 {
    width: 58.3333%;
}
.col-sm-6 {
    width: 50%;
}
.col-sm-5 {
    width: 41.6667%;
}
.col-sm-4 {
    width: 33.3333%;
}
.col-sm-3 {
    width: 25%;
}
.col-sm-2 {
    width: 16.6667%;
}
.col-sm-1 {
    width: 8.33333%;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-default {
  border-color: #ddd;
  border-top-color: #ddd;
  border-bottom-color: #ddd;
}
.panel-body {
  padding: 15px;
  background-color: #fff;
  border-top-color: #faebcc;
  border-bottom-color: #faebcc;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label-primary {
  background-color: #428bca;
}
.h1 {
  font-family: inherit;
  font-weight: 500;
  font-size: 36px;
  line-height: 1.1;
  color: inherit;
  margin-top: 20px;
  margin-bottom: 10px;
}
/* END HIDDEN */

/***** End HBOC Bootstrap equivalents *****/
/* ------------ News Module ------------ */
.hbocnewswrapper {
        margin-left: auto;
        margin-right: auto;
        padding-left: 5px;
}
#news {
	padding: 10px;
}
.NewsSummary {
}
.NewsSummaryPostdate,
.NewsSummaryCategory,
.NewsSummaryAuthor {
	font-style: italic;
	font-size: 0.8em;
}
.NewsSummaryLink {
	margin: 2px 0;
}
.NewsSummaryContent {
	margin: 10px 0;
}
.NewsSummaryMorelink {
	margin: 5px 0 5px;
}
/* ------------ End News Module ------------ */
/* ------------ HBOC Park-O ---------------- */
/*
.parko {
	background: url(http://hborienteering.com/club/uploads/images/bodybg.jpg) no-repeat scroll left top;
}
*/
/* ------------ End HBOC Park-O ------------ */
/* ------------ HBOC Contacts Page ------------ */
.HBOCContacts table {
  border-collapse: collapse;
}
.HBOCContacts table th td {
  border: 1px solid grey;
}
/* ------------ End HBOC Contacts Page ------------ */
/* ------------ HBOC Calendar2/fixtures-list2 Page ------------ */
.fx2content {
    width: 100%;
    overflow-x: auto;
}
.fx2calendar {
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    width: 945px;
}
.fx2calendar .fx2header .fx2month-year {
    font-size: 20px;
    font-weight: bold;
    color: #636e73;
    padding: 20px 0 0 0;
    width: 100%;
}
.fx2calendar .fx2header .fx2month-year .fx2month-year-text {
    display: flex;
    width: calc(936px / 3);
}
.fx2calendar .fx2days {
    display: flex;
    flex-flow: wrap;
    margin-top: -10px;
}
.fx2calendar .fx2days .fx2day_name {
    width: calc(100% / 7);
    border-right: 1px solid #2c7aca;
    padding: 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #818589;
    color: #fff;
    background-color: #448cd6;
}
.fx2calendar .fx2days .fx2day_name:nth-child(7) {
    border: none;
}
.fx2calendar .fx2days .fx2day_num {
    display: flex;
    flex-flow: column;
    width: calc(100% / 7);
    border-right: 1px solid #e6e9ea;
    border-bottom: 1px solid #e6e9ea;
    padding: 5px;
    font-weight: bold;
    color: #7c878d;
    cursor: pointer;
    min-height: 100px;
}
.fx2calendar .fx2days .fx2day_num span {
    display: inline-flex;
    width: 30px;
    font-size: 14px;
}
.fx2calendar .fx2days .fx2day_num .fx2event {
    margin-top: 4px;
    font-weight: 500;
    font-size: 12px;
    padding: 2px 3px;
    border-radius: 4px;
    color: #334372;
    text-align: center;
    word-wrap: break-word;
    white-space: normal;
}
.fx2calendar .fx2days .fx2day_num .fx2event span {
    border: 1px solid grey;
} 
.fx2calendar .fx2days .fx2day_num .fx2day_num_num {
    color: orange;
}
.fx2calendar .fx2days .fx2day_num .fx2event a {
    color: #334372;
}
.fx2calendar .fx2days .fx2day_num:nth-child(7n+1) {
    border-left: 1px solid #e6e9ea;
}
.fx2calendar .fx2days .fx2day_num:hover {
    background-color: #fdfdfd;
}
.fx2calendar .fx2days .fx2day_num.fx2ignore {
    background-color: #fdfdfd;
    color: #ced2d4;
    cursor: inherit;
}
.fx2calendar .fx2days .fx2day_num.fx2selected {
    background-color: #f1f2f3;
    cursor: inherit;
}

@media screen and (max-width: 800px) {
  .fx2calendar {
    overflow-x: auto;
    width: 100%;
  }
}
/* ------------ End HBOC Calendar2/fixtures-list2 Page ------------ */
/* ------------ HBOC 50th Anniversary Page ------------ */
.anniveresmsg {
  position: absolute; 
  top: -3em; 
  left: 5%; 
  width: 85%;
}
@media screen and (min-width: 800px) {
  .anniveresmsg {
      position: absolute;
      top: -3em;
  }
}
/* ------------ End HBOC 50th Anniversary Page ------------ */