body {
    font: 90% verdana, arial, helvetica, sans-serif;
    margin: 0;
    padding:0;
    color: #333;
        line-height: 1.7em;
    background-color: #fff;
    }

html>body {font-size: 14px;}

td {font-size:0.9em}
tr>td {font-size:1em}

h1, h2, h3, h4, h5 {
    margin: 0 0 1em 0;
    padding: 0
    color: #336;
    }

h1 {
    font-size: 1.65em;
    margin-top: 19px;
    }
    
h2 {
    font-size: 1.3em;
    }
    
h3 {
    font-size: 1.2em;
    }
    
h4 {
    font-size: 1.1em;
    }

h5 {
    font-size: 1em;
    }


a {color: #339; text-decoration: underline; font-weight: bold;}

a:link {text-decoration: underline;}

a:hover {text-decoration: none;}

.rm {
    position: absolute;
    left: -999em;
    }

a.rm:active, a.rm:focus {
    left: 32em;
    top: 15px;
    border: 3px #ccc833 solid;
    background-color: #D9E5D9;
    }

.cl {
    clear: both;
}

blockquote {
    padding: 0;
    }

blockquote p {
text-indent: -0.55em
}

blockquote[cite]:after {
  content: "- " attr(cite);
  font-size: 0.8em;
  display: block;
  margin-top: -1.5em;
  font-weight: bold;
}

img {
    border: 0;
    vertical-align: bottom;
    }


p, ul, dl, table, fieldset {
    padding: 0;
    margin: -0.5em 0 1.5em 0;
    }

#content ul, #editor-content ul{
    list-style-type: none;
    }

#content ul ul, #editor-content ul ul {
    margin: 0 0 0 20px;
    }

#content ul ul ul, #editor-content ul ul ul {
    font-style: italic;
    }

#content li, #editor-content li {
    background: url(../images/bullet.gif) no-repeat 0em 0.7em;
    padding-left: 11px;
    }
    
#content li li, #editor-content li li {
 background: url(../images/dash.gif) no-repeat 0 0.7em;
}

#content ol{
    margin: 0 0 10px 20px;
    padding: 0;
    }
        
#content ol li, #editor-content ol li{
    background: none;
    padding-left: 0;
    }

table {margin-top: 0;}

table, caption {
    border: none;
    border-spacing: 3px;
    }

/* Hides from IE-mac \*/
* html table td, * html table th {padding: 6px;}
/* End hide from IE-mac */ 

* html table td, * html table th {border: 1.5px solid #fff;}

td {
    background: #eef;
    padding: 4px;
    }

th {
    background: #669 !important;
    font-weight: bold;
    color: #fff;
    padding-bottom: 0;
   }

/* Hides from IE-mac \*/
* html th {font-size: 0.9em;}
/* End hide from IE-mac */ 

thead th, tfoot th {
    background: #fff;
    }

caption {
    font-size: 0.8em;
    text-align: left;
    padding: 4px;
    }
/* Hides from IE-mac \*/
* html caption {font-size: 0.75em;}
/* End hide from IE-mac */     
    
 dt {font-weight: bold;}

 dd {margin-bottom: 7px;}


/* Forms */

fieldset {
    border: none;
    clear: left;
    background: #eef;
    padding: 0 10px 10px 10px;
    border-top: 2px solid #669;
    }

fieldset p {margin-left: 0;}

legend {
    padding: 4px;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.7em;
    }

form div {clear: left; }

form .notes {
    color: #666;
    }

form div.notes {
    border: 2px groove;
    border-width: 2px 0 0;
    margin: 1.5em 0;
    padding: 1em 0;
    }

form div.notes h2 {
    padding-top: 0;
    }

form .notes label, form .notes select, form .notes input, form .notes textarea {
    color: #000 !important;
    }

/*
The following is to lay out form elements in a 'two-column' style.  However, row must be contained within a wrapper div - this is to prevent IE 6 CRASHING.
*/

label, input, select {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
 margin-left: 10px;
    display: block;
    float: left;
    }

label label, label input, label select {
    margin-bottom: 0;
    margin-top: 0;
    }

input, select {
    margin-right: 10px;
    }

label {
    font-weight: bold;
    margin-right: 10px;
    }

* html form div {width: 90%;}

label {
    clear: left;
    width: 12em;

    }

label.cbox {
    width: auto;
    }

form p {
    clear: both;
    }

.wide label {width: auto;}