/* i-sieve Technologies stylesheet, August 2009

Palette:
Blue: #002F8D
Red: #FB1E1F

*/


  body {
    font-family: verdana, sans-serif;
    font-size:0.9em;
    padding-top:1em;
  }



/* note: headers replaced by images: 
   font: Shruti
   h1 i-sieve Technologies is 22pt Bold
   h1 Red page titles are 20pt, normal
   Otherwise, headings are
   h1 22pt
   h2 18pt
   h3 14pt
*/

  h1, h2, h3 {
    position:absolute;
    top:-1000em;
  }


  #menu {
    width:29em;
    position:absolute;
    top:1em;
  }

  #menu a img {
    border-width:0;
  }

  #menu ul {list-style-type:none;}

  #menu ul li {
//    background-color: #002F8D;
    background-color: #999;
    color:#fff;
    margin-bottom:0.2em;
    padding: 0.2em 0.5em;
    border-left: 0.3em solid #FB1E1F;

    position:relative;
    left:-2em;
    width:11em;
    white-space: nowrap;
  }

  #menu ul li a {
    color:#fff;
    text-decoration:none;
  }

  #menu ul li a:hover {
    text-decoration:underline;
  }

  #main {
    position: absolute;
    top:1em;
    left: 16em;
  }

   

  img.heading, img.heading18, img.heading17 {
    margin-top:1em;
  }

  img.heading17 {
    margin-bottom:5px;	// Makes up fopr 22 px high headings
  }

  img.heading18 {
    margin-bottom:4px;	// Makes up fopr 22 px high headings
  }

  div.qanda {
    width:40%;
    float:left;
    margin: 2% 4% 2% 0%;
    padding: 0 0.5em 0 2em;
  }


  div.qanda div.img {
    text-align:center;
  }

  div.qanda img.mainImage {
    margin-top:1px;
  }

  div.qanda div.inner {
    width:310px;
    border:medium solid #999;
    border-right-color:#333;
    border-bottom-color:#333;
  }

  div.qanda p.question {
    padding-left:0.2em;
  }

  div.qanda p.answer, #footer {
    background-color: #002F8D;
    text-align:right;
    font-style: bold;
    padding-right:0.5em;
    color: #fff;
  }

  div.qanda p.answer {
    background-color:#999;
    border-top:thick solid #FB1E1F;
    margin-bottom:0;
    padding: 0.5em 0.2em;
  }

  #welcome {
    width:90%;
  }

  #bottomline {
    clear:both;
  }


  #footer {
    font-style:normal;
    margin-bottom:1em;
    padding:0.2em 0.5em;
  }

  #footer a {
    color:#fff;
  }

  #header {
    min-height: 60px;	// Agh! absolute value keeps breadcrumb stable
  }

  #header img.h1 {
    margin-bottom:0.1em;
  }
  

  #breadcrumb {
    font-size:smaller;
    color: #FB1E1F;
    padding: 1em 0;
    border-top: 1px solid #002F8D;
    border-bottom: 1px solid #002F8D;
  }

  img.mainImg {
    float:right;
    margin-left:0.5em;
  }