html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
body {
    line-height: 1;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}

/* default styles */

body, html {
    height: 100%;
    }
p, ul, fieldset, blockquote {
    margin: .5em 0;
    }
ul {
    margin: .5em 0 .5em 1em;
}
li {
    margin: .3em 0;
    }
blockquote {
    margin-left: 1.5em;
    padding: .5em;
    }
fieldset {
    border-width: 1px;
    border-style: solid;
    position: relative;
    margin: 0 0 1em 0;
    }
legend {
    position: absolute;
    top: -.7em;
    left: .2em;
}
* html fieldset, * html legend { height: 1%; }
* html legend { overflow:hidden; }
h1, h2, h3, h4, h5, h6 {
    margin: 1.3em 0 .5em 0;
    font-weight: bold;
    border-bottom: 1px solid #78abb6;
    padding-bottom: .2em;
    color: #045e80;
    }
p {
    margin: 0 0 1em;
}
h1 {
    font-size: 2em;
    margin-top: 0;
    }
.box2 h2{
/*    font-size: 1.5em;
    margin-top: .8em;  */
}
h2.noborder {
    margin-bottom: .01em;
}
h2 {
    font-size: 1.5em;
    }
h3 {
    font-size: 1.3em;
    }
h4 {
    font-size: 1.15em;
    }
h5, h6 {
    font-size: 1em;
    }
a img {
    border: none;
    }
address {
    font-style: normal;
    }
th, td {
    text-align: left;
    vertical-align: top;
    font-size: 1em;
    }

body {
    font: .9em Arial, Helvetica, sans-serif;
    color: #444;
    background: #f3f3f3;
}
body#tinymce {
    background: #fff;
    margin: 10px;
    width: 960px;
}
input, select, textarea {
    font: 1em Arial, Helvetica, sans-serif;
}
textarea {
    overflow: auto;
}
a {
    color: #059900;
    font-weight: bold;
}
h1, h2, h3, h4, h5, h6, p, li, td, th, blockquote, fieldset, div {
    line-height: 1.5em;
}
a:hover {
    text-decoration: none;
    color: #045E80;
}
a:active, a:focus, #content a:active, #content a:focus {
    color: #fff;
    background-color: #045E80;
    text-decoration: none;
}
h2 a, h3 a, h4 a, h5 a h6 a {
    display: block;
    text-decoration: none;
    border-bottom: 1px dotted;
}
/* have your Layout, you swine */
* html h2 a, * html h3 a {
    height: 1%;
}
h2 a:hover, h2 a:active, h2 a:focus, h3 a:hover, h3 a:active, h3 a:focus, 
h4 a:hover, h4 a:active, h4 a:focus, h5 a:hover, h5 a:active, h5 a:focus, 
h6 a:hover, h6 a:active, h6 a:focus {
    border: 0;
    padding-bottom: 1px;
}
#content li {
    margin: 0 0 .5em 2em;
}
#content ul, #content ol {
    margin: 0 0 1em;
}
.searchword {
    background: #045e80;
    color: #fff;
}
#container-outer {
    background: #fff url(images/nav-strip.png) repeat-x;
}
* html #container-outer {
    height: 1%;
}
#container {
    width: 940px;
    margin: 0 auto;
    padding: 0 10px 20px;
    position: relative;
}
#navigation {
    position: absolute;
    top: 0;
    left: 190px;
    font-size: 1.1em;
    padding: 25px 0 0;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
#navigation ul {
    margin: 0;
    padding: 0;
}
#navigation li {
    display: inline;
}
#navigation a {
    float: left;
    color: #cef0fe;
    text-decoration: none;
    font-weight: normal;
    margin-right: 13px;
    margin-left: 10px;
    height: 41px;
}
#navigation a:hover, #navigation a:active, #navigation a:focus  {
background: url(images/arrow_white.png) center bottom no-repeat;color:#fff; 
    }
#currentsection a, .currentlink a {
background: url(images/arrow_blue.png) center bottom no-repeat;color:#cef0fe;
}

#navigation ul div {
    display: none;
}
#navigation .ancestor div {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    top: 250px;
    left: 550px;
    width: 200px;
    font-size: .8em;
}
#navigation .ancestor ul div {
    position: static;
    margin: 0 0 0 8px;
    width: auto;
    font-size: .95em;
}
#navigation .ancestor li {
    line-height: 1.5em;
    margin: 0;
}
#navigation .ancestor ul a {
    float:none;
    height: auto;
    display: block;
    margin: 0;
    color: #059900;
}
#masthead {
    margin-bottom: 165px;
}
#masthead a {
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/loudandclear-slices.png) no-repeat;
    width: 181px;
    height: 179px;
    text-indent: -9999em;
    outline: none;
}
#masthead span {
    position: relative; /* ap on this causes every other element to suddenly go a bit funny */
    top: 95px;
    left: 190px;
    font-size: 1.9em;
    color: #059900;
}
#searchform {
    position: absolute;
    top: 95px;
    right: 20px;
}
#searchform label {
    position: absolute;
    left: -9999em;
}
#searchform div {
    display: inline;
}
* html #searchform {
    display: inline;

}
* html #searchform fieldset {
    display: inline;
}
#searchform fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

input, select, textarea {
    color: #78ABB6;
    border: 1px solid;
}
/* need to make sure to use js to enforce :focus for ie<8 or fields will be too light */
input:focus, input.focus, textarea:focus, textarea.focus, select:focus, select.focus {
    color: #045E80;
}
input[type=checkbox|radio] {
    border: 0;
}
#searchform input {
    display: block;
    float: left;
    padding: 4px;
}
#searchform .submit {
    text-transform: uppercase;
    display: block;
    width: 23px;
    height: 26px;
    background: url(images/loudandclear-slices.png) -2060px 2px no-repeat;
    text-indent: -9999em;
    border: 0;
    cursor: pointer;
    margin-left: 10px;
}
#breadcrumb {
    font-size: .9em;
    padding: .5em 0;
}
#breadcrumb a {
    font-weight: normal;
}
#box-container-top, #box-container-bottom {
    background-image: url(images/loudandclear-slices.png);
    background-repeat: no-repeat;
    height: 16px;
    position: absolute;
    left: 0;
    width: 100%;
}
* html #box-container-top, * html #box-container-bottom {
    padding: 0 17px; /* stoopid ie takes width:100% as 100% of container minus its padding */
}
#box-container-top {
    background-position: -181px 0;
    top: 0;
}
#container #box-container-bottom {
    background-position: -1121px 0;
    bottom: 0;
}
#box-container {
    background: #e0ebef;
    padding: 17px;
    position: relative;
    margin-bottom: 15px;
}

#footer {
    clear: both;
    padding: 30px 0;
    text-align: center;
    font-size: .85em;
    background: #f3f3f3;
    border-top: 1px solid #ccc;
    margin-top: 30px;
}
.box {
    float: left;
    width: 413px;
    padding: 5px 15px;
    margin-right: 20px;
    background: #fff;
    font-size: .8em;
}
.box-row {
    background: url(images/loudandclear-slices.png) -2988px 0 repeat-y;
    padding: 10px 0;
    position: relative;
}
.box-row-top, .box-row-bottom {
    position: absolute;
    left: 0;
    height: 10px;
    width: 100%;
}

.box-row-top {
    top: 0;
    background: #e0ebef url(images/loudandclear-slices.png) -2083px 0 no-repeat;
}
.box-row-bottom {
    bottom: 0;
    background: #e0ebef url(images/loudandclear-slices.png) -2083px -10px no-repeat;
}

* html .clear {
    height: 1%;
    margin: 0;
}
* html .box-row-top, * html .box-row-bottom {
    padding: 0 ;
    z-index: 999;
    font-size: 0;
    
}
/* get rid of a mysterious extra pixel-sliver at the bottom of rounded corner boxes */
* html .box-row-bottom, * html #box-container-bottom {
    margin-bottom: -1px;
}
.clear {
    clear: both;
}
.noborder {
    border: 0;
}
.box h2 {
    margin: 0 0 .2em;
    border: 0;
}
.box h2 a {
    color: #045E80;
    border-color: #fff;
}
.nobullet {
    list-style: none;
    border-top: 1px solid #ddd;
}
#content .box .nobullet, #content .box .nobullet li {
    margin: 0;
}
.floatleft {
    float: left;
    padding-right: 10px;
    background: #fff;
    display: inline;
}
h3 .floatleft {
    clear: left;
}
.floatright {
    float: right;
    padding-left: 10px;
    background: #fff;
    display: inline;
}
.nobullet {
    margin: 0;
}
.nobullet li {
    margin: 0;
}
* html .nobullet li {
    display: inline;
}
#content {
    min-height: 250px;
}
* html #content {
    height: 250px;
}
.subpage #content {
    padding-right: 240px;
}
.box .nobullet a, #navigation .ancestor ul a {
    text-decoration: none;
    display: block;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url(images/arrowheads.png);
    background-position: 2px 50%;
    padding: .3em 5px .3em 12px;
    border-bottom: 1px solid #ddd;

}
.box a:hover, #navigation .ancestor ul a:hover, #navigation .ancestor ul li a.currentlink {
   /* background-image: url(images/arrowhead-blue.png);*/
    background-color: #fff;
    background-position: -398px 50%;
    color: #045e80;
}
.box .nobullet a:active, .box .nobullet a:focus, #navigation .ancestor ul a:active, #navigation .ancestor ul a:focus {
    background-color: #045e80;
    color: #fff;
    background-position: -798px 50%;
}
.box div {
    float: left;
    width: 210px;
}
.box2 {
    float: left;
    margin-right: 20px;
    font-size: .9em;
    width: 440px;
    margin-right: 20px;
}
#content .box2 {
    width: 460px;
}
.subpage #content .box2 {
    width: 340px;
}
.box-right {
    margin: 0;
}
#helpline {
    margin: 20px 0 0;
    background: url(images/loudandclear-slices.png) -3893px 0 no-repeat;
    height: 92px;
    font-size: .8em;
    color: #fff;
    padding-left: 135px;
    position: relative;
}
#helpline p {
    position: absolute;
    height: 3em;
    margin: -1.5em 0 0;
    line-height: 1.4em;
    top: 50%;
    right: 20px;
}
#helpline .floatleft {
    position: static;
    margin: 0;
    font-size: 2em;
    line-height: 92px;
    background: none;
}
#helpline .floatleft span { 
    font-size: 2em;
    vertical-align: middle
}
.homepage-content {
    padding: 0 20px;
}
.important {
    font-size: 1.3em;
    color: #045e80;
}
* html #box-container, * html .box-row {
    height: 1%;
}
#content fieldset {
    border: 1px solid #78ABB6;
    padding: 0 15px 15px;
    background: #e0ebef;
}
legend {
    color: #045e80;
    padding: 0 3px;
}
#content label {
    display: block;
    padding-top: 6px;
}
#content form div {
    padding-top: 6px;
}
#content input, #content textarea {
    padding: 5px;
    margin-right: 6px;
}
#content input.submit {
    background: #045e80;
    color: #fff;
    font-size: 1.4em;
    cursor: pointer;
    border: 0;
}
#resetform {
    display: none; /* who needs a reset button?? */
}
#submitbuttons {
    margin-top: 10px;
}
.formresult {
    font-size: 1.5em;
    color: #045e80;
}
.error {
    font-weight: bold;
    color: #a00;
    display: block;
}
#map_canvas {
    height: 340px;
    padding: 1px;
    border: 1px solid #045e80;
}

.home #breadcrumb, .home #modules, .home #container #navigation ul ul { display: none; }
.home #content { padding: 0; }
.home .sectionlist { list-style: none; margin:0; padding:0; }
.home .sectionlist li { float: left; margin-right: 20px; }