html, body 
{
    height: 100%;
}

#hd{
    background: url(images/banner_bg.jpg) repeat-x;
}

#hd h1 
{
    background: url(images/banner_logo.jpg) no-repeat left;
    color: #FFF;
    height: 100px;
    font-size: 197%;
    text-align:center;
}

#hd h2
{
    color:#FFFF00;
    font-size: 114%;
    font-style: italic;
    text-align: right;
    position: relative;
    top: -20px;
}


#hd h3 a
{
    color: #FFF;
    font-size: 92%;
    font-family: Arial Narrow;
    position: relative;
    top:-116px;
    left: 685px;
    background: url("images/cart.jpg") no-repeat right;

   
    
}

#ft
{
    padding-top:5px;
    border-top: dashed 1px #4f4f4f;
    font-size: 77%;
    text-align: center;
    background-color:#dfdfdf;
    color: #01804D;
    height:65px;
}

body
{
  
}

#bd h1 
{
    color: #01804D;
    font-size: 167%;
    margin-bottom: 16px;
    font-family: 'Lucida Grande',Arial,sans-serif;
}

#bd h2
{
    color:Gray;
    font-size: 122%;
    background: url(images/h2_bg.jpg) no-repeat;
    border-bottom: dashed 1px gray;
    margin-bottom: 16px;
    margin-right: 10px;
    font-family: 'Lucida Grande',Arial,sans-serif;
}


#bd p 
{
    font-family:'Lucida Grande',Arial,sans-serif;
    margin-bottom: 16px;
    padding-right: 10px;
}

 ul,ol 
 { 
    margin-bottom: 16px; 
  }
  
 ol
 {
    list-style-type:decimal;
    margin-left: 4em;
    margin-right: 4em;
 }
  
 ul 
 {
    list-style-type: square;
    margin-left: 4em;
    margin-right: 4em;
  }

ul li 
{
     font-family:'Lucida Grande',Arial,sans-serif;
     font-size:92%;
     padding-bottom: 1em;
}

ol li 
{
     font-family:'Lucida Grande',Arial,sans-serif;

}

cite 
{
    font-family:'Lucida Grande',Arial,sans-serif;
    font-size:77%;
    color:  gray;
    font-style: italic;
    text-align: right;
    display:block;
}
   
.emphasize
{
    color: #01804D;
    font-weight: bold;
    font-style: italic;
}

.emphasize2
{
    color: #06E;
    font-style: italic;
    font-size: 92%;
}

.floatright_padtop 
{
    float:right; 
    margin-left:13px; 
    padding-top:13px;
}

.floatright_padbottom
{
    float:right; 
    margin-left:13px; 
    padding-bottom:13px;
}

.floatleft_padtop
{
    float:left; 
    margin-right:13px; 
    padding-top:13px;
}

.floatleft_padbottom
{
    float:left; 
    margin-right:13px; 
    padding-bottom:13px;
}


a 
{
    color:#06E;
    text-decoration: none;
  

}

a:hover 
{
    color:#FFF;
    background: #06E;
    
}


#support a
{
    display:block;
    width:100px;
    height:96px;
    background: url(images/support_pixy3.jpg) no-repeat left top;
    position:relative;
    left:30px;
    top:5px;
}

#support a:hover
{
    background-position: 0 -96px;
}

#whatsnew
{
    border: 1px solid #73afb7;
    background: #E6E6E6;
    width: 178px;
}


#whatsnew h1 
{
    text-align: left;
    color: #FFF;
    height: 26px;
    font-size:122%;
    background: url(images/th_bg.png) no-repeat left top;
    padding-left: 10px;
    border-bottom: 1px solid #73afb7;
    
}

#whatsnew h2
{
    background: #E6E6E6;
    color: #0066EE;
    font-size: 100%;
    font-weight:bold;
    margin-bottom: 0px;
    font-family: 'Lucida, Lucida Console, Lucida Sans';
    margin-left: 8px;
    margin-right: 8px;
}

#whatsnew p
{
    font-family: Verdana, Arial;
    font-size: 77%;
    line-height: 16px;
   
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
    font-family: 'Lucida, Lucida Console, Lucida Sans'
}

table
{
    width: 98%;
    font-family: Arial, Sans-Serif;
    border-collapse: collapse;
    margin-bottom: 26px;
    
}

caption 
{
    text-align: right;
    font-size: 77%;
}

td, th 
{
    padding: 3px 5px 2px 5px;
    font-size: 92%;
    border: 1px solid #73afb7;
}

tr
{
    height: 39px;
}
    

th 
{
    background: url(images/th_bg.png) no-repeat left top;
    color: #FFF;
    text-align: left;
    vertical-align:top;
    border-color: #14556b;
    font-size: 122%;
}

tr.alt td 
{
    background: url(images/td_bg.png) no-repeat left top;
}