/* ##### Common Styles ##### */

body {
    color: black;
    background-color: #FFFFFF;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}

acronym, .titleTip {
    border-bottom: 1px dotted rgb(153,153,153);
    cursor: help;
    margin: 0;
    padding: 0 0 0.4px 0;
}

dl {
    margin: 1em 1ex 1.5em 3ex;
    padding: 0;
}

dt {
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0;
}

dd {
    margin: 0 0 2em 2em;
    padding: 0;
}

.datenote {
    font-size: 80%;
    color: #008000;
}

.doNotDisplay {
    display: none;
}

.error {
    color: red;
}

.note {
    font-style: italic;
}

.reversed {
    color: #ffffff;
    background:  #006699;
}

.shaded {
    background-color : #F0F0DF;
}

.small {
    font-size: 80%;
}

.smallCaps {
    font-size: 110%;
    font-variant: small-caps;
}

.success {
    color:#390;
}

.totop {
    font-size: 80%;
    text-align: right;
    text-decoration: none;
}


/* ##### Header ##### */

#header {
    color: #006699;
    padding: 1em 0 2mm 3mm;
    background: url(graphics/hd_bg_sky.gif) repeat-x 0 100%;
}

#header a {
    color: #000000; /* This is really for those browsing with images off */
    background-color: transparent;
    text-decoration: none;
}

#header h1 {
    font-size: 225%;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
}

#subHeader {
    color: white;
    background: #006699;
    font-size: 80%;
    margin: 0;
    padding: 1ex 1ex 1ex 3mm;
}

#subHeader a {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    padding: 0 0.75ex 0 0.5ex;
}

#subHeader a:hover {
    text-decoration: underline;
    color: #FFFF99;
}

#subHeader .highlight {
    color: #ADD8E6;
    background-color: transparent;
}


/* ##### Side Bar ##### */

#side-bar {
    width: 225px;
    float: left;
    clear: left;
}

#side-bar div {
    border-bottom: 1px dotted rgb(153,153,153);
}

.sideBarTitle {
    font-weight: bold;
    font-size: 80%;
    margin: 0 0 1em 3mm;
    padding: 1em 0 0 0;
}

#sideBar p {
    font-size: 80%;
    line-height: 1.5em;
    margin: 0 0 1em 3mm;
    padding: 1em 0 0 0;
}

#side-bar a {
    color: #006699;
    background-color: transparent;
    text-decoration: none;
    display: inline;
}

#side-bar a:visited {
    color:  #C0C0C0;
    background-color: transparent;
}

#side-bar a:hover {
    background : #FFFF99;
    text-decoration: underline;
}

#side-bar p.logo {
    text-align: center;
    font-size: 75%;
    margin: 25px 0 1em 3mm;
    padding: 5px 0 0 0;
}

#side-bar img {
    display: block;
    border: 0;
    margin-bottom: 5px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    padding: 0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}

#side-bar img.logo {
    margin-top: 0;
    display: inline;
}


/* ##### Main Copy ##### */

#main-copy {
    color: black;
    background-color: transparent;
    text-align: left;
    line-height: 1.5em;
    margin: 0 0 0 225px;
    padding: 0.5mm 5% 5mm 5%; /* changed left & right padding from original 5 mm */
}

#main-copy p {
    margin: 1em 1ex 1.5em 0;
    padding: 0;
}

#main-copy p.indent {
    margin: 1em 8ex 1.5em 10ex;
    padding: 0;
}

#main-copy table {
    margin: 1em 1ex 1.5em 3ex;
}

#main-copy tr td {
    font-size: 100%;
    padding-top: 0.5em;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0.5em
}


#main-copy a:link {
    color: #006699;
    background-color: transparent;
    text-decoration: underline;
}

#main-copy a:visited {
    color:  #C0C0C0;
    background-color: transparent;
    text-decoration: underline;
}
#main-copy a:hover {
    text-decoration: none;
    background : #FFFF99;
}

#main-copy a:active {
    color: #DC143C;
    background-color: transparent;
    text-decoration: underline;
}

#main-copy h1, h2, h3, h4, h5, h6 {
    color: black;
    background-color: transparent;
    letter-spacing: -1px;
    line-height: normal;
    font-family: verdana,arial,tahoma,sans-serif;
    margin: 1.2em 0 .3em;
    border-bottom: 1px solid #D3D3D3;
    padding-bottom: .2em
}

#main-copy h1 {
    font-size: 180%;
    font-weight: bold;
}

#main-copy h2 {
    font-size: 145%;
    font-weight: bold;
}

#main-copy h3 {
    font-size: 125%;
    font-weight: bold;
}

#main-copy h4 {
    font-size: 110%;
    font-weight: bold;
}

#main-copy hr.addspace {
    margin-top: 1.5em ;
}

#main-copy img {
    border: 0;
    padding: 0;
}

#main-copy img.imgleft {
    margin: 0.2em 1em 0 0;
    float: left;
}

#main-copy img.imgright {
    margin: 0.2em 0 0 1em;
    float: right;
}

#main-copy ul {
    list-style-type: square;
    list-style-image: url("/graphics/bluepointer.png");
}

#main-copy li {
    margin: 1em 1ex 1em 3ex;
    padding: 0;
}

#main-copy li.nospace {
    margin: 0em 1ex 0em 3ex;
    padding: 0;
}

#main-copy li.redptr {
    margin: 1em 1ex 1em 3ex;
    padding: 0;
    list-style-image: url("/graphics/redpointer.png");
}

#main-copy .topOfPage {
    color: white;
    background-color: transparent;
    font-size: 91%;
    font-weight: bold;
    text-decoration: none;
    margin: 2.5ex 1ex 0 0;  /* For MSIE */
    padding: 0;
    float: right;
}

#main-copy > .topOfPage {
    margin: 2.75ex 1ex 0 0;  /* For fully standards-compliant user agents */
}


/* ##### Footer ##### */

#footer {
    color: #808080;
    background-color: transparent;
    font-size: 80%;
    margin: 0;
    text-align: left;
    padding: 1em 1em 2em 3mm;
    clear: both;
    border-top-color: #006699;
    border-top-style: solid;
    border-top-width: 1px;
}


/* FORMS */

.req {
    color:#DC143C;
    font-size:90%;
    font-weight:normal;
}


form {
    margin: 0;
    padding:0;
}

fieldset {
    margin: 25px 0 0 0;
    padding: 15px;
    border:1px solid #DDDDDD;
}

legend {
    background-color: transparent;
    color: black;
    margin: 0;
    padding:7px;
    border-style:solid;
    border-width:1px;
    border-color:#DDDDDD;
    font-weight: bold;
    font-size: 120%
}

label {
  font-weight:bold;
}

#realname, #organization, #email, #comments, #message, #subject {
    width:100%;
}

input, submit, textarea {
    border:1px solid #006699;
}