/* START News site css */

h2>a {
	color:#194953;
}

a, .ms-link:visited{
	/*color:#194953;*/ 
}

.ms-blog-postBoxDate{
	background-color:#84BEBD;
	border-color:#84BEBD;
}

.ms-blog-MainArea{
	max-width:inherit;
}

.ms-blog-LeftColumn{
	display:block;
}

.ms-blog-postList{
	max-width:inherit;
	margin-left:24px;
}

.ms-blog-postBox{
	margin:10px 0px 0px 0px;
}

/* hide who posted the post in the blog(news) site */
.ms-blog-postBoxMargin > .ms-metadata{
	display:none;
}

/* END News site css */


/* START NewsRoom page css */
.title-With-Background{
	background-color:#84BEBD;
}


/* END NewsRoom page css */

/* Search results specific css */
.ms-srch-siteSearchResults{
	float:inherit;
}

.ms-srch-sbLarge{
	display:none;
}

/* End search results css */


/* Overall page CSS */
#page{
	width: 100%; 
	margin: 0 auto; 
}
body {
	color:#194953;
	overflow:auto;
	font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
}

img {
	border:0;
}


/*---------------------------------*/
/* Main Content Pages (Level3) CSS */
/*---------------------------------*/
.hbc-content {
	margin: 0 auto;
	z-index:99;
	height:auto;
	overflow: auto; /* clearfix hack */
	position:relative;
}

.hbc-content-img{
  	margin: 1em 0 1em 1em;
  	width:40%;
}

.hbc-content-img img{
	width:100%;
}

.TopLeft{
	float: left;
}

.TopRight{
	float:right;
}

.Top{
	float:none;
}

.img-small{
	width:10%;
}

.img-medium{
	width:25%;
}

.img-Large{
	width:40%;
}



/*------------------------------------------------------------------*/
/* style for content pages (level3), changes WYSIWYG style previews */
/*------------------------------------------------------------------*/
.ms-rtestate-field P, P.ms-rteElement-P{
	color:#194953;
	font-size:1em;
}

.ms-rtestate-field h1, h1.ms-rteElement-H1{
	color:#194953;
	font-size:1.6em;
	font-weight:bold;
}

.ms-rtestate-field h2, h2.ms-rteElement-H2{
	color:#194953;
	font-size:1.3em;
	font-weight:bold;
}

.ms-rtestate-field h3, h3.ms-rteElement-H3{
	font-size:1.3em;
	color:#194953;
}

.ms-rtestate-field h4, h4.ms-rteElement-H4{
	color:#194953;
}



/*------------------------*/
/* Master Page Header CSS */
/*------------------------*/
.hbc-header-container{
	min-width:320px;
}

.hbc-header{
    background-color:#194953;
	max-width:978px;
	height:110px;
	margin: 10px auto 0px auto;
	position:relative;

}

.hbc-readme {
	z-index:99;
	position:absolute;
	top:0px;
	left:0%;
	color:white;
	text-align:center;
}

.hbc-readme a{
	color:white;
}


.hbc-header-text{
	z-index:99;
	position:absolute;
	top:38px;
	left:33%;
	color:white;
	text-align:center;
}

.hbc-logo img{
position:relative;
top:8px;
	margin-left:10px;
	width:96px;
}

.hbc-searchbox{
	z-index:99;
	position:absolute;
	right:0%;
	top:8px;
}



/*
.hbc-searchbox{
	z-index:99;
	position:relative;
	float:right;
	top:5px;
}*/

.ms-srch-sb {
	background-color:#194953;
	border:0px;
	}
	
.ms-srch-sb-border:hover{
	border:0px;
}
	
.ms-srch-sb > input, .ms-srch-sb > input:hover, .ms-srch-sb >input:focus{
	border-radius: 5px;
	/*border: #84BEBD 4px solid;*/
	background-color: #84BEBD;
	width:120px;
	height:22px;
}

.hbc-emergency{
	max-width:978px;
	margin: 0 auto;
	color:yellow;
	font-weight:bold;
	font-size:1.3em;
	text-align:center;
	background-color:#194953;
}

.hbc-readspeaker{
	max-width:978px;
	margin: 0 auto;
}

/*Readspeaker Listen Button Location*/
Div#readspeaker_button1{
}

.rsbtn{
	margin-bottom:0px !important;
}



/*--------------------------------------------------------------*/
/* Master Page Main Body Secton (Contains all other levels) CSS */
/*--------------------------------------------------------------*/
.hbc-main-container{
	/*background-color:#F0F3FA; - Light Grey*/
    min-width:320px;
}

.hbc-main {
	/*background-color:#CCE0E0; */
	background-color:#F0F3FA; 
	max-width:978px;
	margin: 0 auto;
	padding-bottom:10px; /* slight pad to space bottom row of links from the footer*/
	/* set background image of hbc-content area on content pages */
	/*background-image: url('/pages/images/background.jpg'); 
    /*-webkit-background-size: cover; /* For WebKit*/
    /*-moz-background-size: cover;    /* Mozilla*/
    /*-o-background-size: cover;      /* Opera*/
    /*background-size: cover; */
}



/*------------------------*/
/* Master Page Footer CSS */
/*------------------------*/
.hbc-footer-container{
	/*background-color:#CCE0E0;*/
    min-width:320px;
    
}

.hbc-footer{
	background-color:#194953;
	max-width:978px;
	margin: 0 auto;
	/*height:96px;*/
	height:100px;
	position:relative /* this is the container for .hbc-footer-image and hbc-social-buttons and allows them to be absolutely positioned */
}

.hbc-footer-image{
	float:right;
}

.hbc-social-buttons{
	/*float:left;*/
	position:absolute;
	left:10px;
	top:25px;
}

.hbc-footer-text{
	z-index:99;
	position:absolute;
	top:65px;
	left:40%;
	color:white;
	text-align:center;
	display:none;
}

.hbc-footer-text a:link, .hbc-footer-text a:visited{
	color:white;
}

.hbc-footer-terms{
	position:absolute;
	font-size:0.8em;
	color:#80BFC0;
	top:82px;
	right:0px;
}

.hbc-footer-terms a:visited, .hbc-footer-terms a:link, .hbc-citrix-link a:visited, .hbc-citrix-link a:link{
	color:#80BFC0;
}

.hbc-footer-copy{
	position:absolute;
	font-size:0.8em;
	color:#80BFC0;
	top:82px;
	left:10px;


}

.clearfix_old {
  overflow: auto;
}

/*
td img{
	max-width: 50%;
	height: auto;
	width: auto; /* for ie 8 */
/*}*/




/*-----------------------------------------------*/
/* Column layouts for homepage and level 2 pages */
/*-----------------------------------------------*/
.column4, .column3 {
	float: left;
	margin-left: 2%;
    text-align:center;
    
}
.column4 {
	width: 23%;
	margin-bottom:1%;
}

.column3{
	width:30%;
}

.column4 a, .column3 a{
	color:#194953;
}

.column4 a:visited, column3 a:visited{
	color:#194953;
}

.first {
	margin-left: 2%; /* this was originally 0*/
	clear: left;
}

/* change image sizes within grid cells when the page is resized */
.column4 img{
	width:80%;
	max-width:125px;
	max-height:89px; /* CHANGE THIS to the final height of all the images used. */
}

/* change image sizes within grid cells when the page is resized */
.column3 img{
	width:80%;
	max-width:125px;
	margin-top:12%;
	max-height:89px; /* CHANGE THIS to the final height of all the images used. */
}



/* All other css */

/* Remove article padding in the content area of pages */
div.article{
	padding:0px;
}