/*  	colours	 */
/*	saltire blue:	#0062C8		 */
/*	brown:		#A52A2A		*/
/*  	blue: 		#4fb5d2 	*/


/*  general styles
===============================================*/

body {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  color: #000;
  text-align: center;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
}

abbr {
  border-bottom: 1px dotted #000;
  cursor: help;
}

blockquote  {
  margin-left: 0;
  padding: 0 15px;
  border-left: 6px solid #29f;
  background: #fff;
  color: #000;
}


h1, h2, h3, h4  {
  color: #000;
  background: transparent;
  text-transform: uppercase;
  font-size: 1.5em;
  margin-top: 40px;
  letter-spacing: 1px;
}

h2.faq  {
  font: bold 0.9em Lucida Grande, Lucida, Arial, sans-serif;
  text-transform: none;
  letter-spacing: 0;
  color: #000;
  background: transparent url(comment.gif) 0 0 no-repeat;
  padding-left: 25px;
}


/*  main page settings */


#error  {
  margin: 1em 3em;
  border: 1px solid #000;
  text-align: left;
  padding: 25px;
  background: #fff;
  color: #333;
}

#error h1  {
  margin-top: 0;
}

#error p,
#error li  {
  font: 76%/160% Verdana, Helvetica, sans-serif;
}


/*  top-nav
===============================================*/

#top-nav {
  float: left;
  width: 100%;
  background: #000;
  font: 85% Lucida Grande, Verdana, Helvetica, sans-serif;
  line-height: normal;
}

#top-nav ul {
  margin: 0;
  padding: 10px 0 21px 0;
  list-style: none;
}

#top-nav li {
  float: left;
  margin: 0;
  padding: 0 0 0 9px;
}

#top-nav a {
  float:left;
  display: block;
  border-top: 2px solid #000;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: #efefef;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
  font-weight: bold;
  color: #777;
  background: #EFEFEF;
}

/* Commented Backslash Hack
  hides rule from IE5-Mac \*/
  #top-nav a {float:none;}
/* End IE5-Mac hack */

#top-nav a:hover {
  background: #ffa;
  color: #d24;
}


#top-nav #current a {
  border-bottom: 1px solid #fff;
  color: #333;
  padding-bottom: 5px;
  background: #fff;
}


/*  adverts
===============================================*/

#ad  {
  background: #000;
  color: #000;
}

#ad img  {
  border: 1px solid #000;
  padding: 3px;
  background: #fff;
  margin: 10px 0;
}



/*  main content
===============================================*/

#container  {
  clear: both;
  margin: 0 auto;
  text-align: left;
  width: 90%;
  color: #333;
  margin-bottom: 20px;
}


#review  {
  float: left;
  width: 65%;
  margin: 1em 0 0 2em;
  overflow: hidden;
}

#insert  {
  border: 1px solid #D0D0D0;
  background: #efefef;
  color: #000;
  margin: 25px 0;
  padding: 10px 0 0 0;
  text-align: center;
}

#insert_left {
  float: left;
  border: 1px solid #D0D0D0;
  background: #efefef;
  color: #000;
  margin: 3px 15px 10px 0;
  padding: 10px;
  text-align: left;
}

#insert p  {
  padding: 0;
  margin: 0;
}


#review p  {
  font: 0.76em/1.6em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#review ul,
#error ul  {
  list-style: none;
  margin: 0;
  padding: 0;
}

#review ul li,
#error ul li  {
  padding-left: 20px;
  background: url("bullet.gif") no-repeat 0 7px;
  font: 0.76em/1.8em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#review p.credits  {
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  margin: 15px 0;
  padding: 10px 0;
}

#review p.caption  {
  margin: 5px 0 10px 0;
  padding: 0;
  font: 70% Lucida Grande, Verdana, Helvetica, sans-serif;
  color: #222;
  background: transparent;
}

#review blockquote p  {
  padding: 5px 0;
  font-style: italic;
}

#review p.image-credit  {
  font: 70% Lucida Grande, "Lucida sans Unicode", Verdana, Helvetica, sans-serif;
  color: #222;
  background: transparent;
  border-top: 1px dotted #D0D0D0;
  padding: 15px 0 0 0;
  margin-top: 30px;
}

/*  side  */


#side  {
  padding-top: 50px;
  width: 20%;
  font: 0.7em/1.3em Verdana, Helvetica, sans-serif;
  float: right;
  margin: 0 3em 0 0;
}

#side p.ads  {
  margin-top: 2em;
  color: #888;
  background: transparent;
  font-weight: bold;
  padding-left: 5px;
}

#side dl {
  margin: 0;
  padding: 5px;
  list-style: none;
  text-align: left;
  background: #ffc;
  border: 1px solid #fc3;
}

#side dl#dvd {
  margin-top: 2em;
  padding: 5px;
  list-style: none;
  text-align: left;
  background: #dfa;
  border: 1px solid #9c3;
}

#side dt {
  margin-left: 0;
  display: block;
  text-decoration: none;
  padding: 5px 0;
  color: #000;
  background: transparent;
  font-weight: bold;
}

#side dd {
  margin-left: 0;
  display: block;
  text-decoration: none;
  padding: 5px 0 8px 0;
  border-top: 1px solid #999;
  color: #000;
  background: transparent;
}

#side fieldset  {
  margin: 0;
  padding: 5px 0 0 0;
  border: 0;
}


/*  links
===============================================*/

#review a  {
color: #000;
background: transparent;
text-decoration: none;
border-bottom: 1px solid #777;
font-weight: bold;
}


#review a.return,
#review a.return:visited,
#review a.return:active  {
font: 93% Lucida Grande, "Lucida sans Unicode", Verdana, Helvetica, sans-serif;
color: #00f;
background: #ffc;
text-decoration: none;
border: 0;
}

#review a:visited  {
color: #777;
background: transparent;
text-decoration: none;
border-bottom: 1px solid #D0D0D0;
font-weight: bold;
}

#review a:hover  {
color: #00f;
background: #ffc;
text-decoration: none;
border-bottom: 1px solid #D0D0D0;
}

#review a.return:hover  {
color: #000;
text-decoration: underline;
border-bottom: 1px solid #000;
border: 0;
}


#insert a,
#insert_left a,
#side a,
#side a:active,
#insert a:active,
#insert_left a:active  {
color: #00f;
background: transparent;
text-decoration: underline;
border-bottom: 0;
}

#side a:visited,
#insert a:visited,
#insert_left a:visited  {
color: #00f;
background: transparent;
text-decoration: underline;
border-bottom: 0;
}


/*  footer
===============================================*/

#footer  {
  clear: both;
  background: #fff;
  color: #777;
  padding: 1em 5% 0 5%;
}

#footer p  {
margin: 2px 0 3px 0;
font: 0.7em "Lucida Grande", "Lucida sans Unicode", Lucida, Verdana, sans-serif;
}

#footer a  {
color: #333;
text-decoration: underline;
background: transparent;
}

#side a:hover,
#footer a:hover,
#insert a:hover  {
color: #00f;
border: 0;
}

#footer ul  {
border-top: 2px solid #f3f3f3;
padding: 6px 0 0 0;
margin: 0;
}

#footer li  {
display: inline;
list-style-type: none;
padding-left: 20px;
margin-right: 20px;
font: 0.7em "Lucida Grande", "Lucida sans Unicode", Lucida, Verdana, sans-serif;
}


#footer li#home  {
background: transparent url("home.gif") bottom left no-repeat;
}

#footer li#contact  {
background: transparent url("email.gif") bottom left no-repeat;
}

#footer li#faq  {
background: transparent url("info.gif") bottom left no-repeat;
}


/*  tables 
===============================================*/

table  {
border-top: 1px solid #D0D0D0;
border-right: 1px solid #D0D0D0;
}

tbody tr td,
tbody tr th {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 0.7em;
padding: 3px 8px 5px 8px;
border-left: 1px solid #D0D0D0;
border-bottom: 1px solid #D0D0D0;
text-align: left;
color: #222;
background-color: transparent;
}

tbody tr th  {
border-bottom: 1px solid #666;
color: #000;
background-color: #efefef;
}

tbody tr.failed td {
background-color: #eee;
color: #000;
}

/*  images and img borders  */
/*  first turn all borders off
===============================================*/

#content img  {
border: 0;
}

/*  then set them back on in certain cases
===============================================*/

#content .border  {
border: 1px solid #333;
}

#content .padded  {
border: 2px solid #efefef;
padding: 3px;
background-color: #fff;
}

#content .left  {
margin: 0 15px 15px 0;
float: left;
}

#insert a.adverts,
#insert_left a.adverts  {
border-bottom: 0;
}

#insert a.adverts img,
#insert_left a.adverts img {
border: 1px solid #D0D0D0;
padding: 3px;
background-color: #fff;
}

#insert a.adverts:hover img,
#insert_left a.adverts:hover img {
border: 1px solid #555;
padding: 3px;
  background-color: #fff;
}