/* CSS Stylesheet for FirsTech */

/* FONTS AND TEXT STYLES -----------------------------------------------------------------*/

BODY
{
    background-color: #e4eef4;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    margin: auto;
    vertical-align: top;
}

P, DIV
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #636466;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    line-height: 17px;
}


H1
{
    font-family: 'Arial Narrow' , Verdana, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: normal;
    color: #78b0db;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: -1;
    line-height: 24px;
    text-transform: none;
}

H2
{
    font-family: 'Arial Narrow' , Verdana, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #78b0db;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H3
{
    font-family: 'Arial Narrow' , Verdana, Helvetica, sans-serif;
    font-size: 18px;
    color: #78b0db;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

.head1
{
    font-size: 21px;
    font-family: 'Arial Narrow';
    font-weight: normal;
    color: #78b0db;
    display: block;
    margin-bottom: 3px;
    line-height: 23px;
}
.head2
{
    font-size: 18px;
    font-family: 'Arial Narrow';
    font-weight: normal;
    color: #78b0db;
    display: block;
    margin-bottom: 3px;
    line-height: 20px;
}
.head3
{
    font-size: 18px;
    font-family: 'Times New Roman';
    font-weight: normal;
    color: #9aca3c;
    display: block;
    line-height: 15px;
}

.txtnorm
{
    color: #636466;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
}
.txtred
{
    color: #b64e62;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
}
.txtgrey
{
    color: #9fa9b6;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.txtblue
{
    color: #69859c;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
}
.txtbluemed
{
    color: #287cc2;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
}
.txtdrkblue
{
    color: #294a84;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
}
.txtblack
{
    color: #000;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
}
.txtaccent
{
    color: #ff7800;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.txterr
{
    color: #ff0000;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.txtrev
{
    color: #718995;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.txtpipe
{
    color: #cfd4db;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.txtsmall
{
    color: #636466;
    font-size: 10px;
}
.txtreq
{
    color: #ff0000;
    font-size: 10px;
}
.txttiny
{
    color: #636466;
    font-size: 9px;
}

p.txttiny
{
    line-height: 10px;
    font-style: italic;
}

.missing
{
    color: Red;
}

.breadcrumb
{
    font-family: Arial;
    font-size: 11px;
    color: #fff;
    padding-left: 20px;
    padding-top: 10px;
    height: 37px;
}

/* default link */
A:link
{
    text-decoration: none;
    color: #69859c;
}
A:visited
{
    text-decoration: none;
    color: #69859c;
}
A:hover
{
    text-decoration: none;
    color: #2b9bd6;
}
A:active
{
    text-decoration: none;
    color: #69859c;
}

/* default undelined link */
A.under:link
{
    text-decoration: underline;
    color: #69859c;
}
A.under:visited
{
    text-decoration: underline;
    color: #69859c;
}
A.under:hover
{
    text-decoration: underline;
    color: #2b9bd6;
}
A.under:active
{
    text-decoration: underline;
    color: #69859c;
}

/* blue hover link */
A.blu:link
{
    text-decoration: none;
    color: #679cb8;
}
A.blu:visited
{
    text-decoration: none;
    color: #679cb8;
}
A.blu:hover
{
    text-decoration: none;
    color: #2b9bd6;
}
A.blu:active
{
    text-decoration: none;
    color: #679cb8;
}

/* accent blue link with underline */
A.acc:link
{
    font-weight: normal;
    text-decoration: none;
    color: #2b9bd6;
}
A.acc:visited
{
    font-weight: normal;
    text-decoration: none;
    color: #2b9bd6;
}
A.acc:hover
{
    font-weight: normal;
    text-decoration: underline;
    color: #2b9bd6;
}
A.acc:active
{
    font-weight: normal;
    text-decoration: none;
    color: #2b9bd6;
}

/* accent green link with underline */
A.accgr:link
{
    font-weight: normal;
    text-decoration: none;
    color: #9aca3c;
}
A.accgr:visited
{
    font-weight: normal;
    text-decoration: none;
    color: #9aca3c;
}
A.accgr:hover
{
    font-weight: normal;
    text-decoration: underline;
    color: #9aca3c;
}
A.accgr:active
{
    font-weight: normal;
    text-decoration: none;
    color: #9aca3c;
}

/* dark blue link */
A.drk:link
{
    text-decoration: none;
    color: #636466;
}
A.drk:visited
{
    text-decoration: none;
    color: #636466;
}
A.drk:hover
{
    text-decoration: none;
    color: #2b9bd6;
}
A.drk:active
{
    text-decoration: none;
    color: #636466;
}

A.rev:link
{
    text-decoration: none;
    color: #2b9bd6;
}
A.rev:visited
{
    text-decoration: none;
    color: #2b9bd6;
}
A.rev:hover
{
    text-decoration: none;
    color: #636466;
}
A.rev:active
{
    text-decoration: none;
    color: #2b9bd6;
}

A.drku:link
{
    text-decoration: underline;
    color: #636466;
}
A.drku:visited
{
    text-decoration: underline;
    color: #636466;
}
A.drku:hover
{
    text-decoration: underline;
    color: #2b9bd6;
}
A.drku:active
{
    text-decoration: underline;
    color: #636466;
}

/* image links */
A.img:link
{
    text-decoration: none;
}
A.img:visited
{
    text-decoration: none;
}
A.img:hover
{
    text-decoration: none;
    background-color: #fff;
}
A.img:active
{
    text-decoration: none;
}


#presslinks p
{
    font-weight: bold;
}
#presslinks A:link
{
    text-decoration: none;
    color: #287cc2;
    font-weight: normal;
}
#presslinks A:visited
{
    text-decoration: none;
    color: #287cc2;
    font-weight: normal;
}
#presslinks A:hover
{
    text-decoration: none;
    color: #0078d4;
    font-weight: normal;
    background-color: #e4e7ed;
}
#presslinks A:active
{
    text-decoration: none;
    color: #287cc2;
    font-weight: normal;
}


#literaturelinks A:link
{
    text-decoration: none;
    color: #287cc2;
}
#literaturelinks A:visited
{
    text-decoration: none;
    color: #287cc2;
}
#literaturelinks A:hover
{
    text-decoration: none;
    color: #0078d4;
    background-color: #e4e7ed;
}
#literaturelinks A:active
{
    text-decoration: none;
    color: #287cc2;
}


BLOCKQUOTE, PRE
{
    font-family: Courier New, monospace;
}

.validator, .validator UL LI
{
    color: #f00;    
}

UL LI
{
    list-style-type: disc;
    padding-bottom: 5px;
    color: #636466;
}
UL LI LI
{
    list-style-type: circle;
}
UL LI LI LI
{
    list-style-type: square;
}

ul.special
{
    list-style-image: url(/images/bullet_grey_ul.gif);
}
ul.special li
{
    vertical-align: top;
    padding-left: 5px;
}

OL LI
{
    list-style-type: decimal;
    padding-bottom: 5px;
}
OL OL LI
{
    list-style-type: lower-alpha;
}
OL OL OL LI
{
    list-style-type: lower-roman;
}

IMG, A IMG
{
    border: none;
}
/* was z-index: 1 */

/* PAGE LAYOUT STYLES -------------------------------------------------------------- */

TABLE td
{
    vertical-align: top;
}

#ftsplashpage
{
    background-image: url(/images/home/splashBG.gif);
    background-repeat: no-repeat;
    width: 759px;
    height: 615px;
    background-color: #fff;
}

#splashlogo
{
    border: solid 0px red;
}

#splashnav
{
    position: relative;
    left: 454px;
    top: 62px;
    width: 200px;
}

.splashshift1
{
    position: relative;
    top: 35px;
    right: 93px;
}
.splashshift2
{
    position: relative;
    top: 73px;
    right: 216px;
}

#splashfooter
{
    position: relative;
    left: 427px;
    top: 371px;
    width: 260px;
}



#ftpage
{
    border: solid 0px #f00;
    text-align: center;
    background-color: #e4eef4;
}


#ftpgleft
{
    background-image: url(/images/dropshadow_left.gif);
    background-repeat: repeat-y;
    width: 6px;
}

#ftpgright
{
    background-image: url(/images/dropshadow_right.gif);
    background-repeat: repeat-y;
    width: 6px;
}

#fthome
{
    width: 759px;
    margin-left: 0px;
    margin-right: 0px;
    border: solid 0px purple;
    background-color: #fff;
    vertical-align: top;
}

#fthome td
{
    border: solid 0px green;
}

#fthomebody
{
    width: 759px;
    text-align: left;
    border: solid 0px red;
    background-color: #fff;
}

#fthomebody div
{
    padding-left: 20px;
    padding-right: 15px;
}
#fthomeleft
{
    width: 221px;
}
#fthomelefttop, #fthomeleftbtm
{
    height: 128px;
}
#fthomemiddle
{
    width: 310px;
}
#fthomeright
{
    width: 221px;
}
#fthomerighttop, #fthomerightbtm
{
    height: 128px;
}


#ftmain
{
    width: 759px;
    text-align: left;
    border: solid 0px #000;
    border-collapse: collapse;
    vertical-align: top;
    background-color: #fff;
}

#ftheader
{
    width: 759px;
    vertical-align: top;
    border: solid 0px #000;
}
#ftheaderlogo
{
    width: 559px;
    border: solid 0px green;
    text-align: left;
}
#ftheaderlinks
{
    width: 200px;
    border: solid 0px green;
    text-align: left;
}

#headernav
{
    border: solid 0px red;
    padding: 5px;
    margin-top: 40px;
}

#headernav td
{
    width: auto;
}

#ftbody
{
    vertical-align: top;
}

#ftleftcol
{
    width: 151px;
    border: solid 0px #000;
    display: inline-block;
    background-image: url(/images/nav/nav2_tile.gif);
    background-repeat: repeat-y;
}

#ftrightcol
{
    width: 159px;
    background-color: #fff;
    vertical-align: top;
    border: solid 0px #000;
    display: block;
    margin-top: 20px;
}
.ftitemright
{
    padding: 5px 5px 10px 5px;
    line-height: 15px;
    border-left: solid 0px #e9eaeb;
    color: #636466;
}

.ftitemright div
{
    border: solid 0px red;
    margin: 5px 5px 0px 5px;
}

#ftcontent
{
    width: 395px;
    border: solid 0px #000;
    vertical-align: top;
    padding: 0px 26px 30px 28px;
    height: 300px;
}

#ftcontentwide
{
    width: 700px;
    border: solid 0px #000;
    vertical-align: top;
    height: 500px;
    padding: 20px 13px 30px 13px;
}

#ftcontent table
{
    border-collapse: collapse;
    table-layout: auto;
    z-index: 1;
}

#ftcontent table td
{
    border: solid 0px #000;
    padding: 0px 5px 5px 5px;
    vertical-align: top;
}

.ftbulletlistred td
{
    color: #b64e62;
}

/* for tables embedded in the page */
#ftcontentcell
{
    padding: 10px 5px 10px 5px;
}

#ftcontentcell table
{
    border: solid 1px #aeb8c7;
    border-collapse: collapse;
    table-layout: auto;
    width: 455px;
}

#ftcontentcell table td
{
    border: solid 1px #aeb8c7;
    padding: 5px 5px 5px 5px;
}

#ftcontentcell td.toprow
{
    background-image: url(/images/th_background_tile.gif);
    color: #fff;
    font-weight: bold;
}
#ftcontentcell td.leftcell
{
    background-color: #f4f6f8;
}

#tableform
{
    border: solid 0px red;
    vertical-align: middle;
}
#tableform td
{
    border: solid 0px green;
    padding-top: 20px;
}

#ftfooter
{
    width: 440px;
    background-color: #fff;
    border: solid 0px #000;
    text-align: left;
    font-size: 11px;
    margin-bottom: 25px;
    border: solid 0px red;
}

#ftfooterhome
{
    width: 759px;
    background-color: #fff;
    border: solid 0px #000;
    text-align: center;
    font-size: 11px;
    margin-bottom: 25px;
}

#ftfooter table
{
    font-size: 11px;
    font-weight: normal;
}
/* was bold */


.line
{
    background: #fff url(/images/borderLine.gif) no-repeat center bottom;
    margin: 4px auto;
    height: 1px;
    width: 150px;
}

.sectionimg
{
    text-align: left;
    margin: 6px 15px 5px 0px;
}



/* LEFT NAVIGATION STYLES ---------------------------------------------------------------- */


#listnav
{
    vertical-align: top;
    width: 151px;
    border: solid 0px red;
}

#listnav img
{
    margin-right: 0px;
}
#listnav dl
{
    display: inline;
}


/* top item link unselected */
A.lnav:link
{
    text-decoration: none;
    color: #287cc2;
}
A.lnav:visited
{
    text-decoration: none;
    color: #287cc2;
}
A.lnav:hover
{
    text-decoration: none;
    color: #287cc2;
    background-color: #d8dde5;
}
A.lnav:active
{
    text-decoration: none;
    color: #287cc2;
}

/* normal item link unselected */
A.nnav:link
{
    text-decoration: none;
    color: #287cc2;
}
A.nnav:visited
{
    text-decoration: none;
    color: #287cc2;
}
A.nnav:hover
{
    text-decoration: none;
    color: #287cc2;
    background-color: #d8dde5;
}
A.nnav:active
{
    text-decoration: none;
    color: #287cc2;
}

/* any item link selected */
A.snav:link
{
    text-decoration: none;
    color: #fff;
}
A.snav:visited
{
    text-decoration: none;
    color: #fff;
}
A.snav:hover
{
    text-decoration: none;
    color: #287cc2;
    background-color: #d8dde5;
}
A.snav:active
{
    text-decoration: none;
    color: #fff;
}


DIV.navtop
{
    margin: 0px;
    background: #e4eef4;
    border-bottom: solid 0px #89919a;
}

DIV.navitem
{
    margin: 0px;
    height: 38px;
    border-collapse: collapse;
    vertical-align: middle;
}

DIV.navitemover
{
    margin: 0px;
    height: 38px;
    border-collapse: collapse;
    vertical-align: middle;
}

DIV.navitems
{
    margin: 0px;
    height: 38px;
}

DIV.navsubitem
{
    margin: 0px;
    background: #fafcff;
    font-family: arial, verdana, sanf-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 0px 0px 10px;
    border-bottom: solid 1px #d8dfe5;
    border-left: solid 1px #f1f3f6;
    border-right: solid 1px #f1f3f6;
    height: 25px;
    border-collapse: collapse;
    vertical-align: middle;
}


/* TOP NAVIGATION STYLES  -------------------------------------------------------------- */

#menubar
{
    background-image: url(/images/nav/nav_arrow_blank.gif);
    background-repeat: repeat-x;
    width: 759px;
    border: solid 0px red;
    padding: 0px;
    margin: 0px;
}

div#ftnav div
{
    padding: 0px;
    margin: 0px;
    position: relative;
    float: left;
    left: 10px;
    border-bottom: solid 0px #f1f3f6;
    text-align: left;
}


/* "over" is added to subitem class name in swapimages.js */
/* div is the container tag for each menu item */
div#ftnav div:hover ul, div.over ul
{
    display: block;
    z-index: 20;
}

a.ov:link
{
    text-decoration: none;
    color: #fff;
}
a.ov:visited
{
    text-decoration: none;
    color: #fff;
}
a.ov:hover
{
    text-decoration: none;
    color: #fff;
}
a.ov:active
{
    text-decoration: none;
    color: #fff;
}

a.menu:link
{
    color: #325a7b;
    text-decoration: none;
}
a.menu:visited
{
    color: #325a7b;
    text-decoration: none;
}
a.menu:hover
{
    color: #fff;
    text-decoration: none;
}
a.menu:active
{
    color: #325a7b;
    text-decoration: none;
}

.dropmenu
{
    width: 100px;
    display: none;
    position: absolute;
    top: 31px;
    left: 0;
    border-left: solid 1px #2b9bd6;
    border-right: solid 1px #2b9bd6;
    border-bottom: solid 1px #2b9bd6;
    background-color: #414B52; /* must have this to work in IE6/Mac */
    cursor: hand;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

ul.dropmenu li
{
    list-style-type: none;
}

.subitem
{
    padding: 4px 12px 4px 23px;
    border-bottom: solid 1px #b9ddf2;
    background-image: url(/images/nav/mnu_bg_up.gif);
    background-repeat: no-repeat;
    color: #325a7b;
    font: normal 11px/16px arial, sanf-serif;
    height: 16px;
}

.subitemlast
{
    padding: 4px 12px 4px 23px;
    color: #325a7b;
    font: normal 11px/16px arial, sanf-serif;
    background-image: url(/images/nav/mnu_bg_up.gif);
    background-repeat: no-repeat;
    height: 16px;
}

.subitemover
{
    padding: 4px 12px 4px 23px;
    border-bottom: solid 1px #b9ddf2;
    font: normal 11px/16px arial, sanf-serif;
    background-image: url(/images/nav/mnu_bg_ov1.gif);
    background-repeat: no-repeat;
    height: 16px;
}

.subitemlastover
{
    padding: 4px 12px 4px 23px;
    font: normal 11px/16px arial, sanf-serif;
    background-image: url(/images/nav/mnu_bg_ov1.gif);
    background-repeat: no-repeat;
    height: 16px;
}

/* demo window styles */

.demopage
{
    width: 450px;
    padding-left: 20px;
    padding-top: 20px;
}

#demologin
{
    background-image: url(/images/demo/demo_still.gif);
    background-repeat: no-repeat;
    width: 751px;
    height: 422px;
    border: solid 0px red;
    padding: 0px;
    margin: 0px;
}