@charset "UTF-8";
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background: #fcf58b;
	background-image:url(../images/DCM-gradientBG.jpg);
	background-repeat:repeat-x;
	color: #000000;
}
p {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}
#header h1 {
	margin: 0;
}
h1 {
	font: bold x-large Arial, Helvetica, sans-serif;
	color: #003399;
}
h2 {
	font: bold medium Arial, Helvetica, sans-serif;
}
h3 {
	font: bold small Arial, Helvetica, sans-serif;
}
a:link { 
	font-family: Arial, Helvetica, sans-serif;
	color:#003399;
	font-style:normal;
	text-decoration:underline;
}
a:visited { 
	font-family: Arial, Helvetica, sans-serif;
	color:#3163C9;
	font-style:normal;
	text-decoration:none;
} 
a:hover { 
	font-family: Arial, Helvetica, sans-serif; 
	color:#FFFF78; 
	font-style:normal; 
	text-decoration:underline; 
} 
a:active { 
	font-family: Arial, Helvetica, sans-serif; 
	color:#FFFF78; 
	font-style:normal; 
	text-decoration:dotted; 
} 

/*Misc. -----------------------*/
img {
	max-width: 100%;
	height: auto !important;
}

.alignleft {
	float: left; 
	margin: 0 10px 10px 0;
}

.alignright {
	float: right; 
	margin: 0 0 10px 10px;
}

hr {
	border-top: 1px solid #D7D7D7;
}

blockquote {
	margin: 0;
	padding: 0;
	border: none;
	font-weight: normal;
	font-style: italic;
	font-size: 15px;
}

/*General Layout--------------*/
.wrapper {
	max-width: 1025px;
	background: transparent;
	margin: 0 auto; 
	text-align: left; 
} 
#header { 
	background: transparent;
	height: 156px;
} 

#logo {
	float: left;
}

.right-header {
	float: right;
}

#mainContent,
#mainContentInner,
#sidebar1,
#sidebar2 {
	margin: 20px 0;
}

#slideshow-container {
	float: left;
  border-style: solid;
  border-width: 3px;
  border-color: #00008B;
  width: 209px;
  height: 300px;
  margin: 0;
  padding: 0;
  position: relative;
}

#slideshow-container img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#mainContentInner img {
		margin: 8px;
		max-width: 30%;
	}

#footer {
	height: 45px;
	padding: 0 10; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:transparent;
} 
#footer p {
	font-size: x-small;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#backgraphic {
	background-image: url(../images/DCM-background.jpg);
	background-repeat: no-repeat;
	height: 1000px;
	width: 1250px;
	z-index: -2;
	top:0px;
	position:absolute;
	margin-left: -120px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

/* Navigation Menu!
-------------------------------------------------------------------------------*/


/* Responsive Menu!
-------------------------------------------------------------------------------*/
.icon-plus {
	position: absolute;
	top: 20px;
	width: 50px;
	padding: 6px 0;
	margin-top: -20px;	
	right: 0;
	font-size: 28px;
	-webkit-font-smoothing: antialiased;
	color: #0033A1;
	z-index:6;
}

#nav-rd {
	display: none;
	clear: both;
	width: 100%;
	position: relative;
	z-index: 999999999;
}

#nav-rd a {
	text-transform: uppercase;
	width: 90%;
}

.menu-panel {
	display: block;
	position: relative;
	z-index: 5;
	width: 100%;
	float: right;
	color: #0033A1;
	margin: 0;
	padding: 5px 0;
	text-decoration: none;
	font-size: 14px;
	cursor: pointer;
	font-weight: bold;
	height: 47px;
	background:#0033A1;
}

.menu-panel p {
	position: absolute;
	color: #fff;
	font-size: 16px;
	margin-left: 10px;
	top: 50%;
	margin-top: -10px;
	right: 50px;
}

.menu-button {
	content: '';
	position: absolute;
	width: 27px;
	height: 4px;
	background: #fff;
	box-shadow: 0 8px 0 #fff, 0 16px 0 #fff;
	right: 10px;
	top: 50%;
	margin-top: -10px;
}

#nav-rd ul {
	display: block;
	float: left;
    cursor: pointer;
    text-align: left;
	width:100%;
	clear: both;
	margin: 0;
	padding: 0;
	background: #FFFF78;
}

#nav-rd ul ul,
#nav-rd ul ul ul {
	display: none;
	float: left;
	list-style: none;
	margin:0;
	clear: both;
	width: 100%;
}

#nav-rd ul ul {
	background: #0033A1;
}

#nav-rd ul ul ul {
	background: #0033A1;
}

#nav-rd .clicked > ul {
	display: block;
}

#nav-rd ul li:last-child {
	border: none;
}

#nav-rd ul li {
	position: relative;
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	z-index: 4;
	margin: 0;
	clear: both;
}

#nav-rd ul ul li {
	position: relative;
	float: left;
	width: 100%;
	clear: both; 
}

#nav-rd ul ul ul li {
	position: relative;
	float: left;
	width: 100%;
}
 
#nav-rd ul li a {
    padding: 5px 10px;
	line-height:30px;
	text-decoration:none;
	font-size:14px;
	display:block;
	color:#0033A1;
	margin: 0;
	font-weight:bold;
	float: left;
}


#nav-rd ul ul li a {
	padding-left: 20px;
	font-size:14px;
	color: #FFFF78;
	text-shadow: none;
	float: left;
}

#nav-rd ul ul ul li a {
	color: #FFFF78;
	margin-left: 10px;
	font-size: 14px;
	text-shadow: none;
	float: left;
}

.rd-menu {
	display: none;
	float: left;
	width: 100%;
}

.rd-menu.open {
	display: block;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon_902b5u.eot');
	src:url('fonts/icomoon.eot') format('embedded-opentype'),
		url('fonts/icomoon_902b5u.woff') format('woff'),
		url('fonts/icomoon_902b5u.ttf') format('truetype'),
		url('fonts/icomoon_902b5u.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
	content: "\e601";
}
.icon-play:before {
	content: "\e600";
}
.icon-plus:before {
	content: "\e603";
}
.clicked > .icon-plus:before {
	content: "\e602";
}


/* Media queries!
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 991px) {
#logo {
	width: 50%;
}

#header {
	height: auto;
	margin-bottom: 15px;
	margin-top: 20px;
}	

#backgraphic {
	display: none;
}	

.right-header {
	width: 150px;
}

.menubar {
	display: none;
}

.rd-menu {
	display: block;
}

#nav-rd {
	display: block;
}

.footer-menu {
	display: none;
}

}


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

#sidebar .item input[type="text"]
 {
	max-width: 175px !important;
}

	.phone {
		text-align: center;
	}
	#callstoaction2 {
		width: 80%;
		margin: 0 auto 10px auto;
	}
	
	#callstoaction2 img {
		float: left;
		width: 33%;
	}
	
	#slideshow-container {
		margin: 0 auto;
		float: none;	
	}	
	
	#HBCLogo {
		width: 210px;
		margin: 0 auto;
	}
	
	.flash {
		display: none;
	}


}

@media only screen and (max-width: 649px) {
	#logo {
		max-width: 335px;
	}

	#HBCLogo {
		width:215px;
		margin: 0 auto;
	}
	
	#sidebarleft span {
		text-align: center;
	}
	
	#callstoaction2 {
		width: 150px;
		margin: 0 auto 10px auto;
	}
	
	#callstoaction2 img {
		float: none;
		width: 100%;
	}
	

}

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

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
#slideshow-container {
  width: 149px;
  height: 213px;
}

}

/* Small Tablet (7 inch tablets) */
	@media only screen and (min-width: 650px) and (max-width: 767px) {



}



/* Mobile Landscape Size to Tablet Portrait (Iphone 5) */
	@media only screen and (min-width: 568px) and (max-width: 649px) {


}


/* Mobile Portrait Size to Mobile Landscape Size (Iphone 4) */
	@media only screen and (max-width: 567px) {
	
	.right-header{
	float: none; 
	margin: 0 auto;
}

	
	
	#logo {
		margin: 0 auto 10px auto !important;
		float: none;
		width: 300px;
	}
	
	input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox {
  width: 150px !important;
}

}


@media print {
  /*remove chrome links*/
  a[href]:after {
    content: none !important;
  }
  img,
#nav,
.footer-nav,
.ctas,
#sidebar {
	display: none;
}

.phone {
	color: #000 !important;
}

.logo p {
	display: block;
	font-size: 32px;
}

.entry-content {
	max-width: 100%;
	width: 100%;
}
    .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666666666666%;
  }
  .col-md-pull-10 {
    right: 83.33333333333334%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666666666666%;
  }
  .col-md-pull-7 {
    right: 58.333333333333336%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666666666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.666666666666664%;
  }
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
  .col-md-pull-0 {
    right: 0;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666666666666%;
  }
  .col-md-push-10 {
    left: 83.33333333333334%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666666666666%;
  }
  .col-md-push-7 {
    left: 58.333333333333336%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666666666667%;
  }
  .col-md-push-4 {
    left: 33.33333333333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.666666666666664%;
  }
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
  .col-md-push-0 {
    left: 0;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}