/* Body */

body,html {font-family: verdana, arial, sans-serif;
           font-size: small;
           color: white;
           text-align: center;
           margin-top: 0}

div {padding: 0;
     background: transparent;
     border: 0;
     margin: auto;
     text-align: left}

span.skip {width: 4em}

p.skip {margin: 0}

a.skip {color: #FFFFFF;
        margin: 0;
        padding: 0;
        text-align: right;
        font-weight: bold}

a.skip:hover, a.skip:focus, a.skip:active {color: #000000}

q {color: #000000;
   quotes: none}
q:before, q:after {content: " "}


/* Header */

div.header {background-color: #330099;
             padding: 0.3em;
             border-bottom: 0.3em solid #6699FF;
             width: 90%;
             clear: both}

span.date {font-size: x-small;
           float: right}

img.header {height: 110px;
            width: 138px;
            float: left;
            margin-top: -0.2em;
            margin-right: 1.5em;
            margin-left: -0.2em;
            margin-bottom: 0.5em;
            border: 0}

h1 {color: #FFFFFF;
    font-size: 300%;
    margin: 0;
    font-family: "comic sans ms", arial, sans-serif}

ul.menu {margin: 0;
         padding: 0;
         clear: both}

ul.menu li {display: inline;
          list-style-type: none;
          font-weight: bold;
          margin: 0;
          padding: 0}

ul.menu li.top {text-indent: 0}

.menu a {color: #FFFFFF;
         text-decoration: none;
         background-color: #330099;
         padding: 0.3em;
         margin: 0}
.menu a:hover, .menu a:focus, .menu a:active {background-color: #6699FF; text-decoration: underline}
.menu a#page {background-color: #6699FF; text-decoration: none}


/* Main Section */

div.main {padding: 0.3em;
          margin-top: 1em;
          width: 90%;
          color: black;
          clear: both}

div.main ul {margin: 0;
             padding: 0;
             list-style-type: none}

div.main li {margin: 0;
             padding: 0;
             background-image: url(graphics/bullet.gif);
             background-position: center left;
             background-repeat: no-repeat;
             padding-left: 1em}

div.title {background-color: #330099;
           padding: 0.1em;
           padding-left: 0.3em;
           padding-right: 0.3em;
           margin-left: -0.3em;
           margin-right: -0.3em;
           margin-bottom: 1em;
           border-top: 0.15em solid #6699FF;
           border-bottom: 0.15em solid #6699FF}

h2 {color: #FFFFFF;
    font-family: "comic sans ms", arial, sans-serif;
    margin: 0;
    font-size: small;
    letter-spacing: 0.15em}

div.content {padding: 0.3em;
             border: 0.1em solid #330099;
             border-left: 0.7em solid #330099;
             margin-left: -0.3em;
             margin-right: 16em;
             margin-bottom: 1em}

div.sub {margin-right: -0.3em;
         clear: both}

div.side2 {padding: 0;
           margin: 0;
           margin-right: -0.3em;
           width: 15em;
           color: black;
           float: right}

div.side {border: 0.1em solid #330099;
          border-left: 0.7em solid #330099;
          text-align: left;
          margin-top: 0;
          margin-bottom: 1em;
          padding: 0.3em}

img.logo {height: 31px;
          width: 88px;
          border: 0}

h3 {color: #330099;
    margin: -0.3em;
    margin-bottom: 0.3em;
    background-color: #6699FF;
    padding: 0.1em;
    padding-left: 0.3em;
    font-size: small;
    font-weight: bold}

img.site {height: 98px;
          width: 150px;
          float: left;
          margin-right: 0.5em;
          margin-top: 0.5em;
          border: 0.1em solid #330099}

span.site {font-weight: bold;
           color: #330099}

p.site {margin-top: 0.5em;
        margin-bottom: 0}

div.cover {clear: both;
           height: 0.1em}

form {background-color: #6699FF;
      width: 60%;
      padding: 0.5em}

textarea {width: 95%;
          height: 6em}

ul#errors {font-weight: bold;
           list-style-type: square;
           color: red;}

ul#errors li {background-image: none;
              margin-left: 1.2em}


/* Footer */

div.base {background-color: #330099;
          padding: 0.3em;
          border-bottom: 0.3em solid #6699FF;
          width: 90%;
          clear: both}

span.base {font-size: x-small}

div.base ul {float: right;
             margin: 0;
             padding: 0}
         
div.base li {display: inline;
            list-style-type: none;
            font-weight: bold;
            margin: 0;
            padding: 0.3em;
            padding-bottom: 0.35em}

.base a {color: #FFFFFF;
         text-decoration: none;
         margin: 0;
         padding: 0.3em;
         padding-bottom: 0.35em;
         position: relative}

.base a:hover, .base a:focus, .base a:active {background-color: #6699FF; text-decoration: underline}
.base a#page {background-color: #6699FF; text-decoration: none}


/* Print */

@media print {

p.skip, span.date, ul.menu, div.base ul, img.header {display: none}

div.header, div.base, h2, div.title {background: transparent;
                                     border: 0}

div.main ul {list-style-type: disc;
             list-style-position: inside}

body, h2, h3 {font-family: times new roman, times, serif;
              font-size: 12pt;
              color: #000000}

h2 {font-size: 16pt}

h3 {font-size: 14pt}

div.base {font-size: 10pt;
          margin-top: 0.5em}

div.content, div.side {border: 0}

span.site {color: black}

}