/*

Colours:

Red 100% - E50D23
Dark blue 100% - 004B92
Dark blue 75%/W - 4078AE
Dark blue 25%/W - BFD2E4
Dark blue 75%/B - 00386E
Light blue 100% - 5E87BA
Light blue 50%/W - AFC4DD
Light blue 25%/W - D7E1EE

*/

/*

Version: 10/02/2008

Description: Normalises the default rendering of most HTML elements.

*/

html, body, div, span, iframe, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, img, ins, q, strong, sub, sup,
dl, dt, dd, ol, ul, li,
form, fieldset, legend, label,
table, caption, thead, tbody, tfoot, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

:focus {
  outline: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

/*
*/

body {
  font-size: 100%; /* 16px */
  background-color: #D7E1EE;
}

#wrapper {
  font-size: 0.625em; /* 16px x 0.625 = 10px */
  font-family: Helvetica, Arial, sans-serif;
  margin: 0 auto;
  padding-top: 1px;
  width: 772px;
  background: #FFFFFF url(/images/wrapper_bg.png) repeat-y top left;
}

.clear {
  clear: both;
  height: 0;
}

a:link,
a:visited {
  text-decoration: underline;
}

a:hover,
a:active {
  text-decoration: none;
}

#branding {
  margin: 0 0 1px 16px;
  width: 740px;
  background: #FFFFFF url(/images/branding_bg.jpg) no-repeat top right;
  height: 135px;
}

#branding h1 {
  position: relative;
  top: 0;
  left: 0;
  width: 236px;
  background: url(/images/branding_h1_bg.png) no-repeat;
  text-indent: -5000px;
}

#branding h1 a {
  display: block;
  height: 135px;
  background: url(/images/branding_h1_bg.png) no-repeat;
}

#tagline {
  margin: 0 0 1px 16px;
  width: 700px;
  padding: 10px 20px;
  color: #FFFFFF;
  background-color: #004B92;
  font-size: 1.2em;
}

#main {
  margin: 0 0 1px 16px;
  width: 740px;
  padding: 20px 0;
  background: #FFFFFF url(/images/main_bg.png) repeat-y right;
}

#content {
  margin-left: 20px;
  width: 515px;
  float: left;
}

#content a {
  color: #004B92;
}

#content #breadcrumb {
  margin-bottom: 1em;
  color: #808080;
  font-size: 1.1em;
}

#content #breadcrumb a {
  color: #5E87BA;
}

#content h2 {
  font-size: 1.8em;
  margin-bottom: 1em;
  color: #E50D23;
  line-height: 1.5;
}

#content h3 {
  font-size: 1.4em;
  margin: 1.5em 0 1em;
  color: #004B92;
  line-height: 1.5;
}

#content p,
#content ul {
  font-size: 1.2em;
  line-height: 1.6em;
  margin-bottom: 1em;
}

#content ul li {
  padding-left: 18px;
  background: transparent url(/images/li_bg.png) no-repeat 0 6px;
}

#content div.meta {
  margin-bottom: 1.5em;
}

#content div.meta p {
  margin-bottom: 0;
}

#content .mute {
  color: #808080;
}

#content .mute a {
  color: #5E87BA;
}

#content ol.nav-list {
  margin-top: 2em;
  font-size: 1.2em;
  line-height: 1.6em;
  margin-bottom: 1em;
  border-top: solid 1px #CCCCCC;
}

#content ol.nav-list li {
  padding: 10px 0 10px 36px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 12px;
  border-bottom: solid 1px #CCCCCC;
}

#content ol.nav-list.about li {
  background-image: url(/images/about_li_bg.png);
}

#content ol.nav-list.accounts li {
  background-image: url(/images/accounts_li_bg.png);
}

#content ol.nav-list.articles li {
  background-image: url(/images/articles_li_bg.png);
}

#content ol.nav-list.newsletters li {
  background-image: url(/images/newsletters_li_bg.png);
}

#content ol.nav-list.join li {
  background-image: url(/images/join_li_bg.png);
}

#content ol.nav-list.links li {
  background-image: url(/images/links_li_bg.png);
}

#articles #map {
  margin-bottom: 2em;
}

#content .tag-cloud {
  margin-bottom: 2em;
  font-size: 1.4em;
  line-height: 1.8em;
}

#content .tag-cloud li {
  display: inline;
  margin-right: 3px;
}

#content .tag-cloud a {
  padding: 1px;
}

#content .tag-cloud a:hover {
  color: #FFFFFF;
  background-color: #004B92;
  text-decoration: none;
}

#content .tag-cloud span {
  position: absolute;
  left: -1000px;
}

#content .tag-cloud .much-less-popular {
  font-size: 100%;
}

#content .tag-cloud .less-popular {
  font-size: 115%;
}

#content .tag-cloud .popular {
  font-size: 130%;
}

#content .tag-cloud .more-popular {
  font-size: 145%;
}

#content .tag-cloud .much-more-popular {
  font-size: 150%;
}

#content #headline {
  margin-bottom: 2em;
  background-color: #D7E1EE;
}

#content #headline h3 {
  margin: 0;
  padding: 10px 10px 8px;
  background-color: #5E87BA;
  color: #FFFFFF;
  line-height: 1;
  text-transform: uppercase;
}

#content #headline h3 span.mute {
  text-transform: none;
  color: #AFC4DD;
}

#content #headline p {
  margin: 0;
  padding: 10px;
  font-size: 1.4em;
}



#content #headlines {
  margin-bottom: 2em;
  padding-bottom: 10px;
  background-color: #D7E1EE;
}

#content #headlines h3 {
  margin: 0 0 10px 0;
  padding: 10px 10px 8px;
  background-color: #5E87BA;
  color: #FFFFFF;
  line-height: 1;
  text-transform: uppercase;
}

#content #headlines p {
  margin: 0;
  padding: 0 10px;
  font-size: 1.4em;
}



#home #map {
  margin-top: 1em;
}

#articles form {
  margin: 1em 0;
  padding: 15px;
  background-color: #D7E1EE;
}

#articles form label {
  font-size: 1.4em;
  color: #5E87BA;
  display: block;
}

#articles form input {
  margin-top: 0.5em;
  font-size: 1.4em;
}

#articles form #query {
  margin-right: 10px;
  width: 395px;
}

#flash {
  background-color: #E50D23;
  color: white;
  padding: 5px 10px;
  margin-bottom: 1.5em;
}

#join table {
  margin: 1em 0 2em 0;
  border-collapse: collapse;
}

#join table tr label {
  display: block;
  padding-top: 6px;
}

#join table tr.required label {
  font-weight: bold;
}

#join table td {
  padding: 4px 0;
  vertical-align: top;
}

#join table td.col-a {
  width: 140px;
}

#join table td.col-b {
  width: 375px;
}

#join form label,
#join form input,
#join form textarea {
  font-size: 1.2em;
}

#join form span.note {
  margin-left: 10px;
  color: #808080;
  font-style: italic;
  font-size: 1.2em;
}

#join div.button {
  margin: 2em 0;
}

#join p label {
  font-size: 1em;
  display: inline;
}

#aside {
  width: 185px;
  float: right;
}

#nav-main {
  border-top: 1px solid #FFFFFF;
}

#nav-main li a {
  padding: 12px 20px;
  display: block;
  font-size: 1.2em;
  text-decoration: none;
  color: #464646;
  border-bottom: 1px solid #FFFFFF;
}

#nav-main li a:hover {
  color: #FFFFFF;
  background-color: #5E87BA;
}

#footer {
  margin: 0 0 1px 16px;
  width: 740px;
  padding: 20px 0;
  background-color: #004B92;
}

#footer div.about {
  float: left;
  margin-left: 20px;
  width: 330px;
  padding-right: 19px;
  border-right: 1px solid #4078AE;
}

#footer div.join {
  float: right;
  margin-right: 20px;
  width: 330px;
}

#footer a {
  color: #FFFFFF;
  text-decoration: none;
}

#footer h2 {
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: 1em;
  color: #FFFFFF;
}

#footer p {
  font-size: 1.1em;
  line-height: 1.8;
  color: #FFFFFF;
}

#siteinfo {
  font-size: 1.1em;
  padding: 15px 36px 31px 36px;
  color: #BFD2E4;
  background: #00386E url(/images/siteinfo_bg.png) no-repeat bottom left;
}

#siteinfo a {
  color: #BFD2E4;
}