#header
{
    background-color: transparent;
    color: rgb(0,0,255);
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 20pt;
    font-weight: bold;
    height: 40px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    min-width: 300px;
    overflow: hidden;
    padding: 10px 0px 0px 0px;
    text-align: center;
    top: 0px;
    white-space: nowrap;
}

#tagline
{
    background-color: transparent;
    color: rgb(0,0,255);
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 10pt;
    height: 30px;
    left: 0px;
    letter-spacing: 0.4em;
    line-height: 120%;
    margin-left: auto;
    margin-right: auto;
    min-width: 300px;
    overflow: hidden;
    padding: 0px;
    text-align: center;
    text-align: center;
    white-space: nowrap;
}

#navigation
{
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 93%;
    line-height: normal;
    position: relative;
    white-space: nowrap;
    width: 815px;
    z-index: 2;
}

#navigation ul
{
    list-style: none;
    margin: 0;
    padding: 10px 10px 0;
    position: relative;
}

#navigation li
{
    background: url("./images/leftroll.gif") no-repeat left top;
    border-bottom: 1px solid #776655;
    float: left;
    margin: 0;
    padding: 0 0 0 9px;
    position: relative;
}

/* Set float: left for older IE browsers to keep tabs on one line
   Set width: .1em for older IE browsers to increase clickable area in tab */
#navigation a
{
    background: url("./images/rightroll.gif") no-repeat right top;
    color: rgb(0,0,170);
    display: block;
    float: left;
    font-weight: bold;
    padding: 5px 15px 4px 6px;
    position: relative;
    text-decoration: none;
    width: .1em;
}

/* Turn the older IE hacks off */
#navigation > ul a
{
    position: relative;
    width: auto;
}

/* Set float: none inside hack to turn off float: left (above) for non-IE browsers
   Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a
{
    float: none;
}
/* End IE5-Mac hack */

/* Set background-position to make rounded left corner of tab,
   and move background up to show highlighted part of image
   Set border-width: 0 to remove bottom border of current tab,
   to support mode where none of the tabs are active */
#home     #nav-home,
#dev      #nav-dev,
#tax      #nav-tax,
#about    #nav-about,
#contact  #nav-contact,
#partners #nav-partners
{
    background-position: 0% -150px;
    border-width: 0;
    position: relative;
}

/* Set background-position to make rounded right corner of tab,
   and move background up to show highlighted part of image
   Set badding-bottom: 5px to hide line at bottom of tab,
   so as to flow into body of page */
#home     #nav-home     a,
#dev      #nav-dev      a,
#tax      #nav-tax      a,
#about    #nav-about    a,
#contact  #nav-contact  a,
#partners #nav-partners a
{
    background-position: 100% -150px;
    color: rgb(0,0,255);
    padding-bottom: 5px;
    position: relative;
}

/* Specified li: hover a twice to have color set only once
   Set background-position to make rounded left corner of tab,
   and move background up to show highlighted part of image 
   Make sure no space in li:hover or will not work */
#navigation li:hover, #navigation li:hover a
{
    background-position: 0% -150px;
    color:rgb(0,0,255);
    position: relative;
}

/* Set background-position to make rounded right corner of tab,
   and move background up to show highlighted part of image
   Make sure no space in li:hover or will not work */
#navigation li:hover a
{
    background-position: 100% -150px;
    position: relative;
}

/* Set width at 99% so right border visible in IE
   Add padding at top to compensate for float: left
   margin bug in firefox and netscape */
#main
{
    background-color: rgb(255,255,255);
    border: 1px solid #776655;
    clear: both;
    display: block;
    height: 500px;
    min-width: 815px; 
    padding: 5px 0px 0px 5px;
    position: relative;
    top: -1px;
    width: 98.5%;
}

/* Specific to home page main */
#home #main
{
    font-size: 12pt;
}

/* Specific to non tab pages (e.g. error pages) */
#other #main
{
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 16pt;
    background-color: rgb(0,255,255);
    text-align: center;
}

.menu
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    list-style-type: none;
    margin-left: 0px;
}

/* Move top margin to container padding to handle
   float: left margin bug with firefox and netscape */
#content
{
    background: url("./images/gears.jpg") no-repeat left top;
    border: 1px solid #776655;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    height: 473px;
    margin: 0px 5px 5px 0px;
    overflow: auto;
    padding: 10px;
}

/* Move top margin to container padding to handle
   float: left margin bug with firefox and netscape */
#rail
{
    border: 1px solid #776655;
    float: left;
    height: 473px;
    margin: 0px 5px 5px 0px;
    padding: 10px 0px 10px 0px;
    width: 300px;
}

#rail ul
{
    left: 0px;
    padding-left: 0px;
}

#rail li a
{
    background-color: #FFFFFF;
    display: block;
    padding-bottom: 1px;
    padding-top: 1px;
    text-indent: 10px;
    width: 100%;
}

/* Turn the older IE hacks off in newer browsers */
#rail > li a
{
    width: auto;
}

#rail #nav-dev-erp    a,
#rail #nav-dev-pos    a,
#rail #nav-dev-web    a,
#rail #nav-dev-ariba  a,
#rail #nav-dev-as400  a,
#rail #nav-dev-c      a,
#rail #nav-dev-java   a,
#rail #nav-dev-net    a,
#rail #nav-dev-plsql  a,
#rail #nav-dev-siebel a,
#rail #nav-tax-existing  a,
#rail #nav-tax-needs     a,
#rail #nav-tax-gap       a,
#rail #nav-tax-recommend a,
#rail #nav-tax-project   a,
#rail #nav-tax-req       a,
#rail #nav-tax-design    a,
#rail #nav-tax-install   a,
#rail #nav-tax-config    a,
#rail #nav-tax-custom    a,
#rail #nav-tax-testing   a,
#rail #nav-tax-migrate   a,
#rail #nav-tax-support   a,
#rail #nav-tax-review    a,
#rail #nav-tax-tuning    a
{
    text-indent: 35px;
}

#dev #auto    #nav-dev-auto,
#dev #erp     #nav-dev-erp,
#dev #pos     #nav-dev-pos,
#dev #web     #nav-dev-web,
#dev #int     #nav-dev-int,
#dev #ariba   #nav-dev-ariba,
#dev #as400   #nav-dev-as400,
#dev #c       #nav-dev-c,
#dev #java    #nav-dev-java,
#dev #net     #nav-dev-net,
#dev #plsql   #nav-dev-plsql,
#dev #siebel  #nav-dev-siebel,
#dev #special #nav-dev-special,
#dev #reports #nav-dev-reports,
#dev #general #nav-dev-general,
#tax #bpr       #nav-tax-bpr,
#tax #existing  #nav-tax-existing,
#tax #needs     #nav-tax-needs,
#tax #gap       #nav-tax-gap,
#tax #recommend #nav-tax-recommend,
#tax #implement #nav-tax-implement,
#tax #project   #nav-tax-project,
#tax #req       #nav-tax-req,
#tax #design    #nav-tax-design,
#tax #install   #nav-tax-install,
#tax #config    #nav-tax-config,
#tax #custom    #nav-tax-custom,
#tax #testing   #nav-tax-testing,
#tax #migrate   #nav-tax-migrate,
#tax #support   #nav-tax-support,
#tax #tech      #nav-tax-tech,
#tax #review    #nav-tax-review,
#tax #tuning    #nav-tax-tuning

{
    border: 1px solid #776655;
}

#dev #auto    #nav-dev-auto    a,
#dev #erp     #nav-dev-erp     a,
#dev #pos     #nav-dev-pos     a,
#dev #web     #nav-dev-web     a,
#dev #int     #nav-dev-int     a,
#dev #ariba   #nav-dev-ariba   a,
#dev #as400   #nav-dev-as400   a,
#dev #c       #nav-dev-c       a,
#dev #java    #nav-dev-java    a,
#dev #net     #nav-dev-net     a,
#dev #plsql   #nav-dev-plsql   a,
#dev #siebel  #nav-dev-siebel  a,
#dev #special #nav-dev-special a,
#dev #reports #nav-dev-reports a,
#dev #general #nav-dev-general a,
#tax #bpr       #nav-tax-bpr       a,
#tax #existing  #nav-tax-existing  a,
#tax #needs     #nav-tax-needs     a,
#tax #gap       #nav-tax-gap       a,
#tax #recommend #nav-tax-recommend a,
#tax #implement #nav-tax-implement a,
#tax #project   #nav-tax-project   a,
#tax #req       #nav-tax-req       a,
#tax #design    #nav-tax-design    a,
#tax #install   #nav-tax-install   a,
#tax #config    #nav-tax-config    a,
#tax #custom    #nav-tax-custom    a,
#tax #testing   #nav-tax-testing   a,
#tax #migrate   #nav-tax-migrate   a,
#tax #support   #nav-tax-support   a,
#tax #tech      #nav-tax-tech      a,
#tax #review    #nav-tax-review    a,
#tax #tuning    #nav-tax-tuning    a
{
    color: rgb(0,0,255);
}

#rail a, 
#content a
{
    color: rgb(0,0,170);
    font-weight: bold;
    text-decoration: none;
}

/* Set color to bright blue
   Make sure no space in a:hover or will not work */
#rail a:hover,
#content a:hover,
{
    color: rgb(0,0,255);
}

#footer
{
    background-color: transparent;
    color: rgb(0,0,255);
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 10pt;
    height: 50px;
    left: 0px;
    letter-spacing: 0.4em;
    line-height: 120%;
    margin-left: auto;
    margin-right: auto;
    min-width: 300px;
    overflow: hidden;
    padding: 15px;
    text-align: center;
    white-space: nowrap;
}

body
{
    background-image: url("./images/background.gif");
    background-repeat: repeat;
    overflow: hidden;
}

html
{
    overflow: auto;
}

h1
{
    color: rgb(0,0,170);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
}

h2
{
    color: rgb(0,0,170);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

/* Scale the email address image relative to the font size */
#addr
{
    color: red;
    display: block;
    padding: .1em 0em 0em 0em;
    height: 1.15em;
}

.note
{
    font-family: Helvetica, sans-serif;
    font-size: 10pt;
    padding-top: 5px;
}

.image
{
    border-width: 0;
}