/* General Styling */

body {
    font: 70% Verdana, Arial, Helvetica, sans-serif;
    background-color: #fff;
    color: #666666;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

a:link {
    color: #2375BB;
    font-weight: bold;
    text-decoration: none;
}

a:visited {
    color: #5B8EBA;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: #FF9966;
    font-weight: bold;
    text-decoration: none;
}

a img {
    border: none;
    vertical-align: middle;
}

a.h1:link {
    color:  #666666;
    font-weight: bold;
    font-size: 100%;
}

a.h1:visited {
    color:  #666666;
    font-weight: bold;
}

a.h1:hover {
    color:  #999999;
    font-weight: bold;
    font-size: 100%;
}

hr {
    height: 1px;
    color: #C9D7E9;
    border: none;
}

html>body hr {
    height: 1px;
    background-color: #C9D7E9;
    border: 0px solid  #C9D7E9;
} /* For Opera and Gecko-based browsers */

input {
    background-color: white;
    border: 1px solid #666666;
    vertical-align: middle;
    margin: 0.3em;
    color: #666666;
    font-size: 100%;
}

input[type="submit"] {
    background-color: #EDF0F4;
    color: #666666;
    font-size: 100%;
    cursor: pointer;
    border-style: outset;
}

input.submit { /* IE doesn't support type=submit and this class must be applied to each submit button*/
    background-color: #EDF0F4;
    color: #666666;
    font-size: 100%;
    cursor: pointer;
    border-style: outset;
}

p {
    margin: 8px 0px 8px 0px;
}

h1 {
    background: #fff url(zHeader.gif) top left no-repeat;
    color:  #666666;
    font-weight: bold;
    border-bottom: 1px solid #C9D7E9;
    font-size: 130%;
    padding: 1px;
    text-indent: 18px;
    vertical-align: middle;
    margin: 10px 0px 0px 2px;
}

h2 {
    color:  #666666;
    font-weight: bold;
    font-size: 120%;
    padding: 1px;
    margin: 10px 0px 0px 2px;
}

h2 a {
    text-decoration: none;
}

h3 {
    color:  #666666;
    font-weight: bold;
    font-size: 100%;
    padding: 1px;
    margin: 10px 0px 0px 2px;
}

h3 a {
    text-decoration: none;
}

.spacer {
    margin: 5px;
}

.imageInContent {
    font-weight: bold;
    text-align: center;
    margin: 4px 0px 8px 0px;
}

.alignRight {
    text-align: right;
    margin: 2px 0px 5px 0px;
    font-size: 90%;
}

.alignRight a {
    text-decoration: none;
    font-weight: normal;
}

.alignRight a:hover {
    text-decoration: none;
    font-weight: normal;
}

.alignRight a:visited {
    text-decoration: none;
    font-weight: normal;
}

.largerLink {
    font-size: 120%;
    margin: 5px 0px 5px 0px;
   
}

.headlineNoDescription {
    margin: 10px 0px 10px 0px;
}

/* End General Styling */

/* Top header */

#frame {
    width: 760px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
    text-align: left;
    border: 1px solid #2375BB;
}

#frame.secondary
{
    background: #fff url(secondaryBackground.gif) top left repeat;
}

.clearer{
    height: 1px;
    overflow: hidden;
    margin-top: -1px;
    clear: both;
}

#frame #contentHeader {
    position: absolute;
    height: 190px;
    white-space: nowrap;
}

#frame #filler {
    height: 190px;
}

#frame #contentHeaderSecondary {
    position: absolute;
    height: 95px;
    white-space: nowrap;
}

#frame #fillerSecondary {
    height: 95px;
}

#frame #contentHeader .contactSearch, #frame #contentHeaderSecondary .contactSearch {
    right: 10px;
    padding-right: 0.8em;
    padding-top: 0.3em;
    text-align: right;
    font-size: 90%;
    vertical-align: middle;
    z-index: 10;
    position: absolute;
}

/* End Top header */

/* Drop Down Menu */

#frame #menu {
    background: #CCCCFF url(menuBackground.gif) bottom left repeat-x;
}

#frame #menu img {
    vertical-align: middle;
    margin: 0 2px 0px 2px;
}

#frame #menu a {
    color: #666666;
    text-decoration: none;
}

.anylinkcss{
    position:absolute;
    visibility: hidden;
    border:1px solid #666666;
    border-bottom-width: 0;
    font:normal 10px Verdana;
    line-height: 18px;
    z-index: 100;
    background-color: #EDF0F4;
    width: 205px;
}

.anylinkcss a {
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #666666;
    padding: 1px 0;
    text-decoration: none;
    font-weight: normal;
    text-indent: 5px;
    color: #666666;
}

.anylinkcss a:hover { /*hover background color*/
    background-color: #FFFFFF;
    color: #FF9966;
    font-weight: normal;
}

.anylinkcss a:visited {
    font-weight: normal;
}

/* End Drop Down Menu */

/* Left homepage content */

#frame #contentleft {
    width: 490px;
    float: left;
}

#frame #contentleft .inner {
    padding: 5px;
}

#frame #contentleft .inner a {
    text-decoration: none;
}

#frame #contentleft table.productsServices {
    border-collapse: separate;
    border-spacing: 2px;
    table-layout: fixed;
    font-size: 90%;
}

#frame #contentleft table.productsServices td {
    width: 150px;
    background-color: #CCCCFF;
    vertical-align: top;
}

#frame #contentleft table.productsServices td p {
    margin: 2px;
}

/* End left homepage content */

/* Right homepage content */

#frame #contentright {
    width: 260px;
    float: right;
}

#frame #contentright .inner {
    padding: 5px;
}

#frame #contentright .inner a {
    text-decoration: none;
}

#frame #contentright .inner #customerSpotlight {
    background-color: #CCCCFF;
    margin: 0px 2px 0px 2px;
    text-align: center;
}

#frame #contentright .inner #customerSpotlight p {
    padding: 2px;
    margin: 2px;
    text-align: left;
    font-size: 90%;
}

#frame #contentright .inner #customerSpotlight img {
    padding: 2px;
    margin: 2px;
}

/* End right homepage content */

/* Secondary page content */

#frame #secondaryNav {
    width: 180px;
    float: left;
}

#frame #secondaryNav .section a {
    color: #666666;
    border: 1px solid #CCCCCC;
    background: #fff url(navigationBar.gif) bottom left repeat-x;
    padding: 0.3em;
    display: block;
    vertical-align: middle;
    text-decoration: none;
    margin: 5px 0px 0px 5px;
}

#frame #secondaryNav .section a:hover {
    background: #fff url(navigationBar.gif) bottom left repeat-x;
    color: #FF6633;
}

#frame #secondaryNav .section a img {
    vertical-align: middle;
    border: 0;
    margin-right: 0.3em;
}

#frame #secondaryNav .innerNav a {
    margin-left: 4ex;
    background-color: #EDF0F4;
    font-weight: normal;
    font-size: 90%;
    color: #666666;
    text-decoration: none;
    padding: 0.5em;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #CCCCCC;
    display: block;
}

#frame #secondaryNav .innerNav a:hover {
    background-color: #F5F8FC;
    color: #2375BB;
}

#frame #contentSecondary {
    width: 430px;
    float: left;
}

#frame #contentSecondary .inner {
    padding: 5px;
}


#frame #contentSecondary table.books {
    border-collapse: separate;
    border-spacing: 2px;
    table-layout: fixed;
    font-size: 90%;
}


#frame #contentSecondary table.books td {
    width: 120px;
    vertical-align: top;
}

#frame #quoteSecondary {
    width: 140px;
    float: left;
}

#frame #quoteSecondary .inner {
    font-size: 85%;
    padding: 5px;
}

.quoteName {
    font-style: italic;
    font-weight: bold;
}

/* Secondary page content */

/* Footer */

#footer {
    width: 760px;
    margin-right: auto;
    margin-left: auto;
    font-size: 90%;
    clear: both;
}

/* End footer */

/* Table design elements */

table.layout {
    border-collapse: collapse;
    margin: 5px;
    width: auto;
    font-size: 90%;
}

table.layout td {
    padding: 0.3em;
    text-align: left;
    vertical-align: top;
}

table.layout td img {
    vertical-align: top;
}

table.layout td h2 {
    margin: 0px 0px 0px 2px;
}

table.listingdescription, table.listing {
    /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
    border-collapse: collapse;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    margin: 1em 0em 1em 0em;
    font-size: 90%;
}

table.listingdescription {
    width: 100%
}

table.listingdescription th, table.listing th {
    background: #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    color: #808080;
    font-weight: normal;
    padding: 0em 1em 0em 1em;
    white-space: nowrap;
}

table.listingdescription td.top, table.listing td.top {
    border-left: 1px solid White;
    border-top: 1px solid White ! important;
    border-right: 1px solid White ! important;
    text-align: right ! important;
    padding: 0em 0em 1em 0em;
    /* insane IE row bug workaround */
    position: relative;
    left: -1px;
    top: -1px;
}

table.listingdescription tr.odd, table.listing tr.odd {
    /*every second line should be shaded */
    background: White;
}

table.listingdescription tr.even, table.listing tr.even {
    background: #F8F8F8;
}


table.listing td {
    border-right: 1px solid #CCCCCC;
    padding: 0em 1em;
    text-align: left;
}


table.listingdescription img, table.listing img {
    vertical-align: middle;
}

table.listingdescription td {
    border-right: 1px solid #CCCCCC;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

table.listing, table.listingdescription {
    width: auto;
}

table.listing th, table.listingdescription th, table.listing th a,
table.listingdescription th {
    color: #fff;
    font-weight: bold;
    padding: 0 0.5em;
    white-space: nowrap;
}

table.listing th a:hover, table.listingdescription th a:hover {
    color: #F0F0F0;
    font-weight: bold;
}

table.listing td, table.listingdescription td {
    padding: 0.1em 0.5em;
    white-space: normal;
    vertical-align: top;
}

table.listingdescription tr.even, table.listing tr.even {
    background-color: #F8F8F8;
}

table.listingdescription td img, table.listing td img {
    margin: 0.1em 0.5em 0.1em 0.1em;
}

table.listingdescription .principal {
    width: 30%;
}

/* End table design elements */

.profile {
    display: block;
    clear: both;
    width: 100%;
    margin: 10px;
}

.profilelogo {
    float: left;
    width: 150px;
    margin: 5px 5px 10px 5px;
}

.profileinfo {
    width: auto;
    float: left;
    margin: 5px 5px 10px 10px;
}

.profiletitle {
    color:  #666666;
    font-weight: bold;
    font-size: 120%;
}

.profiledescription {

}