/*====== BASIC STYLES ======*/

body {
    color: #000;
    margin:  0;
    padding: 0; 
    }
    
#outer-wrap {font: 13px arial, helvetica, sans-serif;}

table {
    font-size:1em;
    margin-top: 0.8em;
    }

/*=== CLEARING ELEMENTS ===*/ 

.cl  {
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0.1px;
    }

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

h1 {font-size:2.3em; margin-top: 0.6em;}
   
h2 {
    font-size:1.6em;
    margin-top: 1em;
    color: #147AAD;
    font-weight: bold;
    }
    
h3 {
    font-size:1.4em;
    margin-top: 1.1em;
    margin-bottom: -0.3em;
    color: #147AAD;
    }
    
h4 {
    font-size:1.2em;
    margin-top: 1.31em;
    margin-bottom: -0.4em;    
    color: #147AAD;
    }
    
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: 0;
    border: 3px #0098DB solid;
    background-color: #fff;
    color: #000;
    }
      
a {text-decoration: underline; color: #096;}
a:link {text-decoration: underline; color: #096;}
a:visited {text-decoration: underline; color: #696;}
a:active {text-decoration: none; color: #096;}
a:hover {text-decoration: none;}

.homepage a {color: #069;}
.homepage a:link {color: #069;}
.homepage a:visited {color: #039;}
.homepage a:active {color: #069;}

hr {
    height: 1px;
    border:0;
    background-color:#E8EBF1; 
    }
   
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(/broads/live/images/bullet_list.gif) no-repeat 0 0.5em;  
    }
    
ul ul li, ul ol ul li, ul ul ul li {background: url(/broads/live/images/bullet_two.gif) no-repeat 0 0.5em;}

ul ul ul li {font-style: italic;}
  
ol {margin-left: 42px; 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;}
   
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 #036 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: #333; 
    }

blockquote {
    font-size: 115%;
    font-family: georgia, Big Caslon, times new roman, serif;
    color: #333; 
    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 LAYOUTs ======*/

#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: 15em;
    float: left;
    text-align: right;
    color: #000;
    }
  
form .row {width: 100%; margin: 0.25em 0; clear: left;}

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

form .submitrow input, #header form input.submit {
    background: #fff url(/broads/live/images/button_back.gif) top right;
    border-style: solid;
    border-width: 1px 1px 2px 2px;
    border-color: #7FB2CC #7FB2CC #fff #fff;
    color: #000;
    }

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

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

#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: 8em; width: auto !important;}
        
#content form .long-label {margin-top: 0.5em; margin-bottom: 0.5em;}
	
#content form .long-label label {margin-left: 7.8em !important;}
	
#content form .long-label input {margin-right:7px; margin-left: 0;}
    
/*====== FORM STYLING ======*/

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

fieldset {
    border: none;
    background: #EFF9F8;
    padding: 0 0 0.5em 10px;
    margin-top: 3em;
    }
    
legend {
    padding: 7px 8px 7px 5px;
    background: #67C5B7 url(/broads/live/images/curve_legend.gif) no-repeat top right;
    color: #fff;
    border-bottom: 1px solid #fff; 
    margin: -1.1em 0 0.5em -10px;
    width: 100%;
    float: left;
    font-size:1.6em;
    }
    
/*=== ERROR STYLING ===*/

.error {color: #f33; font-weight: bold; display: block;}
    
.row .error {margin: 2px 0 2px 15.6em; padding: 0;}
    
.wide-row .error {
    margin: 2px 0 2px -8em;
    padding: 0;
    color: #f33;
    font-weight: bold;
    }