/* If you change this, you might want to validate it before putting it out by
visiting. http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fcs.stanford.edu%2Fcs.css&warning=1&profile=css2 */

BODY {
        background-image: none;
        background: #ffffff;
        color: #000000;
        margin: 0%;
        padding: 0%;
        text-indent: 0%;
}

P {
        background: transparent;
        color: #000000;
        text-indent: 0%;
}


/*
TABLE {
        background: transparent;
        padding: 0%;
        margin: 0%;
}
*/
.buttonborder {
  background-color: #990100;
  margin: 0px;
  padding: 2px;
  border-width: 2px;
  border-style: outset;
  border-color: #990100;
  border-spacing: 0;
}
.welcome-startbox {
  width: 100%;
  border-color: #990100;
  text-align: center;
  border-style: solid none solid none;
  border-width: 1px 0px 1px 0px;
  padding: 1px;
  margin: 0px;
}
H1, H3 {
        font-family: Verdana,Tahoma,Hevetica,sans-serif;
        font-weight: bold;
        font-size: 16pt;
        /*color: #336666;*/
        margin:        0px;
        margin-bottom: 0.5em;
        margin-top: 0.1em;
}
H2 {
        font-family: Verdana,Tahoma,Hevetica,sans-serif;
        font-weight: bold;
        font-size: 16pt;
        color: #0000ff;
        margin:        0px;
        margin-bottom: 0.5em;
        margin-top: 0.1em;
}
H4 {
        font-family: Verdana,Tahoma,Hevetica,sans-serif;
        font-weight: bold;
        margin-bottom: 0;
        margin-top: 0;
}

A {
       /* color: #0000ff;*/
       text-decoration: none;
       font-weight: bold
  }
A:hover
{
  text-decoration: underline;

}


/* BEGIN title class styles **************************************************/
/* Title at the top-left of each page */
/* NOTE -- netscape ignores styles on TABLE and TR. Use TD or TH instead. */
/* Title at the top-left of each page */
DIV.title {
        /*background-image:        url(/images/tile-red.png);*/
        /* background-color: #990000; */
        font-weight: bold;
        font-family: "Helvetica", "Helv", "Arial", sans-serif;
        text-align: left;
        vertical-align: text-top;
        color: #ffffff;
}

DIV.title-background {
        background-image:        url(tile-gra.png);
        background-color: #990000;
        background-repeat: repeat-y;
}

DIV.title IMG {
        vertical-align: text-top;
}

DIV.title H1, H2, H3 {
        color: #ffffff;
}

DIV.title P {
        font-size: 11pt;
        vertical-align: text-top;
        margin-left: 1.1em;
        margin-right: 0.25em;
        text-indent: -0.5em;
}

DIV.title P A {
        font-weight: bold;
        background: transparent;
        color: #ffffff;
}

DIV.title A {
        font-weight: bold;
        background: transparent;
        color: #ffffff;
}
DIV.title A:link {
        background: transparent;
        color: #ffffff;
}

DIV.title A:visited {
        background: transparent;
        color: #ffffff;
}

DIV.title A:active {
        background: transparent;
        color: #ffffff;
}

DIV.title A:hover {
        color: #cc0000;
        text-decoration:none;
        border-top:1px solid #336666;
        border-bottom:1px solid #336666;
        background-color: #ffffff;
}

.toolbar {
        color: #ffffff;
        font-weight: bold;
        font-family: "Helvetica", "Helv", "Arial", sans-serif;
        font-size: 8pt;
        text-align: center;
        vertical-align: top;
        padding: 0px;
}

.toolbar A {
        display: block;
        height: 100%;
        width: 100%;
        color: #ffffff;
        text-decoration: none;
}

.toolbar A:hover {
        color: #000000;
        text-decoration: none;
        background-color: #ffffff;
        display: block;
        position: relative;
        text-decoration: none;
}

.toolbar TD {
        color: #ffffff;
        font-weight: bold;
        font-family: "Helvetica", "Helv", "Arial", sans-serif;
        font-size: 6pt;
        text-align: center;
}

/*
.toolbar IMG {
        height: 24px;
        width: 24px;
}
*/

.toolbarButton {
        float: right;
        text-align: center;
        width: 24px;
        margin: 0 3px 3px 0;
        padding: 3px;
        border: 1px solid #000000;
}

.clearboth {
        clear: both;
}
/*
.toolbar TD:hover {
        background-color: #ffffff;
        color: #000000;
        cursor: pointer;
}
*/

.searchbox {
        font-size: 8px;
        float: right;
        padding: 2px 2px 0 0;
}

.searchbox INPUT {
        font-size: 10px;
}
.searchbox INPUT[type=submit] {
        font-size: 10px;
        /* Maybe play with this later...
        color: #ffffff;
        background-color: #990000;
        */
}

.searchbox INPUT[type=text] {
        font-size: 10px;
        color: #000000;
        background-color: #ffffff;
}

/* END title class styles ****************************************************/
/* Styles for the body of each page */

.body {
/*                padding-left: 1em; */
/*                padding-top: 1em; */
        color: #000000;
        text-align: left;
        font-family: "Times", "Times New Roman", serif;
        font-size: 12pt;
}

TD.body {
        padding-left: 1em;
}

.body LI {
        color: #000000;
        font-family: "Times", "Times New Roman", serif;
        font-size: 12pt;
        text-indent: 0%;
        padding-bottom: 5px;
}

.body P {
        padding: 0px;
        margin-left: 1em;
        margin-right: 1em;
        color: #000000;
        font-family: "Times", "Times New Roman", serif;
        font-size: 12pt;
        text-indent: 0%;
        /* Let floaters in */
        clear: none;
}

.body P.nofloat {
        /* Keep floaters out */
        clear: both;
}

.body P.indent {
        text-indent: -1em;
        margin-left: 1em;
}

.body HR {
        color:        #dedede;
        width:        90%;
        border-top: 1px dashed #dedede;
        border-bottom: 1px dashed #dedede;
        border-left: none;
        border-right: none;
        height:        4px;
        text-align:        left;
        clear: both;
}

.body P IMG {
        border:        1px;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
}

.body P IMG.left {
        margin-right:        1em;
        float:                        left;
}
.body P IMG.right {
        margin-left:        1em;
        float:                        right;
}

.body A IMG {
                border-style: none;
}

.body DT {
        color: #000000;
        font-family: "Times", "Times New Roman", serif;
        font-size: 12pt;
        text-indent: 0%;
}

.body DD {
        color: #000000;
        font-family: "Times", "Times New Roman", serif;
        font-size: 12pt;
        text-indent: 0%;
}

.body TT {
        color: #000000;
        font-family: Fixed, monospace;
        font-size: 10pt;
        text-indent: 0%;
}

.body PRE {
        color: #000000;
        font-family: Fixed, monospace;
        font-size: 10pt;
        text-indent: 0%;
}

.body H1 {
        color: #336666;
}

.body H2 {
        color: #336666;
}

.body H3 {
        color: #336666;
}
/*
.body UL LI A {
        color: #000000;
}
*/

.body UL {
        padding-top:        .75em;
}


table.compact {
        font-size: 9pt;
        padding: 0px;
        border: none;
}

.compact td {
        padding: 0px;
        background-color: transparent;
        border-bottom: 1px dotted #888;
}

.compact th {
        padding: 0px;
        background-color: transparent;
        border: 1px solid #888;
}

.body TABLE {
/*                vertical-align: top; */
/*                padding: 0.1em; */
/*                margin:        0px; */
/*                margin-left: 1em; */
}

.body TABLE TD {
/*                padding: 0.1em; */
        vertical-align: top;
        margin:        0%;
}

.body TABLE TH {
        padding: 0.1em;
        vertical-align: top;
}

.body TABLE.grey {
        padding: 0px;
                  font-family: Tahoma, sans-serif;
                  font-size: 12px;
}

.body TABLE.grey A {
                  font-family: Tahoma, sans-serif;
                  font-size: 12px;
}

.body TABLE.grey TD {
        padding: 0.5em;
        vertical-align: top;
        background-color: #dedede;
        border: 1px solid #bcbcbc;

}

.body TABLE.grey TD.clear {
        padding: 0.5em;
        vertical-align: top;
        background-color: transparent;
        border: 0px;

}

.body TABLE.grey TH {
        padding: 0.5em;
        vertical-align: top;
        background-color: #efefef;
        border: 1px solid #cdcdcd;
}

.body TABLE.grey TD.subtable {
        background-color:#ffffff;
        border: none;
        padding: 0em;
        margin: 0em;
        padding: 0em;
}

.body TABLE.grey TD.subtable TABLE {
        padding: 0em;
        margin: 0em;
}

.body TABLE.grey TD.warning {
        background-color: #ffb1b1;
}

.body TABLE.warning {
        padding: 0.5em;
}

                                                                                                                                                                                                                  .body TABLE.warning TD {
        font-weight: bold;
        color:#cc0000;
        font-family: "Times", "Times New Roman", serif;
        font-size: 13pt;
}


.body DL.faq {
        text-indent: -1.5em;
        margin-left: 2em;
        margin-right: 2em;
}

.body DL DD {
        padding-bottom: 1.25em;
}

.body DL DT {
        padding-bottom: 0.75em;
        font-weight: bold;
}

.body A {
        font-weight: normal;
        color: #0000ff;
        font-family: "Times", "Times New Roman", serif;
        /* font-size: 10pt; */
}

A:hover.usual {
        color: #FF3333;
        text-decoration:none;
}
A.usual{
        color: #992222;
        text-decoration:none;
        }
/******************************************************************************
  Styles for the menu on the left of every page.
/*****************************************************************************/

.eventscell {
        font-family: "Helvetica", "Helv", "Arial", sans-serif;
        font-size: 10pt;
}

DIV.calendar A {
        font-family: "Helvetica", "Helv", "Arial", sans-serif;
        font-size: 10pt;
}

DIV.calendar A {
        font-family: "Helvetica", "Helv", "Arial", sans-serif;
        font-size: 10pt;
}


/******************************************************************************
  Styles for the menu on the left of every page.
/*****************************************************************************/

TD.menu {
        background-color: #e5e5c9;
        color: #336666;
        font-weight: bold;
        vertical-align: top;
        text-align: left;
        /*height: 100%; */
        /* font-size: 80%; */
        font-size: 8pt;
        font-family: Verdana, Tahoma, "Helvetica", "Helv", "Arial", sans-serif;
}

P.filler {
        font-size: 14px;
}

TD.menu A {
        font-weight: bold;
        color: #336666;
}
TD.menu A:link {
        color: #336666;
}

TD.menu A:visited {
        color: #447777;
}

TD.menu A:active {
        color: #667777;
}

TD.menu A:hover {
        color: #336666;
        text-decoration:none;
        /* border-top:1px solid #336666; */
        /* border-bottom:1px solid #336666; */
        background-color: #f7f7ec;
}

TD.menu IMG {
        border: 0px;
}

TD.menu HR {
        text-align: center;
        /* width: 25px; */
}

TD.menu P {
                  margin-left: 1.2em;
                  text-indent: -0.5em;
                  color: #336666;
}

/*****************************************************************************/
/* Classes used to menu tabs */
TABLE.tabs {
        margin: 0%;
        padding: 0%;
/*                color: #336666; */
}

TABLE.tabs TD {
          vertical-align: middle;
}

TABLE.tabs H1 {
        color: #336666;
}
TABLE.tabs H2 {
        color: #336666;
}
TABLE.tabs H3 {
        color: #336666;
}

TABLE.tabs TD.activetab A ,
TABLE.tabs TD.inactivetab A {
        border: 1px solid #efefef;
        font-family: Tahoma, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #336666;
        display: block;
        position: relative;
        text-decoration: none;
}

TABLE.tabs TD.activetab A {
        border: 1px solid #ffffff;
}

TABLE.tabs TD.activetab A:link,
TABLE.tabs TD.ininactivetab A:link {
        color: #336666;
}

TABLE.tabs TD.activetab A:visited ,
TABLE.tabs TD.inactivetab A:visited {
        color: #447777;
}

TABLE.tabs TD.activetab A:active ,
TABLE.tabs TD.inactivetab A:active {
        color: #667777;
}

TABLE.tabs TD.activetab A:hover ,
TABLE.tabs TD.inactivetab A:hover {
        color: #336666;
        text-decoration:none;
        border: 1px solid #dedede;
        /*border-top:1px solid #336666;*/
        /* border-bottom:1px solid #336666; */
        background-color: #ffffff;
}



TD.tabtitle {
/*                background-color: #e5e5c9; */
/*                border-bottom:1px solid #000000; */
/*                font-size: 4px; */
        color: #336666;
        text-align: left;
        vertical-align: middle;

}



TD.activetab {
        background-color: #ffffff;
        border-top:1px solid #000000;
        border-left:1px solid #000000;
        border-right:1px solid #000000;
        padding: 3px;
        text-align: center;
        vertical-align: middle;
        font-weight:        bold;
}

TD.inactivetab {
        background-color: #efefef;
        border-top:1px solid #808080;
        border-left:1px solid #808080;
        border-right:1px solid #808080;
        padding: 3px;
        text-align: center;
        vertical-align: middle;
}

TD.inactivetabbottom {
        background-color: #ffffff;
        border-top: 1px solid #000000;
}

TD.activetabbottom {
        background-color: #ffffff;
        border-top: none;
/*                padding: 3px; */
}

TD.tabbottom {
        background-color: #ffffff;
        border-style: none;
}

.gates-internal {
        background : url(gft_bg00.gif) #ffffff no-repeat top center;
}