.bodytext
{
    FONT: lighter 11px/14px Verdana,Arial,Helvetica,sans-serif;
    COLOR: black
}
.bodytext2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: red;
    LINE-HEIGHT: 12px;
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.caption
{
    FONT-SIZE: 10px;
    COLOR: #333333;
    LINE-HEIGHT: 12px;
    FONT-FAMILY: Arial,Helvetica,sans-serif
}
H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20pt;
    MARGIN: 0px;
    COLOR: black;
    LINE-HEIGHT: 30px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    LETTER-SPACING: 2px
}
H2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 20px;
    MARGIN: 0px;
    COLOR: black;
    LINE-HEIGHT: 22px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    LETTER-SPACING: 2px
}
H3
{
    FONT-WEIGHT: bold;    
    FONT-SIZE: 18px;
    COLOR: black;
    LINE-HEIGHT: 22px;
    FONT-FAMILY: Arial, Verdana;
    LETTER-SPACING: 0pt
}
.producttitle
{
    FONT-SIZE: 20px;
    COLOR: #0b352b;
    LINE-HEIGHT: 22px;
    FONT-FAMILY: Arial, Verdana;
    LETTER-SPACING: 2pt
}
.producttitle2
{
    FONT-SIZE: 16px;
    COLOR: black;
    LINE-HEIGHT: 26px;
    FONT-FAMILY: Arial, 'Times New Roman', Times, serif
}
.Menus
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica
}
.comment
{
    FONT-SIZE: 7pt;
    COLOR: black;
    LINE-HEIGHT: 13pt;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial
}
.comment2
{
    FONT-SIZE: 7pt;
    COLOR: black;
    LINE-HEIGHT: 10pt;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial
}
DIV.box1
{
    BORDER-TOP: #6699cc 1px solid;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-LEFT-COLOR: #6699cc;
    BACKGROUND: #ffffff;
    WIDTH: 99%;
    BORDER-BOTTOM: #6699cc 1px solid;
    BORDER-RIGHT-WIDTH: 1px;
    BORDER-RIGHT-COLOR: #6699cc
}
DIV.box2
{
    BORDER-TOP: #6699cc 3px solid;
    BORDER-LEFT-WIDTH: 3px;
    BORDER-LEFT-COLOR: #6699cc;
    BACKGROUND: #ffffff;
    BORDER-BOTTOM-WIDTH: 3px;
    BORDER-BOTTOM-COLOR: #6699cc;
    WIDTH: 99%;
    BORDER-RIGHT-WIDTH: 3px;
    BORDER-RIGHT-COLOR: #6699cc
}

.mattblacktabs{
width: 100%;
overflow: hidden;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 15px Verdana;
list-style-type: none;
width:784px;
background: #D20000;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 4px 12px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #D20000; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: white;

}


.mattbluetabs ul{
margin: 5px 0px 0px 0px;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 15px Verdana;
list-style-type: none;
width: 850px;
background: #000062;
}

.mattbluetabs li{
display: inline;
margin: 0;
}

.mattbluetabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 4px 6px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #000062; /*background of tabs (default state)*/
}

.mattbluetabs li a:visited{
color: white;
}

.mattbluetabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: white;

}