html { height: 100%; }
body { margin: 0px; padding: 0px; background-color: #f0f0f0; height: 100%; }

a:link         { text-decoration: none; color: #007aab; }
a:visited      { text-decoration: none; color: #007aab; }
a:hover        { text-decoration: none; background-color: #303030; color: #ffffff; }
a:active       { text-decoration: none; background-color: #303030; color: #ffffff; }

ul li       { list-style-type: square; list-style-image: url(bullet1.gif); }
ul ul li    { list-style-type: disc; list-style-image: url(bullet2.gif); }
ul ul ul li { list-style-type: circle; list-style-image: none; }
ol li       { list-style-type: decimal; }
ol ol li    { list-style-type: lower-alpha; }
ol ol ol li { list-style-type: lower-roman; }

h1          { font: 14pt sans-serif; font-weight: bold; margin-left: 0px; border-bottom: 1px solid #999999; }
h2          { font: 12pt sans-serif; font-weight: bold; margin-left: 10px; border-bottom: 1px dotted #999999; }
h3          { font: 11pt sans-serif; font-weight: bold; margin-left: 15px; }
h4          { font: 10pt sans-serif; font-weight: bold; margin-left: 15px; }
h5          { font: 10pt sans-serif; font-weight: bold; margin-left: 15px; }

img         { border: none; }

p,table     { margin: 10px 10px 10px 20px; padding: 0px; }
ol,ul       { margin: 10px 10px 10px 20px; padding-left: 30px; }
ol ol, ul ul { margin: 0px; padding-left: 30px; }

.title      { background-color: #333333; color: #e0e0e0; font: 10pt sans-serif; font-weight: bold; }
.shaded     { background-color: #e7e7e7; border: 1px dotted #d0d0d0; color: #000000; }
.action     { font: 12pt sans-serif; font-weight: bold; text-align: center; }

#tooltip    { border: 1px solid #666666; max-width: 30%; 
              background-color: #ffffff; padding: 5px; color: #000000;
              position: absolute; visibility: hidden; z-index: 10;
	      font: 9pt sans-serif;
              white-space: wrap; }

/**** Main Container for top navigation ***/

#page {
    background: url(bg_side1.gif) #ffffff top left repeat-y;
    width: 100%;
    max-width: 900px;
    margin: auto;
    border: 1px solid #000000;
    border-top: 0px;
    clear: both;
    min-height: 100%;
}

#topnav {
    position: absolute;
    top: 0px;
    width: 900px;
}

#topnav div {
    display: block;
    float:right;
    margin: 2px 2px 0px 0px;
}

#topnav div ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#topnav div ul li {
    font: 7pt sans-serif;
    font-weight: bold;
    color: #303030;
    letter-spacing: 1px;
    display: block;
    float: left;
    padding: 1px;
}

#topnav div ul li a {
    display: block;
    padding: 7px;
    color: #000000;
    border-right: 1px solid #404040;
}

#topnav div ul li a:hover {
    background: #b0b0b0;
    color: #ffffff;
}

#sitesearch {
    background: url(search.gif) #ffffff no-repeat center left;
    margin: 2px 0px 0px 7px;
}

#sitesearch:focus {
    background: #ffffff;
}

#menu {
    position: absolute;
    top: 85px;
    width: 900px;
    z-index: 9;
}

#menu div {
    background-color: #5da9dd;
    border-top: 1px solid #5da9dd;
    border-bottom: 1px solid #5da9dd;
    display: block;
    float: left;
    width: 100%;
}

#container {
    padding-left: 260px;
    min-height: 100%;
}

#sidebar {
    width: 250px;
    right: 250px;
    float: left;
    margin-left: -260px;
    padding: 0px 5px 0px 5px;
    font: 9pt sans-serif; color: #202020; 
}


#sidebar h1 { border-bottom: 0px; }
#sidebar h2 { border-bottom: 0px; }

#sidebar a:link    { color: #003145; font-weight: bold; }
#sidebar a:visited { color: #003145; font-weight: bold; }
#sidebar a:hover   { text-decoration: none; color: #ffffff; }
#sidebar a:active  { text-decoration: none; color: #ffffff; }

#toplogolink:link    { background-color: transparent; }
#toplogolink:visited { background-color: transparent; }
#toplogolink:hover   { background-color: transparent; }
#toplogolink:active  { background-color: transparent; }

#sidebar .quote { font: 8pt/12pt sans-serif; font-style: italic; padding: 10px; }
#sidebar .quote img { display: block; margin: auto; border: 1px solid #e0e0e0; margin-bottom: 10px; }
#sidebar .attri { font-size: 7pt; padding-right: 20px; text-align: right; }

#sidebar .topbanner { font: 8pt/12pt sans-serif; font-style: italic; padding: 5px; margin-top: 15px; }
#sidebar .topbanner img { display: block; margin: auto; border: 2px solid #FFF; margin-bottom: 0px; }

#sidebar .banner { font: 8pt/12pt sans-serif; font-style: italic; padding: 5px;}
#sidebar .banner img { display: block; margin: auto; border: 2px solid #FFF; margin-bottom: 0px; }

#sidebartop {
    width: 100%;
    height: 120px;
    text-align: center;
}

#sidebarbot {
    clear: both;
    width: 100%;
    height: 0px;
    overflow: hidden;
}

#content {
    background: url(bg_body.gif) #ffffff no-repeat top right;
    padding: 0px 20px 0px 20px;
    font: 10pt/14pt sans-serif; color: #303030; 
    min-height: 100%;
}

#contenttop {
    display: block;
    width: 100%;
    height: 120px;
}
#contentbot {
    clear: both;
    display: block;
    width: 100%;
    height: 0px;
    overflow: hidden;
}

#footer {
    display: block;
    width: 100%;
    height: 15px;
    clear: both;
    padding: 10px 0px;
    border-top: 1px solid #b0b0b0;
    color: #707070;
}

#footer div {
    font: 7.5pt sans-serif;
    text-align: center;
}

#footer div a {
    display: inline;
    text-decoration: none;
    color: #606060;
    margin: auto;
}

#footer div a:hover {
    text-decoration: underline;
    color: #ffffff;
}

#containerbot {
    clear: both;
    display: block;
    width: 100%;
    height: 0px;
    overflow: hidden;
}

#pagebot {
    clear: both;
    display: block;
    width: 100%;
    height: 0px;
    overflow: hidden;
}

#headimage {
    border: 1px solid #b0b0b0;
    margin: auto;
    margin-top: 10px;
    width: 550px;
    overflow: hidden;
}

img.logo_success {
    border: 1px dotted #b0b0b0;
    margin: 10px 10px 20px 20px;
    float: right;
}

img.logo_resellers {
    border: 1px dotted #b0b0b0;
    margin: 0px 20px 0px 10px;
    float: right;
}

img.application {
    border: 1px solid #b0b0b0;
    margin: 0px 10px 0px 0px;
    float: left;
}

div.videolink {
    width: 300px;
    float: left;
    text-align: center;
}

div.videolink h3 {
    text-align: left;
}

div.videolink a img {
    border: 1px solid #b0b0b0;
    width: 290px;
}

/* CSS for the drop-down menu */

ul.cssMenu ul {
    display: none
}
ul.cssMenu li:hover>ul {
    display: block
}
ul.cssMenu ul {
    position: absolute; 
    left: 0px;
    top: 100%;
}
ul.cssMenu ul ul {
    position: absolute;
    left: 98%;
    top: 2px;
}
ul.cssMenu, ul.cssMenu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    list-style-image: none;
}
ul.cssMenu {
    display: block;
    float: left;
    width: 100%;
}
ul.cssMenu li {
    display: block;
    width: 180px;
    float: left;
    background: url(corner.gif) #5da9dd top left no-repeat;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
    outline-style:none;
}
ul.cssMenu a {
    display:block;
    vertical-align:middle;
    border: 1px solid #ffffff;
    border-width: 1px 1px 1px 0px;
    text-align:center;
    text-decoration:none;
    margin: 0px;
    padding: 6px 0px 6px 0px;
    font: 9pt sans-serif;
    font-variant: small-caps;
    font-weight: bold;
    color: #ffffff;
    text-decoration:none;
    cursor:default;
}
ul.cssMenu ul li {
    float: none;
    width: 180px;
    margin: 0px;
}
ul.cssMenu ul a {
    text-align: left;
    border-width: 0px 1px 1px 1px;
    font-variant: normal;
    font-weight: normal;
    padding: 3px;
    margin: 0px;
}
ul.cssMenu li:hover{
    position: relative;
}
ul.cssMenu li:hover>a{
    background-color: #d0d0d0;
    color: #000000;
}
ul.cssMenu li a:hover{
    background-color: #ffffff; 
    border-color: #665500;
    color: #000000;
}
ul.cssMenu span {
    display:block;
    background-image:url(menu_arrow_1.gif);
    background-position:right center;
    background-repeat: no-repeat;
}
ul.cssMenu ul li a span{
    background-image:url(menu_arrow_2.gif);
}

#rotator { z-index: 0; }