/* postcodes stylesheet, CSS1 */

/*----------------------------------------------------------------------*/
/* default styles */

body, div, h1, h2, h3, h4, input, label, li, p, span, td, th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal; 
  font-variant: normal;
  line-height: normal;
  color: #000000;
  font-size: 10pt;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-left: 10px;
  margin-right: 0px;
  margin-top: 5px;
  margin-bottom: 0px;
  padding: 0px;
  background-color: #F9F9F0;
}

div#body {
  /* ordinarily this would go in BODY, but that doesn't work for IE6 */
  width: 760px;
  min-width: 760px;
  max-width: 760px;
  /* border: solid 1px black; */
}

h1, h2, h3, h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  display: inline;
}

h1 {
  font-size: 1.3em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 1em;
}

p {
  line-height: 1.3em;
  background-color: transparent;
  margin: 0px;
  padding: 5px 0px 0px;
}

form {
  margin: 0px;
}

table {
  table-layout: fixed;
}

/*----------------------------------------------------------------------*/
/* link styles */

A:link {text-decoration:none; color:#006699;}
A:visited {text-decoration:none; color:#006699;} 
A:hover {text-decoration:none; color:#003366; background-color: #E3F2FE;} 
A:active {text-decoration:none; color:#006699;} 

a.rollover:hover { background-color: transparent; }

/*----------------------------------------------------------------------*/
/* background colors */

.bg1  { background-color: #006699;} /* Main colour */
.bg2  { background-color: #339999;} /* Stories colour */
.bg3  { background-color: #ffffff;} /* Stories bg */
.bg4  { background-color: #3399cc;} /* Audio colour */
.bg5  { background-color: #dddddd;} /* Audio bg */
.bg6  { background-color: #e2f1f1;} /* Divider bg */
.bg7  { background-color: #6DB011;} /* Places bg */
.bg8  { background-color: #BFDBF6;} /* Theme intro bg */
.bg9  { background-color: #E3E6B8;} /* intro list bg, */
.bg10 { background-color: #EEEEDF;} /* list beige */


/*----------------------------------------------------------------------*/
/* header & footer */

.crumb { 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.75em; 
	line-height: 1.3em;
}

td.footline {
  background-color: #006699;
}

div.navbar {
  margin-bottom: 10px;
}


/*----------------------------------------------------------------------*/
/* intro page */

div.intro_text, div.intro_strapline {
  font-size: 0.9em;
  line-height: 120%;
  font-weight: bold;
}

div.intro_strapline {
  padding-bottom: 1em;
}

div.intro_link {
  padding-left: 8px;
  font-size: 0.9em;
  font-weight: bold;
}

div.intro_caption {
  padding-left: 8px;
  padding-right: 8px;
  font-size: 0.9em;
}


/*----------------------------------------------------------------------*/
/* object types page */

.object_nhits {
  font-size: 0.8em;
}

/*----------------------------------------------------------------------*/
/* object pages */

.code, .name {
  font-family: Arial, Helvetica, sans-serif;
}

.code {
  font-size: 1.2em;
}

.name {
  font-size: 1.1em;
  color: #999999;
}

div.description p.firstpara {
  font-weight: bold;
}

div.description p {
  margin-bottom: 1em;
} 


div.audioarea {
  background-color: #efefef;
  width: 341px;
  padding-left: 10px;
  padding-top: 10px;
  display: block;
}

.co1 {
  color: #ffffff;
}


hr {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0.8em;
  height: 1px;
  width: 100%;
  background-color: #666666;
}

div.related {
  margin-bottom: 0.5em;
}

div.related a {
  margin-top: 5px;
  font-weight: bold;
  color: #006699;
}

div.adjacent_postcodes a {
  font-size: 1em;
}

div.local_links UL, div.local_links UL LI {
  margin-left: 10px;
  vertical-align: top;
}
div.local_links UL LI {
  margin-bottom: 1em;
  color: #006699;
}
div.local_links UL LI span.info {
  font-size: 0.9em;
  color: #000000;
}

span.inversedtitle {
  display: block;
  color: #ffffff;
  background-color: #339999;
  padding-bottom: 4px;
  margin-left: 5px;
}

span.inversedtitle a {
  display: block;
  color: #99ccff;
  background-color: #339999;
  padding-bottom: 4px;
}

span.inversedtitle a:hover {
  display: block;
  color: #99ccff;
  background-color: transparent;
  padding-bottom: 4px;
}


/*----------------------------------------------------------------------*/
/* info pages */

div.info {
  margin-left: 200px;
  width: 450px;
}

div.info ul li, div.info ol li, div.info p {
  margin-bottom: 0.5em;
}

div.info h1, div.info h2 {
  display: block;
  margin-bottom: 5px;
} 

div.info h1 {
  font-size: 1.4em;
}

div.info h2 {
  font-size: 1.2em;
}

div.info ul.sitemap li, div.info ul.sitemap ul li {
  font-weight: bold;
}

div.info ul.sitemap li {
  font-size: 100%;
  margin-top: 12px;
}

div.info ul.sitemap ul li {
  font-size: 85%;
  font-weight: bold;
  margin-top: 4px;
} 


/*----------------------------------------------------------------------*/
/* object images */

A IMG.ib { border: 1px solid; border-color: #666666;}
A:hover IMG.ib { border: 1px solid; border-color: #AAAACC;}
IMG.ib { border: 1px solid; border-color: #666666;}
DIV.ib { border: 1px solid; border-color: #666666;}

#vspacer {width: 15px; height: 1px; background-color: #00ff00;}
#hspacer {width: 100px; height: 1px; background-color: #00ff00;}
#shim {display: block; width: 1px; padding-top: 1px;}


/*----------------------------------------------------------------------*/
/* story pages */

.caption {
  font-size: 0.8em;
  line-height: 1.3em;
}

.story_disclaimer p {
  font-size: 0.8em;
}

/*----------------------------------------------------------------------*/
/* search results */

div.result_strapline {
  margin: 0px;
  font-weight: bold;
}

div.nomatches {
  margin-top: 30px;
  margin-left: 200px;
}


/*----------------------------------------------------------------------*/
/* recommend */

input.textb {
  width: 280px;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #666666;
  font-family: Verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 1em;
}

textarea {
  width: 280px;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #666666;
  font-family: Verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 1em;
}

.form_error, .form_input_error {
  color: red;
}

.form_error {
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}