/* Basic Styles */

body {
    color: #000;
    margin:  0;
    padding: 0; 
    font: 82% arial, helvetica, sans-serif;
    }

html>body {font-size: 13px;}
   
/* clearing elements */ 
.cl  {
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0.1px;
    }
    
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
.clearfix {display: inline-table;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p, ul, ol, dl, table, caption, fieldset, address, pre, hr, h1, h2, h3, h4, h5, hr{
    padding: 0;
    margin: 0.8em 10px;
    line-height: 1.5em;
    }
    
h1, h2, h3, h4, h5 {
    font-weight: normal;
    color: #003365;
    margin-bottom: -0.3em;
    line-height: 1.1em;
    }

h1 {
    font-size:2.3em;
    margin-top: 0.6em;
    }
   
h2 {
    font-size:1.7em;
    margin-top: 1em;
    color: #004D7F;}
    
h3 {
    font-size:1.2em;
    margin-top: 1.3em;
    margin-bottom: -0.3em;
    font-weight: bold;
    color: #006699;
    }
    
h4 {
    font-size:1.2em;
    margin-top: 1.2em;
    margin-bottom: -0.4em;    
    color: #006699;
    }
    
h5 {
    font-size:1em;
    margin-top: 1.8em;
    margin-bottom: -0.35em;     
    color: #147AAD;
    }

img {
    vertical-align: bottom;
    border:0;
    margin: 0;
    padding: 0;
    }
    
/* skip link styles and 'removals' */


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


a.rm:active, a.rm:focus {
    top: 0;
    left: 20em;
    border: 3px #E8B854 solid;
    background-color: #fff;
    color: #000;
    }
      
a {text-decoration: underline; color: #CD6600;}
a:link {text-decoration: underline; color: #CD6600;}
a:visited {text-decoration: underline; color: #930;}
a:active {text-decoration: none; color: #CD6600;}
a:hover {text-decoration: none;}

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

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(bullet-arrow.gif) no-repeat 0 0.5em;  
    }
    
ul ul li, ul ol ul li, ul ul ul li {
    background: url(bullet-dash.gif) no-repeat 0 0.4em;  
    }

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: 33px;
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;
    padding: 2px 5px 2px 12px; 
    }    

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

code, kbd, samp {
    color: #036;
    font-family: courier new, courier, monospace;
    }
    
q {
    font-size: 115%;
    font-family: georgia, Big Caslon, times new roman, serif;
    color: #147AAD;;
    }

blockquote {
    font-size: 115%;
    font-family: georgia, Big Caslon, times new roman, serif;
    color: #147AAD;
    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: #036;
    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;
    }

* html form label {
    width: 9em;
    }
    
form .row {
    width: 100%;
    margin: 0.25em 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; 
    float: none;
    }

#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;
    } 

#content form p {
    margin-left: 0;
    }
    
#content form .small-input {
    margin-left: 4em;
    width: auto !important;
    }
    
html>body #content form .small-input {
    margin-left: 8em;
    }
    
/* Form Styling */

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

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

legend {
    padding: 7px 8px 7px 5px;
    background-color: #FFD586;
    color:  #003365;
    border-bottom: 1px solid #fff; 
    margin: 0 0 0.5em -10px;
    width: 100%;
    float: left;
    font-size:1.6em;
    }

* 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, caption {
    border: none;
    border-spacing: 4px 1px;
    margin: 0 0 0 7px;
    }
    
table caption {
    text-align: left;
    }
    
table {
    font-size:1em;
    margin-top: 0.8em;
    }

* html table td, * html table th {
    border: 1.5px solid #fff;
    border-width: 1px 2px 0 2px;
    }

#content td {
    background-color: #FFFBF2;
    color: #000;
    padding: 4px 10px;
    }

#content th {
    background-color: #FFD586 !important;
    font-weight: bold;
	text-align: left
    color: #003365;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    }

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

caption {
    text-align: right;
    color: #036;
    font-style: italic;    
    padding-right: 3px;
    padding-bottom: 5px
    }
    
/* SO 10-05-07 */
    

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#fff;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#fffbf2}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:50em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left}