/* Basic Styles */

body {
    margin:  0;
    padding: 0; 
    font: 80% verdana, arial, sans-serif;
    }

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

   
/* clearing elements */ 
.clear, .cl  {
    clear: both;
    }
    
div.clear {
    height: 0.1px;
    font-size: 0.1px;
    }


p, ul, ol, dl, table, caption, fieldset, address, pre, hr, h1, h2, h3, h4, h5, hr {
    padding: 0;
    margin: 0.9em 10px;
    line-height: 1.4em;
    }
    
h1, h2, h3, h4, h5 {
    font-weight: normal;
    color: #036;
    font-style: italic;
    line-height: 1.1em;
    margin-bottom: -0.1em;
    }

h1 {
    font-size:2.3em;
    }

h1.title {
    margin-top: 15px;
    }
    
h2 {
    font-size:1.8em;
    }
    
h3 {
    margin-top: 1.3em;
    font-size: 1.3em;
    font-weight: bold;
    }
    
h4 {
    margin-top: 1.3em;
    font-size: 1.3em;
    }
    
h5 {
    margin-top: 1.8em;
    font-size: 1em;
    font-weight: bold;
    }

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


.image-group {
    float: left;
    width: 45%;
    }


/* skip link styles and 'removals' */

/* for mac-ie */
.align-left {position: relative;}

.rm {
    position: absolute;
    left: -999em;
    }
   
a.rm:active, a.rm:focus {
    top: 0;
    left: 0;
    border: 3px #0098DB solid;
    background-color: #fff;
    color: #000;
    }
      
a {text-decoration: underline; color: #39c;}
a:link {text-decoration: underline; color: #39c;}
a:visited {text-decoration: underline; color: #369;}
a:active {text-decoration: none; color: #39c;}
a:hover {text-decoration: none;}


/* for skip links in mac IE */
a.rm {
    color: #fff;
    }

hr {
    height: 1px; 
    border:0;
    background-color:#0098DB; 
    }
   
ul {
    list-style-type: none;
    margin-left: 30px;
    }

ul ul, ol ul {margin: 0 0 0 10px;}
    
ul li, ul ul li, ul ul ul li {
    margin: 5px 0 2px 0;
    padding: 0 2px 0 15px;
    background: url(/images/bullet_one.gif) no-repeat 0 0.5em;  
    }
    
ul ul li, ul ol ul li, ul ul ul li {
    background: url(/images/bullet_two.gif) no-repeat 0 0.5em;  
    }

ul ul ul li {
    font-style: italic;
}
  
    
/* To stop the first list item in every list from being indented IE 5.0 */    
* html ul li {
    height: 0px;
    }

ol {
margin-left: 43px;
text-indent: 0;
    }

ol ol, ul ol {margin: 0 0 0 23px;}

ol li, ol ol li, ol ol ol li {
    margin: 5px 0 2px 0;
    padding: 0 2px;
    background: none;
    }
    
ol ol li {
    list-style-type: lower-latin;
}

ol ol ol li {
    list-style-type: lower-roman;
}    
    
ul ol li {
    background: none;
    }

dl {
    }
    
dt {
    margin: 2px 0;
    padding: 0 2px 0 0;
    font-weight: bold;
    }
    
dd {
    margin: 0 0 5px 0;
    padding: 2px 5px 2px 12px; 
    }    

pre {
    border-left: 1px #036 solid;
    padding-left: 10px;
    } 

code, kbd, samp {
    color: #036;
    font-family: courier new, courier, monospace;
    }
    
q {
    font-size: 120%;
    color: #000; 
    }

blockquote {
    font-size: 120%;
    color: #000; 
    padding: 0 40px; 
    margin: 0;
    }

blockquote p {
    text-indent: -0.46em;
    }

blockquote[cite]:after {
    content: "- " attr(cite);
    font-size: 0.8em;
    display: block;
    margin: -0.5em 10px 1em 0;
    padding: 0;
    color: #036;
    text-align: right;
    }

/* Form Layout */

#content label, form p, #content input, #content select, #content textarea {
    margin-bottom: 0.25em;
    margin-top: 0.25em;
    }

fieldset p {
margin-top: 1em;
}

form label {
    font-weight: bold;
    padding-right: 10px;
    width: 8em;
float: left;
    text-align: right;
    }

* html form label {
float: none;
/*width: 7.5em;*/
}
    
form .row {
    width: 100%;
    margin: 0;
    clear: left;
    }

* html form .row {
width: auto;
}

form .submitrow {
text-align: right;
padding-right: 10px
}


#content form .wide-row {
float: left;
clear: left;
padding-left: 8em;
margin: 0;
}

* html #content form .wide-row {
padding-left:7em;
width: 90%
}

#content form .wide-row label {
width: auto;
margin-left: -8em;
display: block;
text-align: left;
} 

* html #content form .wide-row label {
margin-left: -7em; 
}

#content form .wide-row textarea, #content form .wide-row input, #content form .wide-row select {
float: left;
clear: left;
margin-left: 10px;
} 

#content form .wide-row textarea {
padding: 0;
} 

    
/* Form Styling */

form input, form textarea {
font: 100% arial, helvetica, sans-serif; 
}


fieldset {
    border: none;
    background: #eee;
    padding: 0 0 0.5em 10px;
    }

legend {
    padding: 4px 8px 4px 4px;
    font-weight: bold;
    background: #09c;
color: #fff;
border-bottom: 3px solid #fff; 
    margin: 0 0 0.5em -10px;
    width: 100%;
    float: left;
    }

* html legend {
margin-left: -17px;
margin-right: -7px;
float: left;
}


/* Hides from IE-mac \*/
* html legend {
float: none;
display: block;
width: auto;
}
/* End hide from IE-mac */    


/* Table Styles */

table {font-size:1em}

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

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

td {
    background-color: #eee;
    color: #000;
    padding: 4px;
    }

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

thead th, tfoot th {
    background: #09c;
    }

caption {
    text-align: right;
    color: #036;
    font-style: italic;    
    padding-right: 3px;
    padding-bottom: 5px
    }