/*---------------------------------------------------------------------------*/
/* STYLE SHEET */
/* Website:*/
/* Author:Andy Thomas */
/* Copyright:Big Angry Dog Ltd */
/*---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/* PAGE LAYOUT IDs */
/*---------------------------------------------------------------------------*/

#header {
  width:100%;
  margin:0;
  padding:0;
  border-style:none;
  overflow:hidden;
  background-color:transparent;
}

#footer {
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background-color:transparent;
}

#left-margin {
  width:0px;
  margin:0;
  padding:25px 0;
  vertical-align:top;
  background-color:transparent;
}

#right-margin {
  width:0px;
  margin:0;
  padding:25px 0;
  vertical-align:top;
  background-color:transparent;
}

#page-layout {
  /* Page layout table */
  width:100%;
  margin:0;
  padding:0;
  border-spacing:0;
  border-collapse:separate;
  border-style:none;
  border-width:0;
  text-align:left;
  vertical-align:top;
  table-layout:fixed;
  background-color:transparent;
}

#content-outer {
  width:auto; /* Width must be auto */
  margin:0;
  padding:0;
  vertical-align:top;
  background-color:transparent;
}

#content-inner {
  width:100%;
  margin:0;
  padding:0;
  border-spacing:0;
  border-collapse:separate;
  border-style:none;
  border-width:0;
  text-align:left;
  vertical-align:top;
}

/* Page title background */
#page-title {
  width:auto;
  margin:0;
  padding:0px 4px 0 20px;
  background-color:transparent;
}

/* Title text override */
#title-text {
  font-weight:normal;
  margin-top:0.50em;
}

/* Horizontal line beneath title */
#title-score {
  height:0;
  content:" ";
  border-width:1px;
  border-color:#aaaaaa;
  border-bottom-style:solid;
}

#content-main {
  width:auto; /* Width must be auto */
  margin:0;
  padding:20px;
  height:250px;
  vertical-align:top;
  background-color:transparent;
}

/*---------------------------------------------------------------------------*/
/* STYLE ELEMENTS */
/*---------------------------------------------------------------------------*/

body {
  color:#555555;
  background-color:white;
  line-height:normal;
  font-size:10pt;
  text-indent:0;
  text-align:left;
  text-transform:none;
  text-decoration:none;
  border-style:none;
  font-style:normal;
  font-weight:normal;  
  word-spacing:normal;
  letter-spacing:normal;
  vertical-align:top;
  margin:0.35em 2%;
  padding: 0 1em;
  min-width:730px;
  max-width:1200px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  background-image:url(/images/background_top.png);
	background-repeat:repeat-x;
  background-position:top;
}

pre, code, tt {
  font-family:Courier New, Courier, monospace;
}

p {
  margin-top:0;
  margin-bottom:1em;
  padding-top:0;
  padding-bottom:0;
}

h1, h2, h3, h4, h5, h6 {
  margin-top:1.5em;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
  font-weight:normal;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

h1 {
  color:#7f0000;
  font-size:22pt;
}
  
h2 {
  color:black;
  font-size:18pt;
}

h3 {
  color:black;
  font-size:14pt;
}

h4 {
  color:black;
  font-size:12pt;
}

h5 {
  font-size:10pt;
  font-weight:bold;
}

h6 {
  font-size:10pt;
}


em, th {
  color:#ffffff;
  background-color:#404040;
  font-style:normal;
  font-weight:bold;
}

strong {
  font-style:italic;
  font-weight:bold;
}

em strong, strong em {
  text-transform:uppercase;
  font-style:normal;
  font-weight:bolder;
}

del {
  text-decoration:line-through;
}

var, cite, dfn, .note  {
  font-style:italic;
}

address  {
  letter-spacing:.1em;
}

acronym {
  font-variant:small-caps;
  letter-spacing:0.1em;
}

/* Links */
a:link {
  color:#004a7f;
  text-decoration:none;
}

a:visited {
  color:#004a7f;
  text-decoration:none;
}

a:active {
  color:#ec5600;
  text-decoration:underline;
}

a:hover {
  color:#ec5600;
  text-decoration:underline;
}

/* Page header links */
a.hdlnk:link {
  color:black;
  text-decoration:none;
}

a.hdlnk:visited {
  color:black;
  text-decoration:none;
}

a.hdlnk:active {
  color:#ec5600;
  text-decoration:underline;
}

a.hdlnk:hover {
  color:#ec5600;
  text-decoration:underline;
}
  
/*---------------------------------------------------------------------------*/
/* COLOR STYLE CLASSES */
/*---------------------------------------------------------------------------*/

/* Colorful flash stripe color */
/* Used in header & footer to define look. */
.flash-stripe-col {
  background-color:#7f0000;
}

/* A highlight text */
/* A text highlight color for use on default body background. */
.high-text {
  color:#7f0000;
}

/* Shaded background color */
/* A backgound color for boxed text or alternate rows in a table. Text on this
/* background may have the default text color, which must be clearly visible
/* on this background, or the shade-bkgnd-text color (below). */
.shade-bkgnd {
  background-color:#dddddd;
}

/* Shaded background text color*/
/* A color suitable for text on the backgound (above). */
.shade-bkgnd-text {
  color:black;
}

/*---------------------------------------------------------------------------*/
/* COLUMN LAYOUT CLASSES */
/*---------------------------------------------------------------------------*/

/* Column layout - example...
  <div style="clear:both;"></div>
  <div class="col2-left">
    <p>col 1 content... </p>
  </div> <!--end of col2-left-->
  <div class="col2-right">
    <p>col 2 content... </p>
  </div> <!--end of col2-right-->
  <div style="clear:both;"></div> */

/* Two column layout */
.col2-left {
  float:left;
  width:49%;
}

.col2-right {
  float:right;
  width:49%;
}

/* Three column layout */
.col3-left {
  float:left;
  width:33%;
}

.col3-right {
  float:right;
  width:33%;
}

.col3-middle {
  margin:0 34% 0 34%;
  width:33%;
}

/*---------------------------------------------------------------------------*/
/* FIGURE CLASSES */
/*---------------------------------------------------------------------------*/

/* Used to frame images - example:
  <div style="text-align:left; float:left">
    <img src="/images/care_pinch.png"
      class="frame-surround fig-left-margin"/>
    <p class="fig-left-caption">caption</p>
  </div> */

/* Figure margins */
.fig-left-margin {
  margin:4px 16px 16px 0;
}

.fig-center-margin {
  margin:4px 16px 16px 4px;
}

.fig-right-margin {
  margin:4px 0 16px 16px;
}

/* Figure captions */
.fig-left-caption {
  clear:left;
  text-align:left;
  margin:-16px 16px 16px 0;
  font-size:8pt;
}

.fig-right-caption {
  clear:right;
  text-align:right;
  margin:-16px 0 16px 16px;
  font-size:8pt;
}

.fig-center-caption {
  clear:both;
  text-align:center;
  margin:-16px 16px 16px 16px;
  font-size:8pt;
}

/* Figure frame surrounds */
.frame-surround, .code-box {
  border-width:1px;
  border-style:solid;
  border-color:black;
}

/* A framed box containing mono text */
/* Example: <div class="code-box" style="width:70%;">Print: Hello World</div> */
.code-box {
  color:black;
  font-weight:bold;
  font-family:Courier New, Courier, monospace;
  background-color:#dddddd;
  margin:1em 0 1em 0;
  padding:1em;
}

/*---------------------------------------------------------------------------*/
/* MISC CLASSES */
/*---------------------------------------------------------------------------*/

.horz-line, .line-clear {
  height:0;
  content:"&nbsp;";
  border-width:1px;
  border-color:#aaaaaa;
  border-bottom-style:solid;
}

.line-clear {
  clear:both;
}

/* Table without cell spacing */
table.no-border {
  width:100%;
  margin:0;
  padding:0;
  border-style:none;
  border-width:0;
  border-spacing:0;
  border-collapse:separate;
}

/*---------------------------------------------------------------------------*/
/* EOF */
/*---------------------------------------------------------------------------*/