/* LAYOUT INFORMATION: DO NOT CHANGE */

html, body { height:     100%;
             padding:    0;
             margin:     0;
             font:       normal normal 90%/1.2em arial, verdana, helvetica, sans-serif;
             background: url( images/pattern.gif );
             text-align: center }

#container { position:   relative;
             background: #fff url( images/sidebar.gif ) repeat-y right;
             min-height: 100%;
             width:      770px;
             padding:    0;
             margin:     0 auto;
             text-align: left }

* html #container { height: 100% }

#content { margin:     0 0 0 15px;
           padding:    100px 0 2.6em 0 }

* html #content { height: 1%;
                  padding-bottom: 3.6em }

#content:after { content:    "."; 
                 display:    block; 
                 height:     0; 
                 clear:      both; 
                 visibility: hidden }

#copy { margin-top: 15px;
        float:      left;
        width:      560px }

#copy>*:first-child { margin-top: 0 }

#sidebar { width:      180px;
           border-top: 15px solid #007fcf;
           float:      right }

#sidebar>*:first-child { margin-top: 0 }

#sidebar * { margin-left: 3px;
             margin-right: 3px }

#sidebar ul,
#sidebar ol,
#sidebar li { margin:  0;
              padding: 0 }

#sidebar ol,
#sidebar ul { margin: 0 0 0 20px }

#sidebar li { margin-left: 3px;
              text-indent: -3px }

.clearing { clear: both }

#banner { position:   absolute;
          top:        0;
          left:       0;
          width:      770px;
          height:     100px;
          background: #cce1ef url( images/bannerLeft.jpg ) top left no-repeat;
          overflow:   hidden }

#banner object { position: absolute;
                 top:      0;
                 right:    0;
                 width:    538px;
                 height:   75px }

#banner ul { list-style-type: none;
             position:        absolute;
             top:             75px;
             left :           232px;
             background:      url( images/bannerBottom.jpg ) no-repeat;
             color:           #007fcf;
             margin:          0;
             padding:         5px 0;
             font-weight:     bold;
             font-size:       16px;
             width:           540px;
             text-align:      right }

#banner ul li { display:      inline;
                border-right: 2px solid #007fcf;
                margin:       0;
                padding:      0 5px 0 7px }

#banner a:link    { text-decoration: none;
                    color:           #007fcf }

#banner a:visited { text-decoration: none }

#banner a:hover   { text-decoration: none;
                    color:           #239fef }

#banner a:active  { text-decoration: none;
                    color:           #239fef }

html>body #banner ul li { padding: 0 5px 0 0 }

#banner ul li:first-child { border-left: 0 }

#footer { position:   absolute;
          bottom:     0px;
          left:       0;
          width:      100%;
          margin:     0;
          padding:    0;
          font-size:  .8em;
          height:     3em;
          clear:      both;
          background: #fff }

* html #footer { bottom: -1px }

#footer p { margin:     0 0 0 15px;
            border-top: 8px solid #007fcf }

#footer a { float:        right;
            margin-right: 1em }

/* END LAYOUT */

/* TEXT FORMATTING */

h1, h2, h3,
h4, h5, h6 { color:       #007fcf;
             line-height: 1em }

h1 { font-size:   2em }

h2 { font-size:   1.6em }

h3 { font-size:   1.4em }

h4 { font-size:   1.2em }

h5 { font-size:   1em }

h6 { font-size:   0.8em }

/* FORM FORMATTING */

form { line-height: 100% }

label { display: block;
        margin:  10px 0 }

input { border:     2px solid #000;
        background: #e5f6f7 }

label input { float:        right;
              border-width: 1px;
              width:        500px }

select {background: #e5f6f7 }