body {

    margin: 0px;

    padding: 0px;

    height: 100%;

    background-color: whitesmoke;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-family: arial, helvetica, sans-serif;

    font-family: Verdana, sans-serif;

    font-size: 14px;

}



div#header, #maincontent, #topcontent {

    margin: 0 auto;

    padding: 0px 0px 0px 0px;

    width: 980px;

    background-color: white;

}

div#header {

    border: none;

    xheight: 152px;

    padding-bottom: 4px;

}

div#topcontent {

   background-color: transparent;

}

div#header img { border: none;  margin: 0px; padding: 0px; }

div#header .nav { margin-right: 8px; margin-left: 8px; color: grey; }

div#footer .nav { margin-right: 10px; margin-left: 10px; text-decoration: none; }

div#header a:link, div#header a:visited { 

    color: white;

    text-decoration:none;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

}

div#header a:hover {  color: black; }



#topcontent a {

    vertical-align: middle;

    font-size: 10px;

    color: gray;

    margin: 0px 3px 0px 3px;

    text-decoration: none;

}

#maincontent {    

    text-align: left;

    vertical-align: middle;

    background-color: white;

}

#maincontent h2 {

    margin: 0 0 -.5em 0;

    padding: .75em 0 0 0;

    font-size: 1em;

    font-size: 14px;

    letter-spacing: .1em;

    color: blue;

}

#maincontent p {

    font-size: 14px;

}

.customers { width: 230px; text-align: center; xborder: 1px solid red; padding-bottom:8px;}
.cust-logo { width: 120px; padding: 5px; vertical-align: middle; border: none; }
.cust-logo-anchor { text-decoration: none; }

.partner-logo { width: 120px; padding: 5px; vertical-align: middle; border: none; }
.partner-logo-anchor { text-decoration: none; }


.sidebar { width: 202px; }

.centercol { 

        padding-left: 5px;

        padding-right: 5px;

        margin-left: 50px;

        xbackground-color: gainsboro;

    }



input.text {

   border: 1px solid Gray;

   padding-left: 4px;

   width: 94%;

}

.right-banner { 

    margin-bottom: 10px;

    xheight: 100px;

    background-color: #4E95CF;

    background-color: #C6CCCF;

}



div#navigation {

    width: 100%;

    text-align: center;

    margin: 20px 0px 6px 0px;

}

div#titleblock {

    width: 100%;

    padding-top: 5px;

    xheight: 45px;

    vertical-align: middle;

}

div#title, div#subtitle {

    width: 100%;

    text-align: center;

    vertical-align: middle;

    letter-spacing: 4px;

    font-size: 24px;

    font-weight: bold;

    font-weight: 500;

    xpadding: 0px 0px 0px 0px;

}

div#title {

    color: #C6CCCF;

    color: white ;

    font-weight: bold;

}

div#subtitle {

    color: white;



}

div#navigation-block { text-align: left; margin-left: 20px;   }

.navigation-00 { padding: 5px; font-size: 14px; font-weight: 600; }

.navigation-01 { padding: 0px 0px 5px 20px; font-size: 12px; font-weight: normal; }

.navigation-anchor { text-decoration: none; }

.navigation-on { background-color: lightyellow; }

.navigation-off {}



.cust-logo { width: 120px; padding: 5px; vertical-align: middle; border: none; }

.cust-logo-anchor { text-decoration: none; }



.centerwide { width: 100%; text-align: center; }

.center { text-align: center; }

.left { text-align: left; }

.left { text-align: right; }

.copyright { color: #4E95CF; }

.maintext { font-size: 8px; }

.paratitle {

    text-align: center;

    width: 100%;

    font-size: larger;

    font-style: italic;

    font-weight: bold;

    color: black;

    margin: 5px 0px 0px 0px;

}

.paracenter {

    width: 94%;

    text-align: left;

    padding: 8px 0px 8px 30px;

    font-weight: normal;

    font-size: 14px;

}

.faq { 

    padding: 10px 10px 10px 10px;

}

.faqtitle {

    text-align: left;

    width: 100%;

    font-size: larger;

    font-style: italic;

    color: red;

    margin: 10px 0px 10px 0px;

}

.faqanchor {

}



.event

{

    color: grey;

    font-size: 16px;

}



.news

{

    color: grey;

    font-size: 16px;

}

.news li { padding-bottom: 20px; }

/* ------------------------------------------------- */



.quote-block {

    height: 170px;

    text-align: center;

    font-size: 14px;

    background-image: url("images/gradient-01.jpg") ;

    background-image: url("images/gradient-05.jpg") ;

}



.news-rotation-block {

    height: 140px;

    font-size: 14px;

    background-image: url(images/gradient-02.jpg);

}



.advantage-block {

    height: 135px;

    text-align: left;

    font-size: 14px;

    xbackground-image: url("images/gradient-04.jpg") ;

    background-image: url("images/gradient-02.jpg") ;

}



.customer-block {

    

}



.news-block {

    text-align: left;

    font-size: 14px;

    background-image: url("images/gradient-02.jpg") ;

}



.events-block {

    text-align: left;

    font-size: 14px;

    background-image: url("images/gradient-02.jpg") ;

}



.request-info-block {

    height: 80px;

    text-align: left;

    font-size: 14px;

    xbackground-color: white ;

    background-image: url("images/gradient-05.jpg") ;

    background-image: url("images/gradient-02.jpg") ;

}



/* ------------------------------------------------- */



img.left { float: left; padding-right: 10px; }



ul {

    font-style: normal;

    xline-height: 2em;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    text-decoration: none;

    text-indent: 5px;

    list-style-position: outside;

    list-style-type: disc;

    padding-left: 30px;

    xmargin: 6px;

}



xli { padding-bottom: 12px; }



/* ------------------------------------------------- */



a.popimage, a.popimage:visited {

    border: none;

    display: block;

    left: 0;

    text-decoration: none;

    top: 0;

}

a.popimage .popimagelarge {

    border: none;

    display: block;

    width: 1px;

    left: -1px;

    position: relative;

    top: -1px;

}

a.popimage .popdiv {

    background-color: yellow;

    border: solid 1px gray;

    display: none;

    left: 600px;

    padding: 10px;

    position: relative;

    xtop: 165px;

}

a.popimage:hover .popdiv {

    display: block;

    position: absolute;

}



a.popimage:hover .popimagelarge {

    border: 1px solid #000000;

    display: block;

    left: 600px;

    position: absolute;

    top: 165px;

    width:  450px;

}

.popimagesmall {

    border: none;

}



/* ------------------------------------------------- */



#footer {

    xborder: 1px solid green;

    position: relative;

    bottom: 0;

    margin: 10px 0px 0px 0px;

    padding: 0;

    xheight: 4em;

    line-height: 2em;

    text-align: center;

    font-size: .7em;

    xbackground-color: #ffffff;

    xborder-top: 1px solid #eeeeee;

}



/* ------------------------------------------------- */

.box, .border-box {

    width: 99%;

    margin: 0px 1px 5px 0px;

    padding: 0px;

}

.border-box {

    border: 1px solid lightgrey ;

}

.box-title {

    background-color: #eeeeee; lightgrey;

    text-align: center;

}

div.box-title h1,

div.box-title h2,

div.box-title h3 {

    font-size: 1em;

    font-weight: normal;

    color: #222222;

    margin: 0px;

    padding: 6px 5px;

    text-transform: uppercase;

}

.box-content {

}

/* ------------------------------------------------- */



/* ---------------------- subnav ------------------- */

#subnav ul  { list-style:none; padding: 0px; margin: 0px; }

#xsubnav ul li {  margin: 10px 0px 10px 0px; font: bold .8em/.9em "Lucida Sans", "Lucida Grande", tahoma, geneva, sans-serif; border-bottom: 1px dashed #aaa; }

#subnav ul li {  margin: 10px 0px 10px 0px; font-style: bold; font-size: smaller; border-bottom: 1px dashed #aaa; }

#subnav ul li a { padding: 8px 0px 8px 17px; background:url("images/subnav-bullet.gif") top left no-repeat; text-decoration: none;  }

#subnav ul li a#current { background:url("images/subnav-bullet-current.gif") top left no-repeat #eeefef; }

#subnav ul li a:hover { background-color: #ebebeb; }

/* Dropdown Links */

#subnav ul ul li { font: 1em/2em 'lucida grande',tahoma, geneva, sans-serif; color: #0a759b; border: none; }

#subnav ul ul a { background: none; font-size: 1em; line-height: 1.6em; color: #0a759b; }

#subnav ul ul a:hover { background: none; text-decoration:underline; }

/* ------------------------------------------------- */



/* -------------------- quicklinks ----------------- */

.quicklinks { border: none; }

.quicklinks ul  { list-style: none; padding: 0px; margin: 0px;}

.quicklinks ul li { margin: 10px 0px 0px 0px; font-size: smaller; font-weight: normal; line-height: 1em; color: #333;  background:url("images/smallarrow.gif") no-repeat top left;}

.quicklinks ul li p { line-height: 1.5em; font-size:.9em; color:#444; }

.quicklinks ul li a { padding: 8px 0px 8px 17px; text-decoration: none; color: #0a759b; }

.quicklinks ul li a:hover { text-decoration:underline; }

/* ------------------------------------------------- */

#login-box, #pvtest-box {

    padding: 3px; margin: 0px 0px 0px 0px;

}

#login-box a { text-decoration: none; }

#login-box .smalltext { font-size: smaller; }

#pvtest-box form, #login-box form { margin: 0px; padding: 0px; }

/* ------------------------------------------------- */





