/* --------------- */
/* Homepage styles */
/* --------------- */
#homepage_news, #hp_most_read, #homepage_banner { margin-bottom: 15px; }

#homepage_news h3, #hp_most_read h3 { color: #aa332f; }

#homepage_banner {
	line-height: 0;
	/* IE6 Fix */
	min-height: 146px;
	height: auto !important;
	/*	height:146px; */
	clear: both;
	background: url("/img/homepage_banner.jpg") no-repeat scroll #dbdbdb;
}

#homepage_banner .highlights {
	border-left: 4px solid #ffffff;
	float: right;
	min-height: 141px;
	height: auto !important;
	/*	height:141px; */
	padding: 6px 15px 0px 10px;
	width: 200px;
	font-size: 1em;
	line-height: 1.1em;
	background-color: #dbdbdb;
}

#homepage_banner .highlights a:visited { color: #003366; }

#homepage_banner .highlights h4 { margin-bottom: 5px; }

#homepage_news div.news_content {
	border: 1px solid #928F8F;
	border-top: none;
	clear: both;
	padding: 10px 10px 0px 0px;
	display: none;
	vertical-align: top;
	overflow: hidden;
	/* prevent container from collapsing on floats */
}

#homepage_news div table { width: 100%; border-collapse: collapse; }

#homepage_news div table caption { display: none; }

#homepage_news a.view_all {
	float: right;
	margin-bottom: 5px;
	border: none;
}

#homepage_news div table.side_by_side td.left_table, #homepage_news div table.side_by_side td.right_table {
vertical-align: top;
width: 50%;
}

#homepage_news div table.side_by_side td tr td.item_date { width: 10%; }

#homepage_news div table.side_by_side td tr td { width: 90%; }

#homepage_news div table td.title, #homepage_news div table th {
text-align: left;
font-size: 1em;
font-weight: bold;
padding: 5px 10px;
border-bottom: 1px solid #928F8F; }

#homepage_news div table h4, #homepage_news div table ul, #homepage_news div table p { margin-bottom: 5px; }

#homepage_news div table tr td { width: 45%; }

#homepage_news div table tr td.item_date {
white-space: nowrap;
padding-right: 15px;
width: 5%;
vertical-align: top;
text-align: right;
}

#homepage_news div table tr td { padding-bottom: 10px; padding-left: 10px; }

#homepage_news div.nav_on { display: block; }

#center #homepage_news ul#homepage_tabs {
text-align: left;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size: .9em;
font-weight: bold;
border-bottom: 1px solid #928F8F;
list-style-type: none;
margin: 0;
padding: 0px 10px 5px 0px;
}

#center #homepage_news ul#homepage_tabs li {
  white-space: nowrap;
  display: inline;
  background: none;
  margin: 0;
  padding: 0; }

/* all tab links */
#center #homepage_news ul#homepage_tabs li a {
  padding: 5px 8px;
  border: 1px solid #928F8F;
  background-color: #928F8F;
  color: #ffffff;
  /* additional spacing between tabs */
  margin-right: 5px;
  text-decoration: none;
  border-bottom: none;
  position: relative;
  /* IE6 padding fix */ }

/* selected tab link */
#center #homepage_news ul#homepage_tabs li a.nav_on {
  top: 1px;
  padding-top: 6px;
  background-color: #ffffff;
  color: #aa332f; }

#center #homepage_news ul#homepage_tabs a:hover {
  background-color: #273366;
  color: #ffffff; }

#center #hp_most_read ul {
  margin: 0;
  padding: 0px 0px 0px 2px; }

#center #hp_most_read ul li {
  background: none;
  padding-left: 0;
  display: inline; }

/* shows two columns per row */
#center #hp_most_read ul li a {
  background: url(/img/bullet_point_red.gif) 0px 5px no-repeat;
  margin-bottom: 5px;
  width: 47%;
  padding-left: 1em;
  vertical-align: text-top;
  display: inline-block;
  border: none; }

#center #hp_most_read ul li a:hover {
  text-decoration: underline; }



/* ----------------------------- */
/* New Homepage highlight styles */
/* ----------------------------- */

#hlboxesdiv {position: relative; margin-left:-10px; margin-right:-10px; /* width: calc(100% + 20px); */}
#hlboxestable {display:table; border-spacing:10px; width:100%; }
.hlboxesrow {display:table-row; min-height:50px; width:100%;}
.hlboxcell {display:table-cell; position:relative; width:33%; border:1px solid #dbdbdb; border-bottom-right-radius:7px; border-bottom-left-radius:7px; background-color:#f4f4f4; }
.hlboxcell.banner70 { width:70%;}
.hlboxredbar {position:absolute; top:-14px; left:-1px; width:100%; border-left:1px solid #aa332f; border-top:9px solid #aa332f; border-right:1px; border-bottom:none; overflow:hidden; height:0px; background-color:#aa332f;}
/* .hlbox-homepage.hlbox-toppage .hlboxcell.hover, .hlbox-homepage.hlbox-toppage .hlboxcell.hover .hlboxredbar { box-shadow: 3px 3px 5px #dbdbdb; } */
.hlboxverticalspace {display:none;}

.hlboximgtop {position:relative; top:0px; left:0px; height:65px; width:100%; overflow:hidden; margin:0px; padding:0px; background-repeat:no-repeat;}
.hlboximgtoptext {position:absolute; bottom:0px; width:100%; height:25px; background:#ffffff; background-color:rgba(255,255,255,0.8); opacity:0.6; border-top:1px solid white; /* for IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}

.hlboxcontent {display:inline-block; vertical-align:text-top; margin:0px; padding:0px; width:100%; border-spacing:0px;}
.hlboxtext {font-size:0.9rem; color:black; padding:10px; padding-top:2px;}

.hlboxtext .title {font-size: 1rem; font-weight:500; text-decoration:none; border-bottom:none; color:#aa332f;}
.hlboxtext .date {display:block; margin-bottom:7px; color:#928F8F;}
.hlboxtext .text {display:block; line-height:120%; margin-bottom:7px;}

@media only screen and (max-width:750px) {
	.hlboxcell, .hlboxcell.banner70 { display:block; width:100%;}
	.hlboxverticalspace {display:block; height:30px;}
	.hlboximgtop {height:auto;}
	.hlboximgtoptext {position:relative; top:0px;}
	/* This next line is needed for a Chrome bug which doesn't resize the row properly when adjusting the screen width. */
	.hlboxesrow { display:block; }
}


/*
 * Annual report banner CSS.
 */
#annualtitle-boxdiv1 {width:69%;float:left;}
#annualtitle-speeches1 {width:29%;float:right;}

#annualtitle-redline {
	width:100%;
	height:7px;
	background-color:#aa332f;
	padding:0px;
	margin-bottom:3px;
	border:1px solid #aa332f;
}
#annualtitle-table {
	display:table;
	border:1px solid #dbdbdb;
	border-bottom-right-radius:7px;
	border-bottom-left-radius:7px;
	overflow:hidden;
	width:100%;
	padding:0px;
	margin:0px;
	display:inline-block;
	vertical-align:top;
	background-color:#f4f4f4;
}
#annualtitle-cell2 {width:auto;display:table-cell;}
#annualtitle-chapt {/*height:192px;*/display:table-cell;}
#center #annualtitle-chapt-title {
	font-size:1.4em;
	color:#928F8F;
	padding:0px;
	margin-bottom:8px;
}
#annualtitle-chapt-div1 { margin:20px; }
#annualtitle-chapt-div1 ul { margin-left:0px; padding-left:0px; }
#annualtitle-chapt-div1 ul li { background:url(/img/bullet_point_red.gif) 0 .6em no-repeat; }
#annualtitle-chapt-div1 ul li a { border-bottom:0px; }
#annualtitle-article-div1 { margin:20px; }
#center #annualtitle-article-title {
	color:#aa332f;
	font-size:1.4em;
	margin-bottom:5px;
}

#center .annualtitle {
	font-weight:bold;
	display:block;
	margin-bottom:0px;
	color:#aa332f;
	text-align:left;
	font-size:1.33em;
	padding:0px;
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
}
#annualtitle1,#annualtitle2 { display:block; }
#center #annualtitle3 { color:black; font-weight:normal; font-size:1.28em; }

#annualtitlebox-tablerow { display:table-row; }

#annualtitle-cell1 {
	height:100%;
	border-bottom-left-radius:7px;
	width:150px;
/*	min-height:192px; */
	display:table-cell;
	background-image:url('/img/homepage/default-cell1.jpg');
	background-repeat:no-repeat;
	background-color:#ffffff;
}
#annualtitle-cell1-div1 {
	position:absolute;
	bottom:0px;
	width:150px;
	background:#ffffff;
	background-color:rgba(255,255,255,0.7);
border-bottom-left-radius: 7px;
z-index:50;
}
.no-rgba #annualtitle-cell1-div1 { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

#annualtitle-cell1-div2 {
	width:100%;
	height:100%;
	margin:5px;
}

#annualtitle-article { width:50%; /* height:192px; */ display:table-cell; }

#annualtitle-speeches1-titlediv { border-bottom:1px solid #dbdbdb;}
#center #annualtitle-speeches1-title {
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	padding:0px;
	margin-bottom:5px;
	color:#aa332f;
}
.annualtitle-speeches1-div1 {
	display:table;
	border-bottom:1px solid #dbdbdb;
	font-size:0.7rem;
	padding:2px 0px;
	width:100%;
}
.annualtitle-speeches1-imgdiv { display:table-cell; white-space:nowrap; width:1%; }
#center .annualtitle-speeches1-imgdiv a { text-decoration:none; border-bottom:0px }
.annualtitle-speeches1-imgdiv a img { padding:0px; margin-right:5px; border:0px; }
.annualtitle-speeches1-txt { display:table-cell; vertical-align:top; }
#annualtitle-speeches1 .annualtitle-speeches1-txt a { text-decoration:none;border-bottom:0px; }
#annualtitle-speeches1 .annualtitle-speeches1-txt a:hover { text-decoration:none; border-bottom:1px solid #00407f; }
#annualtitle-speeches1 .annualtitle-speeches1-imgphoto { height:52px; vertical-align:middle; margin-right:0px; }

#annualtitle-speeches1 .annualtitle-speeches1-imgvidsym { height:17px; vertical-align:middle; padding-left:0px; padding-right:7px; }

.annualtitle-speeches1-clrspc { clear:left; margin-bottom:3px; height:0px;}

#annualtitle-speeches1-title #agmlink, #annualtitle-speeches1-title #agmlink:visited { color: #aa332f; border:none; }
#annualtitle-speeches1-title #agmlink:hover { border-bottom:1px solid #aa332f; }

@media only screen and (max-width:750px) {
	#center .annualtitle { margin-right:0px; }
	#center #annualtitle1, #center #annualtitle2 { display:inline; }
	#center #annualtitle3 { text-align:left; }
	#annualtitlebox-tablerow {display:block;}

	.hlboxcontent #annualtitle-cell1 { display:block; width:100%; background-image:none; min-height:0px; }
	#annualtitle-cell1-div1 { position:relative; width:100%; padding:5px 0px; border-bottom-left-radius:0px; }

	#annualtitle-article, .hideunder750 { display:none; }
	#annualtitle-boxdiv1 { width:100%; margin-bottom:20px; }
	#annualtitle-chapt { height:auto; }

	#annualtitle-speeches1 { width:100%; }
	.annualtitle-speeches1-txt { padding-top:5px; }
}

