/* Let ie7 use the better image scaling
   - This is unsupported in IE versions before 7.
   - it uses a better image scaling algorithm
   - results in less 'pixelated' images when they are forced
     to a different size. */
img
{
    -ms-interpolation-mode: bicubic;
}
/* Font Rendering Stuff Specific to Foleys */
body
{
    /*   font-size: 77%; /* 77%,85%,93%,100% = 10pt, 11pt, 12pt, 13pt */
    font-size: 77%;
    color: #313133; /* 626366 OR 313133 474750*/
    font-family: Trebuchet MS;
    font-weight: normal;
    text-shadow: black 0px 0px 0px; /* safari only I believe should debolden fonts alittle */
}
#content
{
    text-align: justify;
    line-height: 180%;
    padding: 0px 15px 5px 50px;
    margin: 10px 0px 10px 0px;
}
/* hyperlink format is not restricted to the #content pane */
#content a, #content a:visited, a, a:visited
{
    font-weight: bold;
    color: #313133; /* text-decoration: none; */
    font-variant: small-caps;
}
#content a:hover, a:hover
{
    color: Black;
    text-decoration: underline;
}
#content p
{
    line-height: 180%;
}
#content .close /* instead of p.close */
{
    line-height: 120%;
}
#content .withbottommargin /* intended for use with Paragraphs that need spacign below them */
{
    margin-bottom: 0.8em;
}
#content .clearboth
{
    clear: both;
    margin-top: 1em;
}
#content ul.close, ul.close li
{
    padding: 0;
    margin: 0;
    margin-left: 1em;
    list-style-type: none;
}

#content .indent
{
    margin-left: 2em;
}
/* the links at the bottom of the home-page. */
#content .linksbar
{
    /* margin-top: 10px; */
    display: block;
    clear: both;
    text-align: center;
    width: 95%;
    border-top: solid 1px black; /* 313133 */
}
#content .linksbar_heading
{
    float: left;
    font-weight: bold;
    font-size: 105%;
    margin: 0 1em 0 2em;
}
#content .linksbar_links
{
    float: left;
    text-align: center;
    margin: 0 2em 0 1em;
}

ul li
{
    margin-left: 20px;
    padding-left: 5px;
    list-style-position: outside;
    list-style-type: circle;
    margin-bottom: 0.7em;
}

h1
{
    /* text-indent: -15px; /* why indent! */
    font-weight: bold;
    font-size: 200%;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: visible;
}
h2
{
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 130%;
}
h3
{
    margin-top: 5px;
    font-weight: bold;
    font-size: 105%;
}
/* News Article Styles */
.newsitem
{
    margin-bottom: 15px;
}
.newsitem span.date
{
    font-size: 90%;
    font-style: italic;
    font-weight: normal;
}
.newsitem hr
{
    margin: 0;
}
/* Navigation menu */
dl#navigation
{
    width: 130px;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-right: 0.4em; /*      margin-top: 5px;     margin-bottom: 5px;     padding-top: 5px;     padding-bottom: 5px;     text-align: right;     border-right: solid 1px black;     padding-right: 5px;     */
}
div#sidenav dl#navigation
{
    text-align: right;
    width: auto;
    border-right: solid 1px black;
}

dl#navigation a
{
    line-height: 2.5em;
    padding-right: 0.8em; /* 10px */
    display: block;
    color: #313133;
    font-weight: normal;
    text-decoration: none;
    background-color: White;
    background-position: right center;
    background-repeat: no-repeat;
}
dl#navigation a:hover
{
    color: Black;
    background-image: url('../images/PageMarkerHover.png' );
}
dl#navigation a.selected, dl#navigation a.selected:hover
{
    color: Black;
    font-weight: bold;
    background-image: url('../images/PageMarker.png' );
}
dd#subnav
{
    margin: 0;
    padding: 0;
}
dd#subnav dl#navigation
{
    -moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
    text-align: left;
    position: relative;
    top: -.7em;
    margin-bottom: -.7em;
    width: 9.8em;
    padding: 0.4em;
    border: solid 1px black;
    color: Black;
    background-color: White;
    background-position: right center;
    background-repeat: no-repeat;
}
div#sidenav dd#subnav dl#navigation
{    left: 4.5em;

}
dd#subnav dl dd a
{
    margin: 0;
    padding: 0;
    line-height: normal;
    font-variant: normal;
    font-weight: normal;
}
dd#subnav dl dd a.selected, dd#subnav dl dd a.selected:hover
{
    text-decoration: underline;
}
/* Top Sub-Navigation entries */
.subnavigation
{
    width: 100%;
    margin: 0;
    margin-left: -0.5em;
    padding: 0.5em;
    text-align: left;
}
.largefont
{
    font-size: 1.2em;
    font-weight: normal;
}
.bordertop
{
    border-top: solid 1px black;
    padding-bottom: 0;
    padding-top: 0;
}
.borderbottom
{
    border-bottom: solid 1px black;
    padding-top: 0;
}
.subnavigation a.selected, .subnavigation a.selected:hover, .subnavigation a.selected:visited
{
    color: Black;
    font-weight: bold;
    text-decoration: none;
}
ol li
{
    margin-left: 5em;
    padding-left: 0.1em;
    list-style-position: outside;
    list-style-type: lower-roman;
}

/* Background Images */
#hd div, #hd img, #hd
{
    margin: 0;
    padding: 0;
    display: block;
}
#ft div, #ft img, #ft, #ft a
{
    margin: 0;
    padding: 0;
    display: block;
    font-family: Sans-Serif;
    text-align: right;
    text-decoration: none;
    font-weight: normal;
    font-variant: normal;
    color: #a2a3a6;
}
#ft a
{
    font-size: 90%;
    display: inline;
}

#hd .backgroundMain
{
    /* height: 160px;     width: 760px; */
    height: 13em;
    width: 61.7em;
}
#hd .backgroundSub
{
    height: 4.875em;
    width: 61.7em;
}
#ft .background
{
    height: 4.875em;
    width: 61.7em;
}
#ft a:hover
{
    color: #313133;
}
/* Barristers Search Controls */
.searchinput
{
    /* the textbox for the barristers name-search */
    width: 21.8em; /* 250px */
    margin: 0 0 0 0.7em;
}
/* Barrister Search Related */
.gap1
{
    font-size: 20%;
    line-height: 0.2em;
    display: block;
}
.gap2
{
    font-size: 50%;
    line-height: 0.5em;
    display: block;
}
.gap3
{
    font-size: 90%;
    line-height: 0.9em;
    display: block;
}
.hide
{
    visibility: hidden;
    display: none;
}
ul.searchresults
{
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
}
ul.searchresults li
{
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 0.2em;
    width: 33%;
}
ul.searchresults li a
{
    padding: 0;
    margin: 0;
    display: block;
    width: 33%; /* 160px */
    white-space: nowrap;
    text-decoration: none;
}

/* Ideally make it look like a sort of .. dropdown list'y. */
#selectareabuttoncontainer
{
    background: #aaaaaa;
    border: solid 1px black;
    border-left-color: #aaaaaa;
    border-top-color: #aaaaaa;
    padding: 0;
    margin: 0 0 0 0.7em;
}
#selectareabuttoncontainer .selectareabutton, #selectareabuttoncontainer .selectareabutton:link
{
    display: block;
    width: 21.8em; /* 250px */
    padding: 0 0.7em 0 0.3em;
    line-height: 1.3em;
    border: solid 1px #999999;
    border-left-color: #dddddd;
    border-top-color: #dddddd;
    background-color: white;
    background-image: url('../images/DropDown.png' );
    background-position: right;
    background-repeat: no-repeat;
}
#selectareabuttoncontainer .selectareabutton:hover
{
    border: solid 1px #ffff55;
    background-color: #ffffdd; /* background-image: url('../images/DropDown_Hover.png' ); */
}

/* Practice Area Selector */
.AreasPanel
{
    margin: 0;
    padding: 0;
    font-size: 1em;
    background-color: white;
    border-style: solid;
    border-width: 1px; /* border-top-width: 20px; */
    border-color: #8CC342;
    overflow: hidden;
    width: 61.55em;
}
.AreasColumn
{
    float: left;
    border-style: none;
    padding: 0 0 0 1em;
    width: 31%;
}
.AreasGroupHead
{
    display: block;
    text-align: left;
    text-indent: 0.5em;
    font-size: 110%;
    color: black;
    margin-left: -0.5em;
    margin-top: 0.5em;
    margin-bottom: -0.0em;
    line-height: 150%;
    font-weight: bold;
    width: 100%;
    border-bottom: solid 2px #8CC342; /*   background-color: #8CC342;*/
}
.AreaLink
{
    font-size: 1em;
    line-height: 1.6em;
    display: block;
    text-decoration: none;
    width: 95%;
    height: 1.5em;
    white-space: nowrap;
    color: #313133;
    font-weight: bold;
}

.AreaLink:hover
{
    color: Black;
    text-decoration: underline;
}


/* weather box styles */
.rightbox
{
    float: right;
    padding: 0 0.5em 0 0.5em;
    margin: 0 0 1em 1em;
    width: 17em; /* 210px */
    border-left: solid 1px black;
}
.cc_heading, .fc_heading
{
    font-size: 120%;
    font-weight: bold;
    clear: both;
}
.cc_img
{
    float: left;
}
.cc_img
{
    height: 40px;
    width: 40px;
    padding: 1px;
    margin: 2px 5px 5px 0;
    border: solid 1px black;
}
.cc_temp
{
    font-size: 140%;
    font-weight: bold;
    display: inline; /* float: left; */
}
.cc_expected
{
    float: left;
    font-weight: bold;
}
.cc_info, cc_temp
{
    display: block;
}
.cc_section, .fc_section
{
    margin: 3px;
    display: block;
    clear: both;
}
.fc_day
{
    text-align: center;
    vertical-align: middle;
    float: left;
    width: 65px;
}
.weather_droplist
{
    margin: 3px;
    display: block;
    clear: both;
}
strong
{
    font-weight: bold;
}
em
{
    font-style: italic;
}