﻿body
{
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana, "Times New Roman", "MS Sans Serif", Sans-Serif; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #474747;
    text-align: center; /* IE6 specific way to center blocks */
    background: #dce6f2 url(Images/Background.jpg) repeat-y scroll center;
}
html 
{
    overflow-y: scroll; /* For Firefox user */
}
div
{
    text-align: left; /* For cancel bug IE6 */
}
a
{
    color: #287127; 
    outline: none; /* Remove dotted link in Firefox */
}
a.whiteLink
{
    color: white;
    text-decoration: none; 
}
a.redLink
{
    color: #953735;
    text-decoration: none;     
}
p
{
    margin-top : 5px;
}
li
{
    /*list-style-image: url(Images/Bullet.gif);*/
    margin-left: -10px;
}
ul.decimal
{
    list-style-type: decimal;
}
h1
{ 
    color: #254061;
    font-size: 130%; 
    /*font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; */
    font-weight: bold;
    margin-top: 0px;
}
h2
{    
    /*color: #b30000;*/
    color: #953735;
    font-size: small; 
    font-weight: bold;
    margin-bottom: 5px;
}
h3
{
    color: #254061;
    font-size: 110%; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, Verdana, sans-serif; 
    text-align: center;
    margin: 0px;
    padding-left: 15px;
    padding-right: 15px;
}
#wrapper
{  
    position: relative;
    min-height: 600px;
    height: auto;
    margin-left: auto; /* The normal way to center a element, IE uses text-align instead. */
    margin-right: auto;
    margin-top : 20px;
}
#topContent
{
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    /*background-color: #339233;*/
    background-image: url(Images/Top.png);
    background-repeat: no-repeat;
}
#footContent
{
    position: absolute;
    left: 0;
    bottom: -55px;
    height: 55px;
    /*background-color: #339233;*/
    background-image: url(Images/Foot.png);
    background-repeat: no-repeat;
    background-position-y: top;
    /*z-index: -1;*/    
}
* html #footContent
{
    position: fixed;
    background-color: #e7eef6;
}
#middleContent
{
    position: absolute;
    top: 30px;
    min-height: 570px;
    height: auto;    
    background-color: #f2f2f2;
    background-image: url(Images/BackgroundMiddleContent.jpg);
    background-repeat: repeat-y; 
}
#wrapper, #middleContent, #topContent, #footContent
{
    width: 906px;
}
#leftContent
{
    position: relative;
    float: left;
    width: 169px;
    min-height: 616px;
    height: 100%;
}
#topRightContent
{
    position: relative;
    float: right;
    width: 736px;
    height: 228px;
    margin-left: 0;
    padding-left: 1px;
    background-image: url(Images/GreyPixel.png);
    background-repeat: repeat-y;     
}
#rightContent
{
    position: relative;
    float: right;   
    width : 697px;
    min-height: 358px;
    margin-left: 0;
    padding-left : 20px;
    padding-right : 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-image: url(Images/GreyPixel.png);
    background-repeat: repeat-y;          
}
#demonstration
{
    display: none;
    position: absolute;
    left: -90px;
    top: -200px;
    width: 720px;
    height: 620px;
    text-align: center;
    background-color: white;
    border: solid 5px green;
    z-index: 1;
}
.downloadBox
{
    background-image: url(Images/DownloadBox.gif);
    background-repeat: no-repeat;
    width: 360px;
    height: 126px;
    margin-left: auto;
    margin-right: auto;
}
 .downloadTitle
{
    position: relative;
    top: 9px;
    padding-left: 15px;
    font-weight: bold;
    color: white;
    font-style: italic;
    font-size: 14px;
}
.downloadInfo
 {
    position: relative;
    top: 24px;
    float: left;
    padding-left: 25px;
    width: 232px;
 }
.downloadImg
{
    position: relative;
    top: 19px;
    float: right;
    padding-right: 15px;
    width: 85px;
    text-align: center;
}
.downloadDesc
{
    width: 320px;
    font-size: 11px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;    
}
a.download
{
    font-weight: bold;
    color: #376092;
    font-style: italic;
    text-decoration: none;    
}       
.topLeft, .footLeft
{
    position: relative;
    float: left;
    text-align: left;
    color: white;
    padding-left: 30px;
    padding-top: 9px;
}
.topRight, .footRight
{
    position: relative;
    float: right;
    text-align: right;
    color: white;
    padding-right: 30px;
    padding-top: 9px;

}
.topLeft, .topRight
{
    font-weight: bold;
}
.leftContentInfo, .leftContentInfoCenter
{
    position: relative;
    float: left;
    width: 50%;
}
.rightContentInfo, .rightContentInfoCenter
{
    position: relative;
    float: right;
    width: 49%;
}
.leftContentInfoCenter, .rightContentInfoCenter
{
    text-align: center;
}
.columnLeft
{
    position: relative;
    float: left;
    width: 33%;
    text-align: center;
}
.columnCenter
{
    position: relative;
    float: left;
    width: 33%;
    text-align: center;
}
.columnRight
{
    position: relative;
    float: right;
    width: 33%;
    text-align: center;
}
.columnLeftLarge
{
    position: relative;
    float: left;
    width: 67%;
}
.columnRightSmall
{
    position: relative;
    float: right;
    width: 33%;    
}
.intersection
{
    position: relative;
    clear: both;
    height: 20px;
}
.menuDivision
{
    background-color: #d9d9d9;
    margin-left: 6px;
    margin-bottom: 10px;
    padding-top: 5px;
    height: 35px;
}
.menuTitle
{
    padding-left: 10px;
    color: #595959;
    font-weight: bold;
}
.menuTitleDescription
{
    padding-left: 10px;
    color: #595959;
    font-size: 11px;
}
.menu
{ 
    color: #595959;
    padding-left: 6px;
    padding-bottom: 10px;
}
a.menu:link, a.menu:visited, a.menu:hover, a.menu:active
{
    color: #595959;
    padding-left: 3px;
}
.inline
{
    display: inline;
}
.hide
{
    display: none;
}
.divHeight
{
    min-height: 150px;
    height: 150px;
}
.featureDescription
{
    font-size: 11px;
    color: #595959;
    padding-left: 3px;
    width: 180px;
}
.productDescription
{
    padding-left: 10px;
    font-size: 11px;
    color: #595959;
    display: block;
    clear: both;    
}
.titleGrey
{
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #404040;  
}
.titleBlue
{
    font-size: 16px;
    font-style: normal; 
    font-weight: bold;   
    color: #16407a;    
}
.titleGreen
{
    font-size: 16px;
    font-style: normal;
    font-weight: bold;    
    color: #094512;  
}
.logo
{
    padding-left: 6px;
}
.paddingRight
{
    padding-right: 10px;
}
.paddingRight2
{
   padding-right: 2px;
}
.paddingLeft
{
    padding-left: 10px;
}
.titleNews
{
    font-weight: bold;
    color: #16407a;  
}
.date
{
    font-style: italic;
    font-weight: bold;
    color: #16407a;    
}
.bold
{
    font-weight: bold;   
}
.italic
{
    font-style: italic;    
}
