/* page */
body {
  font-size: 76%;
  font-family: arial,verdana;
  color: #4c4c4c;
  background-color: #d4d0c7;
  margin: 0px;
  padding: 0px 0px 20px 0px;
}

#wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 0px;
}

#page {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background-color: #ffffff;
}

/* top toolbar */
#toolbar {
  clear: both;
  width: 900px;
  border: none;
  border-collapse: collapse;
  margin-bottom: 8px;
  background-color: #ffffff;
}
.toolbarBookend {
  background-color: #fff;
}
.toolbarItem {
  /* background-color: #d8eaf8; */
  vertical-align: middle;
  border-right: 1px solid #ffffff;
}
a.toolbarLink, a.toolbarLink:active, a.toolbarLink:visited {
  display: block;
  color: #656565;
  font-weight: bold;
  background-color: #d8eaf8; 
  padding: 3px 10px 3px 10px;
  text-align: center;
  vertical-align: middle;
  margin: 0px;
}
a.toolbarLink:hover {
  background-color: #144a74;
  color: #ffffff;
  text-decoration: none;
}
a.toolbarLinkHere, a.toolbarLinkHere:active, a.toolbarLinkHere:visited {
  display: block;
  color: #656565;
  font-weight: bold;
  background-color: #ffffff; 
  padding: 3px 10px 3px 10px;
  text-align: center;
  vertical-align: middle;
  margin: 0px;
}
a.toolbarLinkHere:hover {
  text-decoration: none;
}

/* homepage section specific bits */
.greyBackground {
  padding: 10px;
  background-color: #edf3f7;
  /* background-color: #f6f9fb; */
  text-align: left;
}
.leftMenu {
  width: 270px;
  padding-right: 5px;
}
.leftMenuItem {
  margin-bottom: 10px;
  border-bottom: 1px dashed #d4d0c7;
}
.intro {
  padding-left: 10px;
}
.buzzwords {
  text-align: right;
  width: 230px;
  padding-right: 10px;
  padding-left: 0px;
}
.trends {
  width: 650;
  padding-right: 40px;
}
.sideBox {
  width: 250px;
  padding: 10px;
  text-align: center;
}
.quoteSurround {
  margin: 20px, 10px, 20px, 10px;
  padding: 10px;
  width: 400px;
  background-color: #edf3f7;
  /* background-color: #f6f9fb; */
}
.quote {
  margin-top: 10px;
}
.quoteBy {
  margin-top: 10px;
  color: #144a74;
}

/* content */
#mainSectionSurround {
  clear: both;
  margin: 15px 15px 10px 15px;
}

/* text */
.highlight {
  font-weight: bold;
  color: #144a74;
}
.spaced {
  padding: 5px;
}
.bold {
  font-weight: bold;
}
.dashed {
  border-bottom: 1px dashed #d4d0c7;
}
.titleTwo {
  font-size: 1.2em;
  color: #144a74;
}

h1 {
  color: #144a74;
  font-size: 2.0em;
  font-weight: bold;
  margin: 35px, 0, 35px, 0;
}
h2 {
  color: #144a74;
  font-size: 1.6em;
  font-weight: bold;
  margin: 0, 0, 15px, 0;
}
h3 {
  color: #144a74;
  font-size: 1.4em;
  font-weight: bold;
  margin: 20px, 0, 25px, 0;
}
h4 {
  color: #144a74;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0, 0, 10px, 0;
}
}
h5 {
  color: #144a74;
  font-size: 1.0em;
  font-weight: bold;
}

img {
  border: 0px;
}
img.iconLeft {
  margin: 0px, 5px, 0px, 0px;
}

.pageWidth {
  margin-top: 20px;
  margin-bottom: 20px;
  clear: both;
  align: center;
}

/* elements */
hr {
  color: #e2e2e2;
  height: 1px;
}

hr.dash {
  border-top: 1px dashed #d4d0c7;
}
hr.strongDash {
  border-top: 1px dashed #8f8f8f;
}

table {
  font-size: 100%;
  border: 0px;
  margin: 0px;
  vertical-align: top;
}
td {
  vertical-align: top;
}

a, a:active, a:visited {
  color: #2183cf;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
}


/* bottom */
#footer {
  clear: both;
  margin: 50px 10px 10px 10px;
  width: 879px;
  border-top: 1px solid #cbcbcb;
}
#footer_table {
  color: #a0a0a0;
  font-size: 90%;
  border-collapse: collapse;
  width: 100%;
  font-weight: normal;
  margin: 10px 0px 10px 0px;
}
a.copyright, a.copyright:active, a.copyright:visited {
  font-size: 100%;
  color: #696969;
  font-weight: normal;
}
a.copyright:hover {
  text-decoration: underline;
}



.xsmall {
  font-size: 1.0em;
}
.small {
  font-size: 1.1em;
}
.medium {
  font-size: 1.2em;
}
.large {
  font-size: 1.3em;
}
.xlarge {
  font-size: 1.4em;
}