/* HTML ELEMENT STYLES
-----------------------------------------------
*/

* {
  border:0;
  margin:0;
  padding:0;
}

html, body {
  height:100%;
}

body {
  background:url(images/bdy.png);
}

body, form, input {
  color:#000000;
  font-family:arial, sans-serif;
  font-size:100%;
}


    /* WRAPPER ELEMENT STYLES
    -----------------------------------------------
    */

    /* Form (frm) */
    form#aspnetForm {
      height:100%; /* [FireFox] - Needed for achieving 100% page height when using the ASP.NET form tag. */
    }

    /* Background Gradient (bkg) */
    div#bkg {
      background:url(images/bkg.png) repeat-x top;
      height:452px;
      top:0;
      width:100%;
      z-index:1; /* Places the background gradient image on layer 1. */
    }

    /* Wrapper (wrp) */
    div#wrp {
      height:100%; /* [IE6] - Needed for achieving 100% min-height. */
      height:auto !important; /* [IE6] - Needed for achieving 100% min-height. */
      margin:0 auto -25px; /* Bottom margin needs to be negative footer height. */
      min-height:100%;
      position:absolute; /* Allows the wrapper to be positioned to the top of the browser */
      top:0; /* Positions the wrapper to the top of the browser */
      width:100%;
      z-index:2; /* Places the wrapper on layer 2. */
    }


        /* PAGE ELEMENT STYLES
        -----------------------------------------------
        */

        /* Page (pge) */
        div#pge {
          height:100%;
          margin:0 auto;
          min-height:100%;
          top:0;
          width:800px;
        }

        /* Spacer (spr) */
        div#spr {
          height:17px;
          top:0px;
          width:800px;
        }

        /* Logo (lgo) */
        div#lgo {
          background:url(images/lgo.png) no-repeat;
          height:58px;
          top:17px;
          width:800px;
        }

        /* Menu Outer (mno) */
        div#mno {
          height:38px;
          top:75px;
          width:800px;
        }
    
            /* Menu Inner (mni) */
            div#mni {
              background:url(images/mni.png) no-repeat;
              float:right;
              height:38px;
              text-align:center;
              width:603px;
            }

                div#mni ul {
                  line-height:28pt;
                  list-style-type:none;
                  width:100%;
                  white-space:nowrap;
                }

                div#mni ul li {
                  display:inline;
                  margin-left:5px;
                  margin-right:5px;
                }
                
                div#mni ul li a {
                  color:#000000;
                  font-size:85%;
                  font-weight:bold;
                  text-decoration:none;
                  text-transform:uppercase;
                }

                div#mni ul li a:hover {
                  color:#A70F11;
                }
                
                div#mni ul li img {
                  vertical-align:middle;
                }

        /* Container Top (cto) */
        div#cto {
          background:url(images/cto.png) no-repeat;
          height:8px;
          top:113px;
          width:800px;
        }

        /* Container (ctr) */
        div#ctr {
          background:#ffffff url(images/ctr.png) no-repeat bottom;
          display:table; /* [FireFox] - Needed for displaying the container background. */
          padding-bottom:8px; /* Pads the container bottom (value equals image height) for background image display. */
          width:800px;
        }

            /* Container Left Column (clc) */
            div#clc {
              float:left;
              text-align:center;
              width:196px;
            }

                div#clc h1 {
                  font-size:110%;
                }

                div#clc h2 {
                  font-size:100%;
                }

                div#clc p {
                  font-size:90%;
                  font-weight:bold;
                }

                div#clc ul {
                  font-size:80%;
                  list-style-type:none;
                  text-align:center;
                  width:90%;
                }

                div#clc ul li {
                  margin-bottom:4px;
                  margin-top:2px;
                }
                
                div#clc ul li a {
                  color:#A70F11;
                  text-decoration:none;
                }

                div#clc ul li a:hover {
                  color:#000000;
                  text-decoration:underline;
                }

                div#clc img {
                  margin-bottom:10px;
                  margin-top:10px;
                }

            /* Container Right Column (crc) */
            div#crc {
              background:#ffffff url(images/crc.png) no-repeat top right;
              float:right;
              width:604px;
            }

                /* Container Right Column (crc) : Banner (bnr) */
                div#crc div#bnr {
                  height:32px;
                  margin-top:104px; /* Positions the top of the banner. */
                  width:604px;
                }

                    div#crc div#bnr h1 {
                      font-size:115%;
                      line-height:23pt;
                      text-align:center;
                    }

                /* Container Right Column (crc) : Content (cnt) */
                div#crc div#cnt {
                  margin-top:43px;  /* Positions the top of the content (#crc bg height - #bnr height - #bnr top). */
                  padding:10px 10px 0px 10px;
                }

                    div#crc div#cnt h1 {
                      font-size:100%;
                    }

                    div#crc div#cnt h2 {
                      font-size:90%;
                    }

                    div#crc div#cnt p {
                      font-size:80%;
                      line-height:13pt;
                    }

                    div#crc div#cnt ul {
                      font-size:80%;
                      list-style-type:square;
                    }

                    div#crc div#cnt ol {
                      font-size:80%;
                    }

                    div#crc div#cnt li {
                      margin:5px 0px 5px 30px;
                    }

                    div#crc a {
                      color:#A70F11;
                      text-decoration:none;
                    }

                    div#crc a:hover {
                      color:#000000;
                      text-decoration:underline;
                    }
                
                    div#crc div#cnt br {
                      line-height:11pt; /* Reduce the line break (<br />) height. */
                    }

            /* Footer Push (fps) */
            div#fps {
              height:25px; /* Needs to match the footer height. */
            }

        /* Footer (ftr) */
        div#ftr {
          bottom:0; /* Positions the wrapper to the top of the browser */
          height:25px;
          position:absolute; /* Allows the footer to be positioned to the bottom of the browser */
          width:100%;
        }

            div#ftr p {
              color:#ffffff;
              font-size:75%;
              margin:5px 10px 5px 10px;
              text-align:center;
            }

            div#ftr a {
              color:#FFFFFF;
            }

            div#ftr a:hover {
              color:#A70F11;
            }