/*

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: 100% Helvetica, Arial, sans-serif;
  background: #0E5AAF url(/images/body_bg.gif) repeat-x 0 0;
}

.clear {
  clear: both;
}

a:hover {
  text-decoration: none;
}

#wrapper {
  width: 780px;
  margin: 0 auto;
  font-size: 0.625em;
  padding: 37px 0 40px;
  background: transparent url(/images/wrapper_bg.gif) no-repeat 15px 0;
}

h1 {
  width: 193px;
  height: 40px;
  background: transparent url(/images/h1_bg.png) no-repeat 0 0;
  text-indent: -5000px;
  float: left;
  margin-left: 30px;
}

h1 a {
  width: 193px;
  height: 40px;
  background: transparent url(/images/h1_bg.png) no-repeat 0 0;
  display: block;
}

#strapline {
  width: 511px;
  height: 40px;
  background: transparent url(/images/strapline_bg.png) no-repeat 0 0;
  text-indent: -5000px;
  float: left;
  margin-left: 20px;
}

#nav-main {
  background: transparent url(/images/nav_main_bg.png) no-repeat 0 0;
  float: left;
  width: 750px;
  margin-top: 12px;
  margin-left: 15px;
  border-bottom: solid 2px #FFFFFF;
}

#nav-main li {
  float: left;
  line-height: 3.5;
  font-size: 1.1em;
  text-transform: uppercase;
}

#nav-main li a {
  color: #FFFFFF;
  text-decoration: none;
  padding: 0 15px;
  text-shadow: #333333 1px 1px 2px;
  font-weight: bold;
  border-right: 1px solid #DCF285;
}

#title {
  width: 780px;
  height: 150px;
  position: relative;
  padding-bottom: 15px;
  background: transparent url(/images/title_bg.png) no-repeat bottom left;
}

#flash {
  width: 750px;
  height: 150px;
  margin-left: 15px;
  background-color: #E1E1E1;
}

#flash embed,
#flash object {
  margin: 0;
}

#text {
  position: absolute;
  bottom: 15px;
  left: 0;
}

#breadcrumb {
  font-size: 1.1em;
  color: #808080;
  margin: 0 0 0 25px;
  padding: 4px 5px;
  float: left;
  background: #FFFFFF url(/images/breadcrumb_bg.gif) repeat-x bottom left;
  font-weight: bold;
}

#breadcrumb a {
  text-decoration: none;
  color: #0000CC;
}

h2 {
  background-color: #0000CC;
  padding: 10px 30px;
  font-size: 2em;
  font-weight: normal;
  color: #FFFFFF;
  float: left;
  clear: left;
  min-width: 180px;
}

#main {
  width: 780px;
  background: transparent url(/images/main_bg.gif) repeat-y 0 0;
}

#content {
  width: 525px;
  margin-left: 30px;
  float: left;
  background-color: #FFFFFF;
}

#content a {
  color: #0000CC;
}

#content strong {
  font-weight: bold;
  color: #8080E6;
}

#content h3 {
  font-size: 1.6em;
  color: #424242;
  margin: 1.5em 0 1em;
  line-height: 1.6;
}

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

/*

#content p {
  text-align: justify;
}

*/

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

#content #nav-list {
  border-top: 1px solid #E1E1E1;
}

#content #nav-list li {
  padding: 0.5em 0 0.5em 22px;
  line-height: 1.5;
  background: transparent url(/images/nav_list_li_bg.gif) no-repeat 0 10px;
  border-bottom: 1px solid #E1E1E1;
}

#content #nav-list li a {
  font-size: 1.6em;
  margin: 0 0 0.2em 0;
}

#content #nav-list li .mute {
  font-size: 1.2em;
  color: #808080;
}

#content .mute {
  color: #808080;
}

#content blockquote {
  padding: 15px 15px 30px 15px;
  margin-bottom: 1.5em;
  background: #E6E6FA url(/images/blockquote_bg.png) no-repeat bottom left;
}

#content blockquote p {
  margin: 0;
  font-size: 1.5em;
  color: #0000CC;
}

#content div.map,
#content div.photo {
  padding: 8px;
  background-color: #69635B;
}

#content div.photo {
  float: left;
  margin: 4px 15px 10px 0;
}

#content div.photo img {
  background-color: #CCCCCC;
  margin-bottom: 6px;
}

#content div.photo p {
  margin: 0;
  color: #FFFFFF;
}

#content p img {
  float: left;
  margin: 4px 15px 10px 0;
}

#map {
  width: 509px; /* 525 - 16 */
  height: 386px; /* 400px - 16 */
}

#home #content #highlight {
  font-size: 1.4em;
  text-align: left;
  line-height: 1.6;
  font-weight: bold;
}

#home #content #highlight strong {
  font-size: 120%;
}

#aside {
  width: 180px;
  margin-right: 15px;
  float: right;
  background-color: #E1E1E1;
  color: #767676;
}

#aside a {
  color: #4040D9;
}

#aside div {
  margin-bottom: 1.8em;
}

#aside h3 {
  font-size: 1.3em;
  color: #585858;
  line-height: 1.5;
  margin-bottom: 0.8em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #585858;
  font-weight: bold;
}

#aside p,
#aside ol {
  font-size: 1.1em;
  line-height: 1.5;
  margin-bottom: 0.8em;
}

#aside ol li {
  margin-bottom: 0.3em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #C3C3C3;
}

#siteinfo {
  width: 720px;
  margin-left: 15px;
  background: transparent url(/images/siteinfo_bg.gif) repeat-x top left;
  padding: 52px 15px 10px;
  color: #FFFFFF;
  font-size: 1.1em;
}

#siteinfo a {
  color: #B8E40A;
  text-decoration: none;
}