﻿* {
    margin: 0px;
    padding: 0px;
    /* changed by clarity */
    font-family: Arial, Helvetica, sans-serif;
    border: none;
}
.content-int table{
/*    font-size: 0.75em;*/
    color: #434343;
}
table{
    font-size: 1em;
}
.print-logo {display:none;}
.gclear{
    font-size:2px;
    height:2px;
    line-height:2px;
    margin:0;
    padding:0;
    float:none;
    clear:both;
}
.content-int li li{
    font-size: 1em !important;
}
table{
    font-size: 1em !important;
}
img{
    margin-bottom: 0 !important;
}
* html body{
    overflow-y: auto;
} 
*:first-child+html body{
    overflow-y: auto;
    min-width: 1024px;
}
body {
    text-align: center;
    overflow-y: scroll;
}/*
p img{
    margin: 0 5px;
}
div.boxes-safety p img,div.boxes-safety-last p img{
    margin: 0 0 !important;
}*/
.body-size {
    width: 960px;
    margin: auto;
}
.body-size * {
    text-align: left;
}
.header {
    background-repeat: no-repeat;
    background-color: #8A343D;
    background-image: url(/Style/Images/header1.jpg);
}
.header h1 a {
    text-indent: -9999px;
    display: block;
    height: 163px;
    width: 200px;
    float: left;
}
.header ul {
    clear: both;
    border-top: 1px solid #fff;
    display: block;
    background-color: #981e32;
    width: 100%;
    overflow: auto;
}
.header ul li {
    display: inline;
    list-style: none;
}
.header ul li a {
    float: left;
    background-color: #981e32;
    border-right: 1px solid #fff;
/* added by clarity */
    font-family: Arial;
    font-size: 0.83em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 9px;
    padding-right: 9px;
    margin: 0px 0px 0px 0px;
}
.header ul li a:hover {
/*added by GW clarity 22/07/08 */
    background-color: #FFF;
    color: #981e32;
/* end of added content */
}
/* removed by clarity when adding the white background mouse over effect on top menu
 .header ul li a.active {
  removed by clarity  text-decoration: underline; 
} */
}
/* begin breadcrumb */
* html .header .breadcrumb, * html .header .breadcrumb ul, * html .header .breadcrumb ul li{
    overflow: visible;
    height: 1px;
}
.header .breadcrumb {
    border-top: 1px solid #fff;
    clear: both;
    background: url(/Style/Images/bgBreadcrumb.gif) repeat-x;
    overflow: auto;
    margin-bottom:15px;
}
.header .breadcrumb h2 {
    float: left;
/* added by clarity */
    font-family: Arial;
    font-size: 0.6em;
    color: #fff;
    width: 70px;
    margin: 4px 0px 4px 4px;
}
.header .breadcrumb ul{
    float: left;
    border: none;
    clear: none;
    height: auto;
    margin: 4px 4px 4px 0px;
    display: block;
    width: auto;
    background: none;
}
.header .breadcrumb ul ul {
    margin: 0px;
}
.header .breadcrumb ul li a:hover{
    background-color: transparent;
    color: #fff;
    text-decoration: underline;
}
.header .breadcrumb ul li a{
    font-size: 0.6em;
    border: none;
    margin: 0px 3px 0px 0px;
    padding: 0px 0px 0px 10px;
    background: transparent url(/Style/Images/breadcrumpSep2.gif) no-repeat 0px 4px !important;
}
.header .breadcrumb ul li a.first-link {
    background: none !important;
}
/* end breadcrumb */
.header form {
    float: right;
/*    background: #981E32; */
    width: 198px;
}
.header form fieldset {
    padding: 10px 15px 10px 15px;
}
.header form fieldset label {
    display: none;
}
.header form fieldset input.q {
    border: 1px solid #979797;
    color: #AB4545;
    font-size: 0.8em;
    padding: 0px 3px 0px 3px;
    height: 18px;
    width: 135px;
    float: left;
}
.header form fieldset input.search {
    margin: 0px 0px 0px 3px;
    float: left;
}
.header form fieldset p {
    clear: both;
}
.header form fieldset p a {
    font-size: 0.7em;
    color: #fff;
    text-decoration: none;
}
/* begin front page */
.content {
    margin: 17px 0px 0px 0px;
}
.content .col-left, .content .col-center, .content .col-right {
    float: left;
}
.content .col-left {
/* added by clarity */
    font-family: Arial;
    width: 300px;
    margin: 0px 28px 0px 0px;
}
.content .col-center {
/* added by clarity */
    font-family: Arial;
/* end of added content */
    width: 302px;
}
.content .col-right {
/* added by clarity */
    font-family: Arial;
/* end of added content */
    width: 300px;
    margin: 0px 0px 0px 28px;
}
.content p {
/* added by clarity */
    font-family: Arial;
    font-size: 0.75em;
}
.content p a {
/*font-size: 0.75em -NDCOMMENT;*/
}
  
.content h2 {
/* added by clarity */
    font-size: 1em;
    font-family: Arial;
/* end of added content */
    background: none;
    padding: none;
    height: 17px;
    margin: 0px 0px 15px 0px;
}
.content h2 a {
    float: left;
/* added by clarity */
    font-family: Arial;
    font-size: 1.3em;
}
/* added by clarity */
.content h2 span.noLink{
    float: left;
    color: #003478;
}
/* end of clarity amends*/
.content h2 a span {
    background: url(/Style/Images/rssIcon.gif) no-repeat 0px 0px;
    width: 9px;
    height: 9px;
    padding: 0px 5px;
    cursor: pointer;
   /* font-size: 0.55em; */    
    font-size: 1em;     
    margin: 0px 0px 0px 3px;
}
.rss-menu {
    margin: 0px 0px 20px 0px;
}
.rss-menu li {
    display: inline;
}
.col-center-int-wider .rss-menu li a{
    font-size: 1em;
}
.rss-menu li a {
/*    font-size: 0.7em; */
      font-size: 0.75em;
}
.rss-menu li a.rss-icon {
    background: url(/Style/Images/rssIcon.gif) no-repeat 0px 2px;
    padding: 0px 0px 0px 16px;
    color: #003478;
}
 a.rss-icon {
    background: url(/Style/Images/rssIcon.gif) no-repeat 0px 3px;
    padding: 0px 0px 0px 12px;
    color: #003478;
    text-decoration: none;
}
.content h3 {
/* added by clarity */
    font-family: Arial;
/* end of added content */
    margin: 7px 3px 5px 0px;
    color: #8A343D;
    font-size: 0.7em;
}
.content h3 a {
/* added by clarity */
    font-family: Arial;
/* end of added content */
    font-weight: normal;
/*   font-size: 1.2em; removed GW */
    /*font-size: 0.7em;  NDCOMMENT*/
}
.content .col-left p.more-info {
    margin: 12px 0px 12px 0px;
}
.content .col-left p {
/* added by clarity */
    font-family: Arial;
/* end of added content */
 /*   font-size: 0.55em; */
}
.content .col-left a {
/* font-size: 0.75em; - removed to fix too small links on latest news and incidents*/
}
.content .col-left h2 a {
 font-size: 1.3em;
}
.content .col-left p.main-text {
/* added by clarity */
    font-family: Arial;
/* end of added content */
    font-size: 0.968em;
    line-height: 18px;
    margin: 0px 8px 30px 0px;
}
.content .col-center .highlight {
    background: #981e32;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 10px 0px;
}
.content .col-center .highlight h2 {
    background: none;
    margin-left: 10px;
    margin-top: 15px;
}
.content .col-center .highlight h2 a {
    color: #fff;
}
.content .col-center .highlight p {
    color: #fff;
    margin: 0px 10px 10px 10px;
}
.content .col-center .highlight p {
    color: #fff;
    margin: 0px 10px 10px 10px;
}
.content .col-center .col-center-col-left {
    float: left;
    width: 143px;
}
.content .col-center .col-center-col-right {
    float: left;
    width: 143px;
    margin: 0px 0px 0px 16px;
}
.content .col-center .col-center-col-right a,
.content .col-center .col-center-col-left a,
.content .col-center .col-center-col-left h2,
.content .col-center .col-center-col-right h2 {
    margin: 0px 0px 1px 0px;
    padding: 2px 0px 2px 0px;
    font-size: 0.9em;
}/* Removed By Clarity
.content .col-center .col-center-col-left h2,
.content .col-center .col-center-col-right h2 {
    font-size: 1.1em;
}*/
.content .col-right h2.second-subject {
    margin: 10px 0px 15px 0px;
}
.content .col-right h3 {
    font-size: 0.9em;
}
.content .col-right hr {
    background: none;
    border: none;
    height: 1px;
    border-top: 1px solid #C8C8C8;
    margin: 10px 0px 5px 0px;
    line-height: 0px;
}
.content a {
    color: #003478;
    text-decoration: none;
    /* added by GW */
/*    font-size: 0.75em;*/
}
.content a:hover {
    color: #000;
    text-decoration: underline;
}
/* begin histort pages */
/* History main grey content area with text and image /open/ */
.hisGeryContentarea{
    background-color:#ebebeb;
    padding:10px; 
}
/* added by clarity*/
.hisGeryContentarea{
    overflow:hidden;
}
* html .hisGeryContentarea{
    height: 1px;
    overflow: visible;
}
/*end clarity edits*/
/*  history image holder style rules */
.histImageHolder{
    width:315px;
    height:203px;
    margin-right:10px;
    overflow:hidden;
    border:1px solid #c4c4c4;
    float:left;    
}
.histImageHolder img{
    /*float:left;*/
}
/* buttons */
.previouButtons{
/*    width:200px;
    overflow:hidden;*/
    float:right;
    text-align:right;
}
.previouButtons ul{
    list-style:none;
    display:inline;
}
.previouButtons ul li{
    list-style:none;
    display:inline;
}
.previouButtons ul li a{
    border:none;
}
.gPuller{
    font-size:20px;
    height:20px;
    line-height:20px;
    margin:0;
    padding:0;
    clear:both;
    float:none;
}
.histColOne{
    float:left;
    width:464px;
    border-right:23px solid white;    
}
.histColTwo{
    float:left;
    width:220px;
}
.didYknow img{
    margin:0!important;
    padding:0!important;
}
.didYknow h2{
    background-image:url('/Style/Images/question.gif');
    background-repeat:no-repeat;
    background-position:6px 0;
    margin:0!important;
    margin-left:20px!important;
    padding-left:27px!important;
    padding-bottom:4px;
    display:block;
    
}
.didYknow p{
    padding-left:27px!important;
    /*added by Clarity */
    padding-right: 27px!important;
    /* end of Clarity Amends*/
}
.didYknow .mddle{
    background-image:url('/Style/Images/didYkn-bg.jpg');
    background-position:0 20px;
    background-repeat:repeat-y;
    
}
.didYknow .Htop{
    background-image:url('/Style/Images/whiteBG.jpg');
    background-position:0 0;
    background-repeat:no-repeat;
}
.didYknow .Hbottom{
    background-image:url('/Style/Images/whiteBG.jpg');
    background-position:0 100%;
    background-repeat:no-repeat;
}
/* History main grey content area with text and image /closed/ */
/* begin front page */
/* begin internal page */
.content-int {
    margin: 17px 0px 0px 0px;
}
.content-int .col-left-int,
.content-int .col-center-int,
.content-int .col-center-int-list,
.content-int .col-right-int,
.content-int .col-center-int-wider {
    float: left;
}
.content-int .col-left-int {
    width: 250px;
}
.content-int .col-left-int .slotLiner{
/* added by clarity */
    font-family: Arial;
/* end of added content */
margin: 0px 20px 0px 0px;
}

.content-int .col-center-int,
.content-int .col-center-int-list {
    width: 457px;
}
.content-int .col-center-int-wider {
    width: 710px;
}
.content-int .col-right-int {
    width: 230px;
    margin: 0px 0px 0px 20px;
}
* html .content-int h1{
    height: 17px;
    overflow: visible;
}
.content-int h1 {
    background: none;
    padding: 0;
    /*height: 17px;*/
    margin: 0px 0px 15px 0px;
    font-size: 2em; /* was 0.9em; */
    color: #981e32;
    overflow: hidden;
}
.content-int .col-right-int h2 {
    background: #B5D0D1;
    padding: 5px 0px 5px 10px;
    height: 17px;
    margin: 0px 0px 15px 0px;
    font-size: 1em; /*was 0.9em; */
    color: #165788;
}
.content-int h3 a {
    font-weight: normal;
    font-size: 1.2em;
}
.content-int h2, 
.content-int h3,
.content-int h4,
.content-int h5,
.content-int h6 {
    color: #8A343D;
    margin: 10px 0px 10px 0px;
}
.content-int h2 {
    font-size: 1em;
}
.content-int h3 {
    font-size: 0.95em;
}
.content-int h4 {
    font-size: 0.85em;
}
.content-int h5 {
    font-size: 0.79em;
}
.content-int h6 {
    font-size: 0.75em;
}
.content-int p {
    font-family: Arial; 
   /* font-size: 0.65em; */
    font-size: 0.8em;
    color: #434343;
    margin: 10px 0px 10px 0px; 
}
.content-int .col-center-int-list h2 {
    margin: 0px;
}
.content-int .col-center-int-list h2 a {
  /* color:#165788;
    text-decoration: none;
    font-size: 0.75em; */
    font-family: Arial;
    font-size: 1em;
    color: #8A343D;
    margin: 10px 0px 10px 0px;
    text-decoration: none;
}
/* added by Clarity */
.col-center-int-list h2  a:hover {
    text-decoration: underline;
}
/* added by Clarity */
.content-int .col-center-int-list p a {
    color: #165788;    
    text-decoration: none;
}
.content-int .col-center-int-list hr {
    background: #fff;
    border: 1px solid #eee;
    color: #fff;
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    height: 1px;
    clear: both;
}
.content-int .col-center-int-list .photo-news {
    float: left;
    margin: 5px 5px 5px 0px;
}
.content-int .col-center-int-list h2 a span {
    font-size: 0.7em;
    color: #434343;
}
.content-int ul.rss li {
    display: inline;
}
.content-int ul.rss li a {
    color: #165788;
    text-decoration: none;
    font-size: 0.65em;
    border-left: 1px solid #165788;
    padding: 0px 12px 0px 5px;
}
.content-int ul.rss li a:hover {
    text-decoration: underline;
}
.content-int ul.rss li a.rss-icon {
    background: url(/Style/Images/rssIcon.gif) no-repeat right 2px;
    border-left: none;
}
.content-int .int-img {
    float: left;
    /* changed from 0px 10px 10px 0px by Clarity */
    margin-right: 10px;
    margin-bottom: -5px !important;
}
/* commented out by clarity to remove border round images
.content-int img .int-img img {
    border: 1px solid #C8C8C8;
} */

/*left nav*/
.content-int .col-left-int ul li {
    background-color: #C8C8C8;
    list-style: none;
}
.content-int .col-left-int ul li {
    background-color: #C8C8C8;
    list-style: none;
}
.content-int .col-left-int ul li a.toplevel {
      background: #8A343D !important;
}
.content-int .col-left-int ul li a {
    color: #fff !important;
    background-color: #165788!important;
    text-decoration: none;
    border-bottom: 1px solid #C8C8C8;
    padding: 5px 0px 5px 10px;
    font-size: 0.75em;
    display: block;
/*    height: 1%;  */
    font-weight: bold;
}
.content-int .col-left-int ul li li a.notselected {
    color: #165788 !important;
    background-color: #fff !important;
    padding: 5px 0px 5px 10px;
    font-size: 0.75em;
}
.content-int .col-left-int ul li a:hover, .content-int .col-left-int ul li a.actv {
    color: #165788 !important;
    background-color: #DAE7E8 !important;
}
.content-int .col-left-int .slotLiner ul li.sublevel3 a {
    padding-left:30px;
    background:#fff url(/Style/Images/arrow.gif) 18px 6px no-repeat ;
}
.content-int .col-left-int .slotLiner ul li.sublevel3 a:hover {
    padding-left:30px;
    background:#DAE7E8 url(/Style/Images/arrow.gif) 19px 6px no-repeat ;
}
.content-int .col-left-int .slotLiner ul li.sublevel4 a {
    padding-left:50px;
    background:#fff url(/Style/Images/arrow.gif) 37px 6px no-repeat ;
}
.content-int .col-left-int .slotLiner ul li.sublevel4 a:hover {
    padding-left:50px;
    background:#DAE7E8 url(/Style/Images/arrow.gif) 38px 6px no-repeat ;
}


/* added rules for col-center-int wider by Clarity */
.content-int .col-center-int ul li, .content-int .col-center-int-wider ul li {
    font-size: 0.75em;
    color: #434343;
}
.content-int .col-center-int ul li p, .content-int .col-center-int-wider ul li p{
    font-size: 1em;
}
.content-int .col-center-int a, .content-int .col-center-int-wider a {
    color: #215F8D;
    text-decoration: none;
    /*font-size: 0.75em; - removed to fix anchor foint sizing */
}
.content-int .col-center-int a:hover, .content-int .col-center-int-wider a:hover {
    text-decoration: underline;
}
.content-int .col-center-int ul, .content-int .col-center-int-wider ul{
    margin:10px;
    /* Clarity - 2008-07-04 */
}
.content-int .col-center-int ul li, .content-int .col-center-int-wider ul li {

    list-style: url(/Style/Images/bullet_square.gif);
    margin: 0px 0px 5px 10px;
}
.content-int .col-right-int ul li {
    list-style: none;
}
.content-int .col-right-int ul li a {
    color: #215F8D;
    text-decoration: none;
    font-size: 0.75em;
}
.content-int .col-right-int ul li a:hover {
    text-decoration: underline;
}
p.downloads-links {
    margin: 0px;
}
.content-int .list-col h2 {
    color: #165788;
}
.content-int .col-center-int-wider .sub-col-right,
.content-int .col-center-int-wider .sub-col-left {
    float: left;
    width: 345px;
    margin: 0px 20px 0px 0px;
}
.content-int .col-center-int-wider .sub-col-right {
    margin: 0px;
}
.content-int .col-center-int-wider .sub-col-right ul {
    margin: 0px 0px 10px 0px;
    clear: both;
}
/* added by clarity gw */
.content-int .col-center-int-wider .sub-col-right p a,
.content-int .col-center-int-wider .sub-col-left p a {
/*    font-size:0.75em;*/
}
/* added by clarity gw */
.content-int .col-center-int-wider .sub-col-right h2 a {
    font-family: Arial;
    font-size: 1em;
    color: #8A343D;
    margin: 10px 0px 10px 0px;
}
.col-center-int-wider h2 a {
    text-decoration: none;
}
.col-center-int-wider h2 a:hover {
    text-decoration: underline;
}
/* end of added content */
.content-int .col-center-int-wider .photo-news {
    float: left;
    margin: 0px 5px 5px 0px;
}
.content-int .col-center-int-wider .photo-news img {
    border: 1px solid #eee;
}
.content-int .col-center-int-wider li {
    list-style: none;
}
.content-int .col-center-int-wider ul.groupList{
    margin-left: 20px;
    list-style: url(/Style/Images/bullet_square.gif) outside;
}
/*
.content-int .col-center-int-wider li a {
    font-size: 0.75em;
}*/
.content-int .col-center-int-wider a {
    color: #165788;
    text-decoration: none;
/*    font-size:0.75em;*/
}
.content-int .col-center-int-wider hr {
    background: none;
    line-height: 0px;
    border: 1px solid #eee;
}
.content-int .col-center-int-wider h2 {
    font-size: 1em; /* was 0.75em; */
}
.content-int .col-center-int-wider a:hover {
    text-decoration: underline;
}
/*.content-int .col-center-int-wider dl {
    font-size: 0.75em;
}*/
.content-int .col-center-int-wider dt {
    margin: 10px 0px 0px 0px;
    font-size: 0.75em;
}
.content-int .col-center-int-wider dl a {
    font-weight: bold;
}
.content-int .col-center-int-wider .head-trace {
    border-bottom: 1px solid #BDBDBD;
    padding: 0px 0px 10px 0px;
}
.content-int .col-center-int-wider h3 a {
    font-size: 0.85em;
    font-weight: bold;
}
.content-int .col-center-int-wider h2 a {
    font-size: 1em /* was 0.75em; */
}
.content-int .col-center-int-wider .boxes-games,
.content-int .col-center-int-wider .boxes-games-last,
.content-int .col-center-int-wider .boxes-games-wide {
    float: left;
    width: 154px;
    margin: 0px 26px 0px 0px;
}
.content-int .col-center-int-wider .right-boxes-games {
    float: left;
    width: 154px;
    margin: 0px 0px 0px 0px;
}
.content-int .col-center-int-wider .boxes-games-last {
    margin: 0px 0px 0px 5px;
}
.content-int .col-center-int-wider .boxes-games-wide {
    width: 325px;
    margin: 0px;
}
.education_content {
    width: 700px;
    margin: 0px;
}
.content-int .col-center-int-wider .boxes-games p img,
.content-int .col-center-int-wider .boxes-games-last p img,
.content-int .col-center-int-wider .right-boxes-games p img {
    border: 1px solid #C6C6C6;
    font-size: 1em; 
}
/* added by clarity gw */
.content-int .col-center-int-wider .boxes-games  h2 a,
.content-int .col-center-int-wider .boxes-games-last h2 a,
.content-int .col-center-int-wider .right-boxes-games h2 a {
    font-family: Arial;
    font-size: 1em;
    color: #8A343D;
    margin: 10px 0px 10px 0px;
}
.gamesLandingContent h2{
    font-size: 0.75em !important;
}
/* end of added content */
.content-int .col-center-int-wider .sep {
    border-bottom: 1px solid #C6C6C6;
    clear: both;
}
.content-int .col-center-int-wider .boxes-games .head-red {
    color: #8A343D;
}
.content-int .col-center-int-wider .boxes-games li a {
    font-size: 0.7em; 
}
.content-int .col-center-int-wider .boxes-games-wide h2 {
    color: #165788;
    font-size: 0.75em;
}
.content-int .col-center-int-wider .boxes-safety,
.content-int .col-center-int-wider .boxes-safety-last {
    float: left;
    width: 220px;
    margin: 0px 22px 0px 0px;
    color: #215f8d;
}
.boxes-safety img, .boxes-safety-last img{
    border:1px solid #c9c9c9;
}
.content-int .col-center-int-wider .boxes-safety-last {
    margin: 0px 0px 0px 4px;
}
.content-int .col-results{
    margin: 0 10px;
}
.content-int .col-results a, .content-int .searchResults a {
    color: #165788;
}
.content-int .col-results dl a, .content-int .searchResults dl a {
    text-decoration: none;
    font-size: 0.8em;
    font-weight: bold;
}

.content-int .col-results dt , .content-int .searchResults dt{
    margin: 10px 0px 0px 0px;
}
.content-int .col-results dd, .content-int .col-results dd , .content-int .searchResults dd{
    font-size: 0.8em;
}
.content-int .col-results .google-search {
    background: url(/Style/Images/googleLogo.gif) no-repeat top left;
    padding: 5px 0px 20px 110px;
}
/* added by Clarity */
/*.boxes-safety li, .boxes-safety-last li{
    list-style: none !important;
    margin-left: 0 !important;*/
/*    font-size: 0.75em; LINKSIZE*/
/*}*/
.boxes-safety h2 a{
    font-size: 1em !important;
 }
.boxes-safety-last h2 a{
    font-size: 1em !important;
 }
/* added by clarity gw */
.content-int .col-center-int-wider .boxes-safety h2 a,
.content-int .col-center-int-wider .boxes-safety-last  h2 a {
    font-family: Arial;
    font-size: 1em;
    color: #8A343D;
    margin: 10px 0px 10px 0px;
}/*
.content-int .col-center-int-wider .boxes-safety ul li a,
.content-int .col-center-int-wider .boxes-safety-last ul li a {
    font-family: Arial;
    font-size: 0.75em;
}*/
/* end of added content */

/* end of clarity additions */

/* maps */
.map-info {
    border: 1px solid #eee;
    padding: 5px;
}
#map {
    width: 100%;
    height: 300px;
    text-align: center;
}
#map div {
    text-align: center;
}
/* forms */
.content-int form input, .content-int form select {
    border: 1px solid #000;
    margin: 10px 0px 0px 0px;
    font-size: 0.8em;
    width: 200px;
}
.content-int form input.input-border-off {
    width: auto;
    border: none;
}
.content-int form input.input-border-off {
    width: auto;
    border: none;
}
.content-int form label {
    font-size: 0.8em;
}
.content-int form label.label-off {
    display: none;
}
.content-int form input.submit-button {
/*    width: auto;
    border: none;
    text-align: center;*/
    /*border: solid 1px #dcdcdc;!important;*/
    background: #d6d6ce !important;
    width: auto !important;
    text-align: center !important;
    /*font-weight: bold;*/
    margin-left: 2px;
    border: solid 1px #000;
}
html>/**/body .content-int form input.submit-button { /*firefox*/
    padding-top: 2px;
}
body:nth-of-type(1) .content-int form input.submit-button { /*opera 9.52*/
    padding: 2px !important;
}
.content-int form select.incidents-list {
    width: 150px;
    float: left;
    margin: 10px 5px 0px 0px;
}
.content-int form input.search-list {
    width: 150px;
    float: left;
    padding: 2px 2px 2px 2px !important;
}
.content-int form.request-visit input,
.content-int form.request-visit textarea,
.content-int form.request-visit label,
.content-int form.request-visit select {
    border: 1px solid #A5ACB2;
    width: 170px;
    float: left;
    margin: 10px 0px 0px 0px;
}
.content-int form.request-visit label,
.content-int form.request-visit .form-question {
    color: #8A343D;
    font-weight: bold;
    width: 150px;
    text-align: right;
    font-size: 0.7em;
    border: none;
    padding: 0px 4px 0px 0px;
    margin: 12px 10px 0px 0px;
    float: left;
}
.content-int form.request-visit label.lab-radio {
    width: auto;
    float: left;
}
.content-int form.request-visit input.inp-radio {
    float: left;
    border: none;
    margin: 15px 2px 0px 0px;
}
.content-int form.request-visit input {
    width: auto;
    float: left;
}
.content-int form.request-visit .form-question {
    font-size: 0.7em;
    clear: none;
}
.content-int form.request-visit br {
    clear: both;
}
.content-int form.request-visit input.submit-button {
    margin: 20px 0px 0px 165px;
    float: left;

}
.photo-display {
    border:1px solid #ccc;
   /* commented out by clarity to stop gap between image and border padding:3px; */
}
/* begin internal page */
.footer {
    clear: both;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #981e32;
    width: 100%;
    padding: 0px 0px 0px 0px;
    float: left;
    margin: 20px 0px 0px 0px;
}
.footer * {
    color: #fff;
}
.footer ul {
    margin: 7px 0px 0px 7px;
}
.footer ul li {
    display: inline;
    font-size: 0.7em;
}
.footer ul li a, .footer ul li span.noLink {
    border-right: 1px solid #fff;
    text-decoration: none;
    padding: 0px 7px 0px 7px;
    float: left;
}
.footer ul li a:hover {
    text-decoration: underline;
}
.footer ul li a.last-link, .footer ul li span.noLink{
    border: none;
}
.footer p {
    text-align: right;
    font-size: 0.7em;
    margin: 0px 10px 0px 0px;
}
/* Added by Clarity */
div.interactive{
    border: 1px solid #eee;
    padding: 5px;
}
 
table.meetingReports{
    width: 100%;
    border-top: solid 1px #dcdcdc;
    border-left: solid 1px #dcdcdc;
}
table.meetingReports th, table.meetingReports td{
    border-right: solid 1px #dcdcdc;
    border-bottom: solid 1px #dcdcdc;
    padding: 2px 5px;
}
table.meetingReports th{
    color: #8A343D;
}
#siteMap{
    font-size: 0.75em;
}
#siteMap ul{
    display: block;
    margin-left: 20px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    list-style-image: none !important;
}
#siteMap li{
    display: block;
    list-style: none !important;
    font-size: 1em !important;
    list-style-image: none !important;
}
#siteMap ul li{
    background: repeat-y top left url(/Style/Images/TreeStem.gif);
}
#siteMap ul li.last{
    background: no-repeat top left url(/Style/Images/TreeStem_last.gif);
}
#siteMap ul li a{
    background: no-repeat top left url(/Style/Images/TreeBranch.gif);
    padding-left: 20px;
    display: block;
}
div.homepageIntro, div.latestNews, div.latestIncidents{
/*    font-size: 1.5em; */
/* changed by clarity from 0 8 30 0 */
    margin: 0;
    padding-bottom: 10px;
}
div.statementContent{
    margin: 0 0 0 10px;
}
/* Added by clarity */
.statementContent p a {
 color: #165788;    
    text-decoration: none;
}
.directory_heading {
    background:#8a343d;
    padding:5px;
    text-align:center;
    font-size:1.4em!important;
    margin-bottom:0!important;
    margin-top:20px!important;
}
.directory_heading a {
     color:#fff!important;
     text-decoration:underline!important;
}
.directory_list {
    width:165px;
    float:left;
    /*margin-right:15px;*/
    margin: 0 15px 0 0 !important;
    background: url(/directory_line.gif) ;
}
.directory_list_last {
    width:165px;
    float:left;
    /*margin-right:0px;*/
    margin: 0 0 0 0 !important;
    background: url(/directory_line.gif) ;
}
.directory_list li, .directory_list_last li {
    background:#a7676e;
    margin-top:15px !important;
    margin-left: 0 !important;
    min-height:45px;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
}
.directory_list li a:link, .directory_list_last li a:link {
    display:block;
    padding:7px;
    color:#fff;
    text-decoration:underline;
    font-size:0.8em;
    background:#a7676e;
}
* html ul.atoz{
    overflow: visible;
    height: 1px;
}
ul.atoz{
    display: block;
    font-size: 0.85em;
    overflow: hidden;
    margin-left: -2px !important;
    margin-right: 0 !important;
}
ul.atoz li{    
    font-size: 1em !important;
    display: block;
    list-style: none;
    float: left;
    width: 1.5em;
    margin-bottom: 2px !important;
    margin-left: 2px !important;
    margin-right: 0 !important;
    border: solid 1px #dcdcdc;
}
ul.atoz a,ul.resultPages a{
    display: block;
    font-size: 1em !important;
    padding: 2px;
    text-align: center;
    background: #fff;
    color: #a7676e;
}
ul.atoz li.all{
    width: 3em;
}
ul.atoz a:hover, ul.atoz li.current a{
    color: #fff;
    background: #a7676e;
}
dd.mapPointDesc{
    font-size: 0.75em;
}
div.mapText{
    font-size: 0.75em;
    text-align: left;
}
/* Mayor logo style added by Clarity */
div.MayorLogo{
    float:right;
}
div.MayorLogoLeft{
    float:left;
}
div.FooterLinks{
    float:right;
}
/* end of added content */
/* AchieveForms CSS */
div.eformstext
{
    display: none;
}
div.renderbuttonstable span{
    font-size:0.8em;
}
label.fieldlabel{
    margin-right: 1em;
}
input.generictextinput, textarea.generictextinput{
    margin: 0 !important;
    border: solid 1px #636363 !important;
}
input.genericinput, select.genericinput{
    width: auto !important;
    border: none !important;
    margin: 0 !important;
}
select.genericinput{
    width: 200px;
    font-size: 1em !important;
}
input.genericsubmit{
    border: solid 1px #dcdcdc;!important;
    background: #A5ACB2 !important;
    width: auto !important;
    margin-right: 10px !important;
    text-align: center !important;
    font-weight: bold;
}
td.deletemessagetable input{
    font-size: 1em;
    font-weight: bold;
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-right: 10px;
}
td.fieldtitle{
    width: 150px !important;
}

/*google search styles*/
div.searchInfo{
    text-align: right;
    font-size: 0.8em;
}
dl.keyMatches dt{
    border-left: solid 1px #A5ACB2;
    border-right: solid 1px #A5ACB2;
    border-top: solid 1px #A5ACB2;
    padding: 10px 10px 0 10px;
}
dl.keyMatches dd{
    border-left: solid 1px #A5ACB2;
    border-right: solid 1px #A5ACB2;
    border-bottom: solid 1px #A5ACB2;
    padding: 0 10px 10px 10px;
    margin-bottom: 0.5em;
}
* html ul.resultPages{
    overflow: visible;
    height: 1px;
}
div.noResult ul{
    font-size: 0.8em;
    padding-left: 25px;
}
ul.resultPages{
    display: block;
    font-size: 0.85em;
    overflow: hidden;
    margin-left: -2px !important;
    margin-right: 0 !important;
    margin-top: 1em;
}
ul.resultPages li{    
    font-size: 1em !important;
    display: block;
    list-style: none;
    float: left;
    width: 1.5em;
    margin-bottom: 2px !important;
    margin-left: 2px !important;
    margin-right: 0 !important;
    border: solid 1px #dcdcdc;
}
ul.resultPages li.next, ul.resultPages li.previous{
    width: auto !important;
}
ul.resultPages a{
    display: block;
    font-size: 1em !important;
    padding: 2px;
    text-align: center;
    background: #fff;
    color: #a7676e;
}
ul.resultPages a:hover, ul.resultPages li.current a{
    color: #fff;
    background: #a7676e;
}
.content-int ol{
    font-size:0.75em;
    color: #434343;
    margin-left: 5px;
    padding-left: 20px;
}
.content-int ol li{
    list-style-type: decimal !important;
}
.content-int ol ol, .content-int ol p, .content-int ol a{
    font-size: 1em !important;
}

/* AchieveForms CSS */
div.eformstext
{
    display: none;
}
div.sectionnamerender{
    display: none;
}
div.renderdisplaytable, table.aftable, table.lookup_table, table.referencepagetable, table.outerformtablerows{
    font-size:0.8em;
}
div.renderdisplaytable *{
    margin: 0;
    padding: 0;
}
div.renderdisplaytable sup.mandatorysymbol{
    color: #ff0000;
}
div.renderdisplaytable div.warning{
    border: solid 1px #8a343d;
    background: #e9c6ca;
    margin-bottom: 5px;
    padding: 2px 5px;
}
div.renderdisplaytable h2,div.renderdisplaytable h3{
    background: #dcdcdc;
    padding: 2px 5px;
}
div.renderdisplaytable .paragraghtext{
    font-size: 1em;
}
div.renderdisplaytable h2 img, div.renderdisplaytable h3 img{
    vertical-align: middle;
}
div.renderdisplaytable table, div.renderdisplaytable label, table.aftable label, td.fieldtr span{
    font-size: 1em !important;
}
div.renderdisplaytable label.fieldlabel, div.renderdisplaytable span.fieldlabel{
    width: 200px;
    margin-right: 10px;
    display: block;
}
div.renderdisplaytable label.genericinput{
    width: auto;
}
div.renderdisplaytable tr.fieldtr td{
    padding-top: 5px;
    vertical-align: top;
}
div.renderdisplaytable td.fieldtitle{
    width: 25% !important;
}
div.renderdisplaytable td.fieldtitle span{
    font-size: 1em !important;
}
td.fieldtitle{
    padding-right: 10px;
}
div.renderdisplaytable td.fieldtr{
    width: 75%;
}
div.renderdisplaytable input, table.lookup_table input, table.referencepagetable input{
    margin: 0 0 0 0;
    font-size: 1em;
}
div.renderdisplaytable input.genericinput, table.aftable input.genericradio{
    width: auto;
    border: none;
}
div.renderdisplaytable input.generictextinput, div.renderdisplaytable textarea.generictextinput{
    border: solid 1px #000;
}    
div.renderdisplaytable input.genericsubmit, div.renderdisplaytable input.genericsubmit2, table.aftable input.genericsubmit, table.lookup_table input.genericsubmit, table.referencepagetable input.genericsubmit, td.deletemessagetable input.genericsubmit{
    width: auto;
    margin-right: 2px;
    text-align: center;
    background: #d6d6ce !important;
    font-weight: bold;
}
input.genericsubmit{
    margin-top: 20px !important;
}
table input.genericsubmit{
    margin-top: 0 !important;
}
input.genericradio{
    clear: left;
}
table.aftable tr.lookup_title_row td{
    font-weight: bold;
}
table.aftable tr.lookup_even_rows td{
    background: #dae7e8;
}
table.aftable td{
    margin: 0 !important;
}
span.hidefordom, span.helptext{
    border: solid 1px #3485b4;
    color: #3485b4;
    background: #d8e5ec;
    display: block;
    margin: 2px 5px 2px 2px;
    padding: 2px;
}

.content .col-right h3 a {
font-family: Arial, Helvetica, sans-serif;
color: #8A343D;
margin: 7px 3px 5px 0;
font-weight: bold;
}

.content .col-right h3 a:hover {
text-decoration: underline;
}

/* Form Images 
/LFB_Images/10Percent.gif
/LFB_Images/20Percent.gif
<img src="/LFB_Images/30Percent.gif"> 
/LFB_Images/33Percent.gif
<img src="/LFB_Images/40Percent.gif"> 
<img src="/LFB_Images/50Percent.gif">
/LFB_Images/60Percent.gif 
<img src="/LFB_Images/67Percent.gif">
<img src="/LFB_Images/70Percent.gif"> 
/LFB_Images/80Percent.gif
/LFB_Images/90Percent.gif
/LFB_Images/100Percent.gif 
/LFB_Images/mandatory.gif
/LFB_Images/helptext.gif 
/* start additonal code - rw 20140508 */
#menu * { /* required to remove the bulletpoint for button */
    padding:0; 
    margin: 0; 
    list-style-type:none;
    }
#menu a { /* controls link colours */
    display: block;
    text-decoration: none; 
    color: #fff;
    }
#menu a:hover { /*controls the underline of links */
    text-decoration:underline;
    }
.button { /* added this rule to make it above the submenu ~removed z index~*/
    position: relative;
    background: #981e32;
    color: #fff;
    width: 320px;
    padding-bottom:10px;
    padding-top:10px;
    padding-bottom:5px;
    }
/* redundant code 
#menu center:hover { background: #000; color:#fff;}  ~changed this rule and the next to use the center tag rather than the anchor~ */
#menu center {transition:background-color 0.2s;}
/* redundant code
#menu ul li ul li a:hover { 
    background: #000; 
    padding-left:9px;
    border-left: solid 1px #000;
    } */
    
#menu ul li ul li { /* controls the pop-up frame */
    width: 320px; 
    border: none; 
    color: #fff;  
/*    padding-left: 10px; 
    padding-right: 10px; */
    background: #981e32;
}
/* adjuts the style of the text in the pop-up frame */
#menu ul li ul li a { 
    font: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding-top: 9px;
    padding-bottom: 9px;
    width: 100%
    border: 0;
} 
/* controls box width */
#menu ul li {
    float: left; 
    width: 320px; 
    font-weight: bold;
    border: 0; 
}
#menu ul li a { 
    font-weight: bold;
    padding: 15px 10px;
    font-size: 14px;
    border: 0;
    }
    
#menu li{
    position:relative;
    float:left;
    }
    
#menu ul li ul, #menu:hover ul li ul, #menu:hover ul li:hover ul li ul{
    visibility:hidden; /* Had to change display none to visibility:hidden */
    position:absolute;
    list-style-type:none;
    width: 320px;
    left: 0;
    }
#menu:hover ul, #menu:hover ul li:hover ul, #menu:hover ul li:hover ul li:hover ul { 
    visibility:visible;} /* Same here */
/*    
#menu:hover ul li:hover ul li:hover ul { 
    position: absolute;
    margin-left: 145px;
    margin-top: -22px;
    font: 10px;
    }
#menu:hover ul li:hover ul { 
    position: absolute;
    margin-top: 1px;
    font: 10px;
} */
/* added rule */
#menu>ul>li>ul {
    bottom:-9px;
    z-index:50;
    transition: bottom 0s;
}
#menu>ul>li>ul:hover {
    z-index:60;
}
#menu>ul>li:hover>ul {
    bottom:100%;
}
 

/* style for image on homepage under fire safety tag */
.firesafetyimg {
    padding-bottom: 10px;
}
 
.inc_breaker {
    padding-bottom: 3px;
}
 
.bbutton-wide {
  display: block;
  padding: 15px 25px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #981e32;
  border: none;
  border-radius: 5px;
  box-shadow: 0 5px #999;
  margin-bottom:10px;
  width:100%
}
.bbutton-wide:active {
  background-color: #981e32;
  color: #fff;
  box-shadow: 0 2px #666;
  transform: translateY(4px);
}