/* HEADINGS
------------------------------------------- */
#home-content .mainpanel h1 {
    color: #fff;
    font: bold italic 150% Arial, sans-serif;
    margin: 0;
    padding: 3px 0 3px 0;
}
#home-content .mainpanel h1 span {
    float: left;
    display: block;
    margin-left: 36px;
}
#home-content h2 {
    color: #7c318c;
    font: bold 110% Arial, sans-serif;
    margin: 6px 0 6px 0;
}
#home-content h2.dotted {
    background: url(/images/dot.gif) bottom repeat-x;
    font-size: 115%;
    padding: 0 0 6px 0;
}
#home-content #optional h2.dotted {
    margin: 0 6px 12px 6px;
    padding: 6px;
}
#home-content .quicklinks h2, #home-content .news h2 {
    font: bold 110% Arial, sans-serif;
    margin: 6px;
    padding: 6px 0;
}
#home-content .quicklinks h2 span {
    background: url(/images/mag-glass.gif) right center no-repeat;
    padding: 6px 30px 6px 0
}
/*
#home-content .news h2 span {
    background: url(/images/rss-icon.gif) right center no-repeat;
    padding: 6px 30px 6px 0
}
*/
#maincontent h1, #maincontent h2, #maincontent h3 { color: #7c318c; }

#maincontent { min-height: 200px; }


#maincontent .newssnip {float:left; width:100%; margin-bottom:20px;}
#maincontent .newssnip img {float:left; margin:0 19px 0 0;}
#maincontent .newssnip p {float:none; line-height:1.4em;}
#maincontent .newsheader {float:left; width:100%; background:#f5f5f5; border-top:4px solid #bbbbbb; margin-left:-10px; padding:5px 5px 5px 10px; margin-bottom:16px;}
#maincontent .newsheader h3 {float:left; width:100%; font-weight:bold; color:#00b5cc; }
#maincontent .newsheader .date {float:left; width:100%; font-weight:normal; color:#757575; font-size: 0.9em;}



#footer .container h2 {
    color: #fff;
    font: bold 90% Arial, sans-serif;
    margin: 0;
    min-height: 30px;
    padding: 6px 0 6px 0;
}
#footer .extra h2 {
    margin: 0;
    min-height: 1px;
    padding: 0 0 6px 0;
}
#extra-feature h2, #extra-feature2 h2 {
    font-size: 110%;
    margin: 0;
    padding: 0 6px 0 6px;
}
#extra-feature2 h2 {
    color: #81348d;
    padding: 6px;
}
#feature h2 {
    color: #fff;
    margin: 12px 0 0 12px;
    padding: 0;
}

/* HELPERS
------------------------------------------- */
.container {
    margin: 0 auto 0 auto;
    width: 767px;
}

/* LAYOUT
------------------------------------------- */
#extranav li { border-right: 1px solid #7c318c; }
#extranav a { color: #7c318c; }
#mainnav { border-bottom: 9px solid #813292;  }
#mainnav li {
    background: url(/images/belfast-tab-bg.gif) repeat-x;
    width: 130px;
    z-index:2;
}
#mainnav a:hover { background: url(/images/belfast-hover-tab.gif) no-repeat; font-weight: bold; }
#mainnav ul li ul {
    background: #7c308d url(/images/mainnav-dropdown-bg.png) bottom no-repeat;
    border-top: 1px solid #9d64a9;
    width: 130px;
    z-index:2;
}
#mainnav ul li ul li:first-child { border-top: none; }
#mainnav ul li ul li {
    border-top: 1px solid #A166AE;
    height: 1%;
}
#mainnav ul li ul li a {
 display: block;
 padding: 6px 0 6px 12px;
 text-align: left;
 width: 118px;
}
#mainnav ul li ul a, #mainnav ul li ul a:hover { text-decoration: none; }
#mainnav ul li ul a:hover {
    background: #b94bcf none; 
    font-weight: bold;
}

/*#mainnav ul li ul.sitemap{
    background: #7c308d url(/images/mainnav-dropdown-bg.png) bottom no-repeat;
    border-top: 1px solid #9d64a9;
    width: 130px;
}
*/

/*
#mainnav ul li ul li {
    border-top: 1px solid #A166AE;
    width: 127px;
}
*/

/*
#mainnav ul li ul li a.sitemap {
    padding: 0 0 0 12px;
    text-align: left;
    width: 115px;
}
*/

#home-content { clear: left; }
#home-content div.pod {
    color: #666;
    float: left;
    margin: 0 4px 12px 0;
    width: 183px;
}
#home-content div .equal { min-height: 115px; }
#home-content div.pod img.shadow {
    border: 3px solid #fff;
    margin: 0 0 9px 0;
    box-shadow: 1px 1px 10px #666;
    -moz-box-shadow: 1px 1px 10px #666;
    -webkit-box-shadow: 1px 1px 10px #666;
}
#home-content div ul {
    margin: 0;
    padding: 0 0 0 18px;
}
#home-content div ul li { font: normal 85% Arial, sans-serif; }
#home-content div ul li a {
    color: #666;
    text-decoration: none;
}
#home-content div ul li a:hover,#content div ul li a.first:hover {
    color: #7c318c;
    text-decoration: underline;
}
#home-content div ul li a.first {
    color: #333;
    font-weight: bold;
}
#home-content .clearl {
    clear: left;
    height: 0;
    overflow: auto;
}
#home-content div p {
    font: normal 85% Arial, sans-serif;
    margin: 0;
}
#home-content .mainpanel-border {
    border: 5px solid #ccc;
    float: left;
    margin: 6px 3px 6px 0;
    width: 500px;
}
#home-content .mainpanel {
    background: #6a2878;
    height: 135px;
    margin: 3px;
    width: 494px;
    z-index:1; /* added 14 May 2010 to fix menus being hid behind Flash */
}
#home-content .mainpanel img {
    float: left;
    width: 490px;
}
#home-content .mainpanel div {
    background: #7e318f url(/images/mainpanel-div-bg.jpg) no-repeat;
    float: left;
    min-height: 135px;
    width: 173px;
}
#home-content .mainpanel div p, #home-content .mainpanel div a {
    color: #fff;
    font: 80% normal Arial, sans-serif;
}
#home-content .mainpanel div a {
    float: right;
    padding: 0 12px 0 0;
}
#home-content .quicklinks {
    background: #ddd;
    border: 6px solid #e4e3e3;
    float: left;
    min-height: 139px;
    margin: 6px 0 0 0;
    width: 242px;
}
#home-content .news {
    background: #ddd;
    border: 6px solid #e4e3e3;
    float: left;
    margin: 0 0 12px 0;
    min-height: 139px;
    width: 242px;
}
#home-content .quicklinks ul, #home-content .news ul {
    list-style: none;
    margin: 0 0 0 12px;
    padding: 0;
}
#home-content .quicklinks ul li, #home-content .news ul li {
    background: url(/images/circle-bullet.gif) 0 2px no-repeat;
    padding: 0 0 0 15px;
}
#home-content .quicklinks ul li a, #home-content .news ul li a { color: #7c318c; }

#home-content .news p a {
    color: #7c318c;
    float: right;
    font-size: 90% normal Arial, sans-serif;
    padding: 0 12px 0 0;
    text-decoration: none;
}
#home-content .news p a:hover { 
    text-decoration: underline; 
    color: #7c318c;
}

#home-content .news p a span {
    background: url(/images/arrow_green2.png) right center no-repeat;
    padding: 6px 24px 6px 0;
}
#home-content .carousel {
    background: url(/images/carousel-bg.png) no-repeat;
    float: left;
    min-height: 151px;
    margin: 0 3px 12px 0;
    position: relative;
    width: 510px;
}
#optional {
    background: url(/images/optional-bg.png) repeat-x;
    min-height: 151px;
    width: 100%;
}
#optional .pod ul {
    margin: 0;
    padding: 0 0 0 24px;
}
#extras {
    float: left;
    width: 162px;
}
#subnav {
    background: #e6e5e5 url(/images/subnav-bg.png) 0 30px no-repeat;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    float: left;
    width: 162px;
}
#subnav .head {
    background: #ab45bc url(/images/belfast-subnav-head.png) no-repeat;
    color: #fff;
    line-height: 30px;
    margin: 0;
    padding: 0 12px 0 12px;
}
#subnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#subnav li {
    border-bottom: 1px solid #ccc;
    min-height: 23px;
    margin: 0;
/* Added 05/02/2010 to fix issue with subnav nested links having additional space in IE6 */
    height: 1%
}
#subnav li:first-child {
    border-top: none;
}
#subnav li a, #subnav li span {
    color: #333;
    display: block;
    font-size: 85%;
    min-height: 14px;
    padding: 6px 12px 6px 12px;
    text-decoration: none;
}
#subnav li a:hover { text-decoration: none; }
#subnav li span { font-weight: bold; }
#subnav ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#subnav ul li ul li {
    border-bottom: none;
    border-top: none;
}
#subnav ul li ul li a {
    margin: 0;
    padding: 6px 12px 6px 36px;
}
#subnav ul li ul li ul li{
    border-bottom: none;
    border-top: none;
}
#subnav ul li ul li ul li a {
    margin: 0;
    padding: 6px 12px 6px 60px;
}

/* offsetting the entire ul down, fix for IE7 only */
*:first-child+html #subnav ul li ul {
    position: relative; 
    top: 10px;
}
*:first-child+html #subnav ul li ul li {
    position: relative; 
    top: -10px;
    vertical-align: top; 
}
#subnav a:visited {    color: #333; }
#subnav a:hover, #subnav a:focus {
    background: url(/images/subnav-hover-bg.png) repeat-y;
    color: #7c318c;
    text-decoration: underline;
}
#footer {
    background: #953CA8 url(/images/belfast-footer-bg.gif) top repeat-x;
    min-height: 73px;
}
#footer div.col {
    float: left;
    margin: 0 4px 6px 0;
    width: 183px;
}
/*#footer ul { clear: left; }*/

#footer .iip {
        float: left;
        margin-left: 19px;
}


/* ELEMENTS
------------------------------------------- */
#home-content .icon {
    font: normal 85% Arial, sans-serif;
    margin: 0;
    padding: 6px 0 6px 18px;
}
#home-content .icon span {
    background: url(/images/arrow_green2.png) right center no-repeat;
    padding: 6px 30px 6px 0
}
#home-content .icon img {
    float: left;
}
#home-content .icon a {
    color: #7c318c;
    display: block;
    text-decoration: none;
    vertical-align: top;
}
#home-content .icon a:hover {
    color: #7c318c;
    text-decoration: underline;
}
#breadcrumb li a:link,
#breadcrumb li a:visited {
    color: #7c318c;
    text-decoration:none;
}
#breadcrumb li a:hover,
#breadcrumb li a:focus {
    color: #333;
    text-decoration: underline;
}
#maincontent a:link {
    /* border-bottom: 1px solid #7c318c; */
    color: #7c318c;
    text-decoration: none;
}
#maincontent a:visited {
    /* border-bottom: 1px solid #7c318c; */
    color: #7c318c;
    text-decoration: none;
}
#maincontent a:hover {
    /* border-bottom: 1px solid #000; */
    color: #7c318c;
    text-decoration: underline;
}
#maincontent .quote {
    background: url(/images/big-quote.png) 0 0 no-repeat;
    color: #7c318c;
    display: block;
    float: right;
    font: italic 100% Arial, sans-serif;
    margin: -9px 0 0 1em;
    padding: 9px 0 0 6px;
    width: 200px;
}
#maincontent .hr {
    background: url(/images/main-shade-hr.png) no-repeat;
    border: 0;
    clear: left;
    float: none;
    height: 18px;
    margin: 2em 0 1em 0;
    width: 540px;
}
#maincontent img {
    margin: 6px;
}
#feature, #extra-feature {
    background: #682876 url(/images/feature-gradient.gif) repeat-x 0 -5px;
    color: #fff;
    margin: 12px 0 12px 0;
    padding: 2% 0;
}

#extra-feature {
    float: left;
    margin: 0 0 12px 0;
    width: 162px;
}
#extra-feature p {
    color: #fff;
    font-size: 85%;
    padding: 0 6px 0 6px;
}
#extra-feature img {
    float: left;
    margin: 6px;
}
#extra-feature a{
    color: #fff;
    text-decoration: none;
}
#extra-feature a:hover p{
    color: #fff;
    text-decoration: underline;
}

#extra-feature2 {
    float: left;
    margin: 0 0 12px 0;
    width: 162px;
    background: url(/images/extra-feature2-bg.png) bottom no-repeat;
    border: 1px solid #ccc;
} 
#extra-feature2 img {
    float: left;
    margin: 6px;
}

#extra-feature2 p {
    color: #333;
    font-size: 85%;
    margin: 0;
    padding: 0 6px 18px 0;
}
#extra-feature2 a{
    color: #333;
    text-decoration: none;
}
#extra-feature2 a:hover p{
    color: #7c318c;
    text-decoration: underline;
}


#feature { width: 100%; }
#feature p { padding: 12px; }

#feature a {
    border-bottom: none !important;
    color: #fff !important;
}
#feature ul {
    list-style: none;
    margin: 0 0 0 8px;
    padding: 0;
}
#feature ul li {
    background: none;
    border-right: 1px solid #fff;
    float: left;
    margin: 0;
    padding: 0 4px 0 4px;
}
#feature ul li:last-child, #feature ul li.last { border-right: 0; }
#feature ul li a { border-bottom: 0 !important; }
#feature ul li a:link {
    color: #fff !important;
    text-decoration: none;
}
#feature ul li a:visited {
    color: #fff !important;
    text-decoration: none;
}
#feature ul li a:hover {
    color: #fff !important;
    text-decoration: underline;
}
#servicesaz {
    clear: left;
    padding: 12px 0 12px 0;
}
#servicesaz h2.trigger { background: url(/images/white-arrow-right.png) left no-repeat; }
#servicesaz h2.trigger.active { background: url(/images/white-arrow-down.png) left no-repeat; }
#servicesaz h2 a {     padding-left: 24px; }
#servicesaz label {
    float: left;
    height: 18px;
    margin: 0;
    padding: 6px 0 0 12px;
    width: 10em;
}
#servicesaz .qt {
    background: #fff url(/images/search-qt-bg.gif) repeat-x;
    border: 0;
    height: 18px;
    margin: 0;
    padding: 6px 0 0 6px;
    vertical-align: middle; /* for IE */
}
#servicesaz .submit {
    background: #fff url(/images/search-submit-bg.gif) top left repeat-x;
    border: 0;
    font: bold 90% "Helvetica Neue", Arial, Helvetica, sans-serif;
    height: 24px;
    margin-left: -4px;
    text-shadow: 1px 1px 1px rgb(255,255,255);
    vertical-align: middle; /* for IE */
    width: 80px;
    box-shadow: -2px 0 2px rgb(119,119,119);
    -moz-box-shadow: -2px 0 2px rgb(119,119,119);
    -webkit-box-shadow: -2px 0 2px  rgb(119,119,119); 
}
#servicesaz select {
    display: block;
    margin: 6px 0 6px 0;
    width: 20em;
}
#results {
    background: #eee url(results.png) bottom right no-repeat;
}
#results, #explain {
    float: left;
    margin: 0 1% 0 0;
    padding: 0 1% 0 1%;
    width: 46%;
}

/*
#maincontent #feature p { padding: 12px; }
#maincontent #feature h2 { 
    color: #fff;
    margin: 12px 0 12px 12px;
    padding: 2% 0;
}
#feature a:link, #feature a:visited { color: #fff; }
#feature, #extra-feature {
    background: #682876 url(/images/feature-gradient.gif) repeat-x 0 -5px;
    color: #fff;
    margin: 12px 0 12px 0;
    padding: 2% 0;
}
*/

#footer .extra {
    float: left;
    margin: 0 1% 0 0;
    padding: 15px 0 0 0;
    width: 32%;
}
#footer .extra img {
    display: block;
    float: left;
    margin: 0 6px 0 0;
}
#footer .extra div { float: left; }
#footer .extra ul {
    color: #fff;
    line-height: 1.4em;
    list-style: disc;
    margin: 0;
    padding: 0 0 12px 15px;
}
#footer .extra li {
    border-right: none;
    display: list-item;
}
#footer p.more {
    clear: left;
    float: left;
    line-height: 1;
    padding: 0 5px 8px 0;
    position: relative;
}
#footer p.more a {
    background: url(/images/more-bg.png) repeat-x 0 0;
    color: #fff;
    float: left;
    font-size: 85%;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}
#footer p.more span {
    background: url(/images/more-arrow.png) no-repeat 92% 50%;
    float: left;
    padding: 2px 25px 4px 5px;
    position: relative;
}
#footer p.more b {
    background: url(/images/more-arrow2.png) no-repeat 0 0;
    bottom: -7px;
    clear: both;
    height: 8px;
    width: 15px;
    position: absolute;
    right: 5px;
}

.invisible {
display: none
}
#invisible {
display: none
}