/*
 * haydenr.css
 *
 * Copyright (c) 2006 Hayden-R ltd.
 * All Rights reserved.  
 *
 */
 
/* 
 * CSS2 style sheet for 'Web Content Accessablility'.
 * author: Colin.A.Ridgewell
 */

/* general */
 
body {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  color: #000000; 
  background: #FFFFFF url("images/body_back.gif") repeat-x;
  }
 
h1 {font-size: 22px; color: #000000;}
h2 {font-size: 20px; color: #000000;}
h3 {font-size: 18px; color: #000000;}
h4 {font-size: 16px; color: #000000;}
h5 {font-size: 14px; color: #000000;}
h6 {font-size: 12px; color: #000000;}

acronym {border-bottom: 1px dotted; cursor:help;}

a {  color: #0000cc; text-decoration: none;}
a:hover {  color: #0000cc; text-decoration: underline}
a img {border: none;}

/* hidden stuff */

hr {display: none;}
*.hidden {display: none;}

/* text formatting */

p {font-size: 12px;}

pre {
  font-size: 14px;
  border-left: 2px solid #f4f4f4;
  padding-left: 8px;
  }

q {font-size: 12px; font-style: italic;}

blockquote {
  font-size: 12px; 
  font-style: italic;
  margin: 0 0 0 0;
}

blockquote *.quote-title {
  }

blockquote *.quote:before {
  display: block;
  content: '\201C'; 
  font-family: "Times New Roman", "TimesNR", Times, serif; 
  font-size: 48px; 
  height: .5em;
  vertical-align: bottom;
  margin-top: -.12em;
  margin-left: -.12em;
  }

blockquote *.quote:after {
  display: block;
  content: '\201D'; 
  font-family: "Times New Roman", "TimesNR", Times, serif; 
  font-size: 48px; 
  height: .5em;
  vertical-align: top;
  margin-top: -.12em;
  margin-left: -.12em;
  }

blockquote *.quote-src {
  }

ul {
  font-size: 12px;
  list-style-type: none; 
  margin-left:0; 
  padding-left:0;}

ul li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 12px;
  background-image: url("images/arrow-double.gif");
  background-repeat: no-repeat;
  background-position: 0 .5em;
  }
  
ol {
  font-size: 12px;
  margin-left: 2em; 
  padding-left: 0;
  }

ol li {
  }
  
*.textTiny {font-size: 10px}
*.textTinyGray {font-size: 10px; color: #999999;}
*.textError {font-size: 10px; color: red;}

*.fontWeightNormal {font-weight: normal;}
*.fontWeightLighter {font-weight: 100;}

/*****************************************************************************/
/*                                                                           */
/*                     page structure elements                               */
/*                                                                           */
/*****************************************************************************/

/* NOTE: these are ID's and thus can only be used once on each page and sequentially! */

div#container {
  position: relative;
  width: 64em;
  margin-left: auto; 
  margin-right: auto;
  }

div#header {
  }

div#main {
  }
  
div#content {
  margin: 1em 0 2.5em 0;
  }

div#content-left {
  float: left; 
  width: 39em;
  background: #FFFFFF;
  border-right: 1px dashed silver;
  padding: 0 0 0 0;
}

div#content-right {
  margin-left: 40em;
  background: #FFFFFF;
  padding: 0 0 0 0;
}  
  
div#terminology {
  clear: both;
  /*border-top: 1px dashed silver;*/
  margin-top: 1em;
  padding-top: 1em;
}
  
div#footer {
  clear: both;
  text-align: center;
  border-top: 1px dotted gray;
  margin-top: 1em;
  padding-top: 1em;
  }


/* div#header #title-pad specific */

div#header #title-pad {
  width: 64em;
  background: #0066cc;
  }

/* div#header #title specific */

div#header #title {
  padding: 8px;
  /*background: url("images/logo.gif") top right no-repeat;*/ 
  }

div#header #title h1 {
  display: inline;
  margin-top: 0em; margin-bottom: 0em;
  /*font-weight: bold;*/
  }

div#header #title *.title {
  font-size: 36px;
  color: #FFFFFF;
  }

div#header #title *.title-sub {
  font-size: 12px;
  color: #FFFFFF;
  }


/* div#header #navbar-pad specific */

div#header #navbar-pad *.corner-bl {
  width: 64em;
  background: #006699 url("images/corners/corner-bl.gif") 0 100% no-repeat;
  }
div#header #navbar-pad *.corner-br {
  background: url("images/corners/corner-br.gif") 100% 100% no-repeat;
  }
div#header #navbar-pad *.corner-tl {
  /*background: url("images/corners/corner-tl.gif") 0 0 no-repeat;*/
  }
div#header #navbar-pad *.corner-tr {
  /*background: url("images/corners/corner-tr.gif") 100% 0 no-repeat;*/
  padding: 8px;
  }

/* div#header #navbar specific */

div#header #navbar { color: #FFFFFF; }
div#header #navbar a {color: white; font-weight: bold; text-decoration: none;}
div#header #navbar a:hover {font-weight: bold; text-decoration: underline;}

/* div#content specific */

div#content p {font-size: 14px;}

div#content *.detail p {font-size: 12px;}

/* div#terminology specific */

div#terminology p {font-size: 12px; color: #555555;}
div#terminology a {color: #555555;}
div#terminology a:hover {color: #555555;}


/* div#footer specific */

div#footer *.pad-top {
  padding-top: 1em;
  }


/* misc */

*.hr-dot {
  margin-top: 1em;
  padding: 0;
  height: 11px;
  background: url("images/hr.gif") top center no-repeat;
  }