/* CSS File for WCAM web site  */
/* Author: Renaud Caron  */
/* Created: 27 June 2010
/* Last updated: 6 July 2010 by Renaud Caron */
/* Validated with W3C Validation service: 2 July 2010 */


.li { list-style-type: square; }
.class {line-height: 14px; margin: 10px 15px 0; }

div.Banner { position:absolute; top:1px; left:0px; width:750px; height:128px;}
div.LeftBox
{ position:absolute; top:176px;left:0px; width:145px;
  height: auto;  /* was 480px; */
}
div.LeftBox p
{ font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-size: 13px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 16px;
  color: #003366;
}
div.LeftBox hr
{ height: 4px;
  background:#A4A4A4;
}

div.RightBox
{ position:absolute; top:176px; left:575px; width:175px; 
  height: auto;  /* was 592px; */ 
  background-color:#69c;
  text-align: left;
  color: white;
}
div.RightBox h3
{ font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin-left: 6px;
}
div.RightBox p
{ font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-size: 13px;
  font-weight: normal;
  margin-left: 9px;
  margin-right: 9px;
}

div.MiddleBox
{ position:absolute;top:176px;left:160px;width:390px;height:1104px;
}
div.MiddleBox h3
{ font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #003366;
}
div.MiddleBox h4
{ font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  color: #003366;
}
div.MiddleBox p.FirstPara
{ font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  color: black;
} 
div.MiddleBox p
{ font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  color: black;
} 
div.MiddleBox p.Specs
{ font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  color: black;
} 
div.Footer
{ position:relative; 
  left:0px;
  width:640px;
}
div.Footer p
{ font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #666666;
  text-align: center;
  margin-top: 6px;
  margin-bottom: 3px;
}

/* Top 3 links at top right */
div.TopLinks
{ position:absolute; top:135px; left:420px; width:330px;
  font-size: 13px;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-weight: normal;
  text-align: left;
}
div.TopLinks a:link { color: #003366; text-decoration: none; }

body {
 margin: 0px;
 padding : 0px;
 background-color: white;
 position: absolute; top: 0px; left: 52px;
}

a { color: #036; text-decoration: none; }
a:hover { color: #060; text-decoration: none; }
a:link { color: #003366; text-decoration: none; }
a:visited { color: #006600; text-decoration: none;}