infoCenter/app/banner/banner.css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  /*vertical-align: baseline;
  background: transparent;*/
  text-align:left;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

body{
	 font-family: 'Roboto',"Helvetica Neue",Helvetica,Arial,sans-serif;
}

header{
	background:#EFEEF2;
	width: 100%;
	border-bottom:1px solid #ccc;
	color: #333333;
}

header #logo{
	padding:14px 15px 0 15px;
}

.left{
	float:left;
	width: 5%;
}

.right{
	float:right;
	width:35%;
}

.center{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 65%;
	text-align:center;
}

.center h3{
  padding: 10px;
}

.right h1{
	text-align:right;
	padding:10px 20px;
	font-style: italic;
}

.right h1 strong{
	font-size:21px;
}

.right h1 span{
	font-size:13px;
	font-weight: normal
}