

/* Basic Styles */

body {
    color: #000;
    margin:  0;
    padding: 0; 
    font: 13px Arial, Verdana sans-serif;
    }

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

a.rm:active, a.rm:focus {
    top: 7px;
    left: 240px;
    border: 3px #50ACBB solid;
    background-color: #fff;
    color: #000;
    }
    
/* clearing elements */ 
br.cl, div.cl  {
    clear: both;
    height: 0px;
    font-size: 0.1px;
    }
    
.cl {clear:both;}

h1, h2, h3, h4, h5, p, ol, ul, li, table, dl, dt, dd, address, hr, form, pre {
    margin: 1em 15px 0 15px;
    padding: 0;
    line-height: 1.4em
    }

h1, h2, h3, h4, h5 {
    margin: 1em 0 -0.5em 15px;
    color: #223C86;
    }

h1 {
    font-size:2.2em;
    font-style: italic;
    }
    
h2 {
    font-size:1.2em;
    font-style: italic;
    }
    
h3 {
    font-size:1.2em;
    color: #000;
    }
    
h4 {
    font-size:0.9em;
    color: #000;}
    
h5 {
    font-size:0.9em;
    color: #000;
    }

img {
    vertical-align: bottom;
    border:0;
    margin: 0;
    padding: 0;
    }
    
a {text-decoration: underline; color: #448E91;}
a:link {text-decoration: underline;}
a:visited {text-decoration: underline; color: #006666;}
a:active {text-decoration: underline;}
a:hover {text-decoration: none;}

hr {
    height: 2px; 
    margin: 1em 15px; 
    padding:0; 
    border:0;
    background-color:#50ACBB; 
    color:#50ACBB; 
    }
 
ul {list-style-type: none; padding: 0;}

ul ul, ol ul {padding: 0 0 0 15px; margin-top: 0;}

    
ul li, ul ul li, ul ul ul li {
    margin: 0.5em 0 0 0;
    padding: 0 0 0 15px;
    background: url(../images/bullet.gif) no-repeat 0 0.5em;  
    }

ul ul li, ul ol ul li, ul ul ul li {background: url(../images/bullet2.gif) no-repeat 0 0.5em;}

ul ul ul li {font-style: italic;}
        
ol {padding: 0 0 0 20px;}

ol ol, ul ol {margin-top: 0; padding: 0 0 0 30px;}
   
ol li, ol ol li, ol ol ol li {
    margin: 0.3em 0 0 0;
    padding: 0;
    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 {padding: 0;}
    
dt {font-weight: bold; color: #000;}
    
dd {margin: 0; padding-left: 15px;}    

pre {
    color: #000;
    border-left: 1px #50ACBB solid;
    padding-left: 10px;} 
    
strong {color: #25345F;}
    
code, kbd, samp {color: #036; font-family: courier new, courier, monospace;}
    
q {font-size: 120%; color: #50ACBB;}

blockquote {
    font-size: 115%;
    font-family: georgia, Big Caslon, times new roman, serif;
    color: #50ACBB; 
    padding: 0 40px; 
    margin: 0;
    }

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

blockquote[cite]:after {
    content: "- " attr(cite);
    font-size: 0.85em;
    font-family: arial, helvetica, sans-serif;
    display: block;
    margin: -0.5em 10px 1em 0;
    padding: 0;
    text-align: right;
    color: #50ACBB;
    font-style: italic;
    }
    
/* 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;
    color: #000;
    }

form .row {
    width: 100%;
    margin: 3px 0;
    clear: left;
    }

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

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

#content form .wide-row label {
    width: auto;
    margin-left: -8em;
    display: block;
    text-align: left;
    } 
    
#content form .wide-row input {
    margin-right: 5px;
    }
    
#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;
    } 

    
/*=== Error styling ===*/

.error {
    color: #f33;
    font-weight: bold;
    display: block;
    }
    
.row .error {
    margin: 2px 0 2px 8.6em;
    padding: 0;
    }
      
.wide-row .error {
    margin: 2px 0 2px -8em;
    padding: 0;
    color: #f33;
    font-weight: bold;
    }
        
/*=== Form Styling ===*/

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

fieldset {
    border: 2px solid #50ACBB;
    background: #fff;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 0.5em 10px;
    }

legend {
    padding: 4px 8px 4px 4px;
    font-weight: bold;
    background-color: #50ACBB;
    margin: 0 0 21px -12px;
    width: 100%;
    float: left;
    color: #000;
    }


