@media screen {
    /************************************************************************
* Skin styles
*************************************************************************/

    /*test skin fix */
    /*
#socialmedia 
{
	width: auto !important;
	
}

#toplink 
{
	line-height: normal !important;	
	
}


div#topbanner + div
{
	overflow: hidden !important;
	clear:both;
}

*/
    /*------*/


    /*this will hide the sharepost section of ocfl since we are retiring this third party social media plugin*/
    a[href^="http://www.sharepost.com"] {
        display: none !important;
    }



    #top-print {
        display: none;
    }

    #Body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        margin: 0px;
        padding: 0px;
        height: 100%;
        text-align: center;
        background-color: #0E3252;
        /*background-image: url('images/Background.Gradient.InnerPages.png'); -- DB 11/29/18 */
        background-repeat: repeat-x;
        background-position: center top;
    }

    /* ===================== 3 Pane Styles */

    #top #breadcrumb {
        margin-right: 18px;
    }

    div#container.pane3 #left {
        padding-top: 0px;
    }

    div#container.pane3 #top .top {
        clear: both;
    }

    /* ===================== Multi Pane Styles */

    div#container.pane3 #dnn_LeftLowerPane {
        padding-left: 18px;
        float: left;
        width: 47%;
    }

    div#container.pane3 #dnn_RightLowerPane {
        padding-Right: 18px;
        float: Right;
        width: 47%;
    }


    div#container.pane3 #dnn_BottomPane {
        padding-bottom: 15px;
        clear: both;
    }

    div#container.pane3 #dnn_MidWidePane {
        padding: 0 18px;
        font-size: .9em;
    }

    #dnn_MidLeftPane,
    #dnn_MidCenterPane,
    #dnn_MidRightPane {
        float: left;
        margin-left: 18px;
    }

    #dnn_MidLeftPane,
    #dnn_MidRightPane {
        width: 203px;
    }

    #dnn_MidCenterPane {
        width: 482px;
    }


    /* ===================== Top banner */

    #topbanner {
        margin-right: auto;
        margin-left: auto;
        padding-top: 11px;
        height: 132px;
        width: 960px;
        background-color: #fff;
        background: url('images/TopBannerBackground.gif') repeat-x;
    }

    #espbtn, #engbtn {
        display: inline;
    }

    #topbanner #member {
        margin-right: auto;
        margin-left: auto;
        width: 920px;
    }

    #topbanner #logo {
        position: relative; /*Added to prevent issues with position of logo image under #top #logo img */
    }

        #topbanner #logo img {
            position: absolute;
            left: 15px;
            z-index: 999;
            float: left;
            margin-top: 35px;
            width: 207px;
        }

    #topbanner #member #toplink {
        float: right;
        font-size: 0.71em;
        text-transform: capitalize;
        color: #53718B;
        vertical-align: middle;
        height: 37px;
        line-height: 37px;
    }

    #topbanner #browse {
        display: inline-block;
        background: url('images/btnBrowseInnerDown.png') no-repeat top left;
        height: 33px;
        width: 164px;
        margin: 0 20px -11px 35px;
    }

        #topbanner #browse:hover {
            background: url('images/btnBrowseInnerUp.png') no-repeat top left;
        }

    #topbanner #member a {
        /*text-decoration: none;*/
        color: #53718B;
    }

        #topbanner #member a:hover {
            color: #f00;
            text-decoration: underline;
        }

    #topbanner #member #toplink a {
        padding: 0 2px 0 2px;
        font-weight: normal;
    }

    .MemberLogin {
        margin-left: 15px;
    }

    .hlOCAnywhere {
        margin-left: 15px;
    }

    #topbanner #topright {
        clear: both;
        float: right;
        text-align: right;
        padding: 8px 0 4px 0;
        vertical-align: middle;
    }

        #topbanner #topright #topsearch {
            float: left;
            padding: 0;
        }

    #topbanner #socialmedia {
        padding: 0 0 0 38px;
        display: inline-block;
        /*width: 164px;*/
    }

    #socialmedia img {
        vertical-align: middle;
        /*margin-right: -9px;*/
        height: 22px;
    }

    #searchbox {
        text-align: left;
        margin-right: 0;
        height: 35px;
        line-height: 35px;
        vertical-align: middle;
    }

    .searchfield {
        height: 24px;
        padding: 0 5px 0 5px;
        font-size: 0.875em;
        color: black;
        display: inline;
        margin-right: 0;
        width: 210px;
        vertical-align: middle;
        background-color: white;
    }

    .searchlbl {
        /*color: #53718B;*/
        vertical-align: middle;
        font-size: 1.125em;
        font-style: italic;
        height: 35px;
        font-family: Times New Roman;
    }

    #goImg {
        vertical-align: middle;
        line-height: 35px;
    }

    #topbanner #topright #AtoZ {
        padding-right: 18px;
        margin: 0px;
        vertical-align: top;
        float: left;
    }

    #topbanner #topchannels {
        clear: both;
        float: right;
        width: 730px; /* This setting is needed for IE*/
        margin-bottom: 0px;
        padding: 10px 20px 0 0;
        text-align: right;
        /*margin-top:1px;*/
        margin-top: -3px;
        position: relative;
        top: 0px;
        /*IE 8 compatible, IE7 standard mode will cause problem in 1, 2, 3 pane where the shapost is in front of everything if this is not in it*/
        z-index: 10;
    }

    ul.megamenu { /* Overwrites expanding menu style for inner pages so that it matches the home page */
        font-family: Times New Roman;
        *bottom: -1px !important;
    }

    /* ===================== Google Appliance tabs */

    #hTab {
        width: 98px;
        *margin-left: 0px !important;
        background: url('/Portals/_default/Skins/OC_FLSites/Menu/css/Home.png') top left no-repeat;
        display: inline-block;
        height: 34px;
        *margin-left: 4px;
    }

        #hTab:hover {
            background-position: top right;
        }

    #rTab {
        width: 109px;
        background: url('/Portals/_default/Skins/OC_FLSites/Menu/css/Residents.png') top left no-repeat;
        display: inline-block;
        height: 34px;
        *margin-left: 4px;
    }

        #rTab:hover {
            background-position: top right;
        }

    #vTab {
        width: 91px;
        background: url('/Portals/_default/Skins/OC_FLSites/Menu/css/Visitors.png') top left no-repeat;
        display: inline-block;
        height: 34px;
        *margin-left: 4px;
    }

        #vTab:hover {
            background-position: top right;
        }

    #bTab {
        width: 114px;
        background: url('/Portals/_default/Skins/OC_FLSites/Menu/css/Businesses.png') top left no-repeat;
        display: inline-block;
        height: 34px;
        *margin-left: 4px;
    }

        #bTab:hover {
            background-position: top right;
        }

    #eTab {
        width: 137px;
        background: url('/Portals/_default/Skins/OC_FLSites/Menu/css/Employees.png') top left no-repeat;
        display: inline-block;
        height: 34px;
        *margin-left: 4px;
    }

        #eTab:hover {
            background-position: top right;
        }

    #aTab {
        width: 124px;
        background: url('/Portals/_default/Skins/OC_FLSites/Menu/css/AboutUs.png') top left no-repeat;
        display: inline-block;
        height: 34px;
        *margin-left: 4px;
    }

        #aTab:hover {
            background-position: top right;
        }


    /* ===================== Content area */
    #container {
        background-color: #FFF;
        text-align: left;
        width: 960px;
        max-width: 960px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0;
        min-height: 800px;
        padding-top: 10px;
        color: #333;
        z-index: -1; /* Included so that expanding menus get displayed */
        /*overflow: hidden;*/
    }

        /* Links */
        #container a:link, #footerwrap a:link {
            color: #2F2FB9;
            /*text-decoration: none;*/
        }

        #container a:visited, #footerwrap a:visited {
            color: #8a4d8a;
            text-decoration: none;
        }

        #container a:hover, #footerwrap a:hover {
            text-decoration: underline;
        }

        /* Page Title */
        #container h1 {
            font-size: 2.2em;
            line-height: 1.0em;
            font-family: Arial,Helvetica,sans-serif;
            padding: 0px;
            margin: 0 0 10px -2px;
        }

        /* Content Headlines */
        #container h2 {
            font-size: .95em;
            font-weight: bold;
            text-transform: uppercase;
            vertical-align: top;
            color: #000000;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        /* Menu Headlines */
        #container h3 {
            font-weight: bold;
            margin: 0 0 17px 0;
            text-transform: uppercase;
            color: #000000;
            font-size: 1em;
        }

        /* Contact */
        #container h4 {
            font-size: .95em;
            font-weight: bold;
            text-transform: uppercase;
            vertical-align: top;
            color: #000000;
            /*margin-top: 0;*/
            margin-top: 0.75em;
        }

        #container a img {
            border: 0;
        }


        /* ===================== Left Pane */

        #container #left {
            float: left;
            display: block;
            vertical-align: top;
            font-size: 0.9em;
            margin-left: 18px;
            max-width: 203px;
            padding-top: 34px;
        }

            /* The following section needs to be altered as containers are added */
            #container #left .section,
            #container #left .menu,
            #container #left .sectionnh,
            #container #left .sectionhpb {
                width: 203px;
            }

    /* ===================== Right area: Breadcrumbs, Share Widgets, and Content Pane */
    #rightarea {
        float: left;
        vertical-align: top;
        width: 739px;
        max-width: 739px;
        overflow: visible;
    }

    #breadcrumb {
        font-size: 1.0em;
    }

    a#dnn_bc_hypParent.SkinObject {
        font-size: 0.9em;
    }

    a#dnn_bc_hypCurrent.SkinObject {
        font-size: 0.9em;
    }


    #rightarea #breadcrumb {
        width: 695px;
        margin-left: 26px;
        margin-right: 18px;
    }

    #contentarea #breadcrumb {
        width: 924px;
        margin-left: 18px;
        margin-right: 18px;
    }

    #breadcrumbtext {
        text-align: right;
        padding-bottom: 10px;
        padding-right: 5px;
        padding-top: 5px;
        display: inline-block;
        float: right;
        overflow: hidden;
        width: 100%;
    }

        #breadcrumbtext a {
            color: #2f2fe5 !important;
            text-decoration: underline !important;
            font-weight: bold !important;
        }

    #facebook {
        display: inline;
        float: left;
        margin-left: 5px;
    }

    /* So the mega-menu will cover the facebook widget */
    #facebook {
        position: relative !important;
        z-index: 2 !important;
    }

    #sharepost {
        float: right;
        padding-bottom: 5px;
        overflow-x: hidden; /*to hide horizontal scroll bars for inner page from outside the network for inner pages for all browsers*/
        *position: relative;
    }

    #container #content {
        float: left;
        display: inline;
        font-size: 0.9em;
        vertical-align: top;
        max-width: 695px;
        margin-left: 26px;
        margin-right: 18px;
    }

        #container #content .section,
        #container #content .menu,
        #container #content .sectionnh,
        #container #content .sectionhpb {
            width: 695px;
        }

    /* ===================== p1content is used in the 1Pane skin */
    #container #p1content {
        max-width: 924px;
        /*float: left;*/
        display: block;
        font-size: 0.9em;
        vertical-align: top;
        margin-left: 18px;
        padding-bottom: 15px;
    }

        /* The following section needs to be altered as containers are added */
        #container #p1content .section,
        #container #p1content .menu,
        #container #p1content .sectionnh,
        #container #p1content .sectionhpb {
            width: 924px;
        }






    /* Homepage slider popups */

    [id*="_popup"] .left,
    [id*="_popup"] .right {
        float: none;
    }

    /* GSA Blue Separater Bar */
    [bgColor$="3366cc"] img {
        display: none;
    }

    /* ===================== Footer */
    #footerwrap {
        width: 924px;
        max-width: 924px;
        clear: both;
        font-size: .7em;
        margin: 0 auto;
        background-repeat: no-repeat;
        font-family: Arial,Halvetica,sans-serif;
        padding: 40px 18px 25px 18px;
        background-color: #CCC;
        margin-top: -1px;
    }

    .footerCol {
        float: left;
        width: 20%;
        margin: 0 0 10px 38px !important;
        padding: 0;
    }

        .footerCol li {
            list-style-type: none;
            font-size: 12px !important;
            margin-bottom: 10px;
        }

    #footerSocial {
        font-size: 17px;
        margin: -55px 0 25px 40px;
        position: relative;
        z-index: 5;
    }

        #footerSocial img {
            vertical-align: middle;
        }

    .footerCol a {
        color: #2F2FE5 !important;
    }

    #footerBot {
        clear: both;
        width: 100%;
    }

    #i-link, #p-link, #v-link {
        display: block;
        height: 0;
        width: 0;
        font-size: 0;
    }

    /*copyright adjustment, width might not be needed */
    #copyright {
        width: 450px;
    }

    #links {
        float: right;
        text-align: right;
        width: 460px;
    }


    .footercol {
        display: inline-block;
        vertical-align: text-top;
        width: 26%;
        /*  width: 240px;*/
        padding: 0;
        margin: 0;
        text-align: left;
    }

    #footerright {
        width: 20%;
        /*   width: 204px;*/
        text-align: right;
        float: right;
    }

        #footerright span {
            font-size: 1.3em;
            font-weight: bold;
        }

        #footerright img {
            vertical-align: middle;
        }

    #footerlogo {
        margin-top: 35px;
    }

    #footerwrap ul {
        padding: 0;
        margin: 0 0 15px 0;
    }

    #footerwrap li {
        list-style-type: none;
        font-size: 1.2em;
        margin-top: 5px;
    }

    #footerwrap h5 {
        margin: 0;
        font-weight: bold;
        font-size: 1.4em;
        margin-bottom: 10px;
    }

    #footerbottom {
        width: 920px;
        text-align: left;
        color: #000;
        font-size: 1.1em;
    }

        #footerbottom SPAN A {
            color: #000;
            text-decoration: none;
        }

            #footerbottom SPAN A:hover {
                text-decoration: underline;
            }

        #footerbottom span {
            float: right;
        }

    /************************************************************************
* Utility classes 
*************************************************************************/
    .orange {
        color: #de9904 !important;
        font-weight: bold;
    }

    .glossary {
        color: Red;
    }

        .glossary:hover {
            text-decoration: none !important;
        }

    /************************************************************************
* Community Alert class used in Text Highlighter  
*************************************************************************/
    .thcalert {
        color: #f0a137;
        text-transform: uppercase;
        text-decoration: underline;
        font-weight: bold;
    }

        .thcalert:after {
            content: "...";
        }

    /************************************************************************
* By Topic styles. Template: 
*************************************************************************/
    .topicdetail {
        color: #4a547f;
        font-size: 0.85em;
    }

    .bytopic {
        margin-top: 10px;
        display: inline-block;
        vertical-align: text-top;
        color: #4A547F;
        font-size: .85em;
    }

        .bytopic a {
            color: #993A00 !important;
            /* color: #de9904 !important; */
            font-weight: bold !important;
            border-bottom: 1px solid #2f2fe5;
            font-size: 1.2em;
        }

            .bytopic a:hover {
                color: #2f2fe5 !important;
                text-decoration: none !important;
            }

    .bytopiccol {
        display: inline-block;
        vertical-align: text-top;
    }

    .bytopiclist li {
        text-indent: -5px;
        margin-left: 5px;
    }

    .bytopiclist {
        display: inline-block;
        vertical-align: text-top;
    }

        .bytopiclist span {
            font-size: 1.2em;
            display: block;
            margin-top: 15px;
        }

            .bytopiclist span:first-child {
                margin-top: 0px;
            }

        .bytopiclist a {
            color: #2F2FE5 !important;
        }

        .bytopiclist ul {
            margin: 0 0 0 7px;
            padding: 0;
        }

            .bytopiclist ul ul {
                margin-left: 20px;
            }

            .bytopiclist ul li {
                list-style-type: none;
            }

    #contentarea .bytopiccol:first-child {
        margin-left: 67px;
    }

    /************************************************************************
* Content in detailed pages. Template: 
*************************************************************************/
    .detailrow {
        padding-bottom: 5px;
        width: 100%;
        margin: 15px 0 -15px 0;
    }

        .detailrow p {
            margin: 10px 0 15px 0;
        }

        .detailrow .subtitle {
            display: inline-block;
            vertical-align: top;
            width: 30%;
        }

        .detailrow span {
            display: inline-block;
            vertical-align: top;
            width: 69%;
        }

        .detailrow .contact:first-line {
            font-weight: bold;
            color: #000000;
        }

        .detailrow ul, #detailrow ol {
            /*align bullet items correctly*/
            margin-top: 10px;
        }

            .detailrow ul ul, #detailrow ul ol, #detailrow ol ol, .detailrow ol ul {
                margin-bottom: 0;
            }

        .detailrow li {
            margin-bottom: 7px;
        }

        .detailrow:first-child {
            margin-top: 0px;
        }

    /* align flash player on detail page */
    iframe[src^="http://interaspdev/flash"] {
        /*margin-top: -5px;*/
    }

    /************************************************************************
* OC News styles. Template:
*************************************************************************/
    #wrap {
        max-width: 695px;
        border: 1px solid black;
        margin: 0 auto;
        padding: 10px;
        font-family: Times New Roman;
        line-height: normal;
        overflow: hidden;
    }

    #title {
        font-size: 2em;
        clear: both;
    }

    #picwrap {
        text-align: center;
        max-width: 65%;
        float: right;
        margin: 20px 0px 10px 10px;
    }

    .newspicture {
        max-width: 424px;
    }

    #caption {
        font-style: italic;
        text-align: justify;
        font-size: .9em;
    }

    #subtitle {
        font-weight: bold;
    }

    #date {
        color: gray;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 5px;
        float: left;
    }

    #contact {
        float: right;
        color: gray;
        font-size: .95em;
    }

    #newscontent {
        text-align: justify;
        font-size: 1.1em;
    }

    #related {
        float: right;
        margin: 10px 0px 10px 10px;
        text-align: left;
        clear: both;
        width: 25%;
    }

    .relatedtitle {
        border-top: gray 1px solid;
        font-weight: bold;
        font-size: 1.2em;
        border-bottom: gray 1px solid;
        text-align: center;
    }

    .relateditem {
        margin-left: 5px;
    }

    /************************************************************************
* Big Banner styles (Landing pages). Template:
*************************************************************************/
    .bigbannerwrap {
        padding: 0px;
        margin: 0px;
        vertical-align: top;
        width: 695px;
        background-repeat: no-repeat;
        height: 230px;
        text-align: left;
        border: white 0px solid;
    }

        .bigbannerwrap div {
            margin-left: 33%;
            font-family: Arial,Helvetica,sans-serif;
            color: #035594;
            font-size: 1.2em;
            font-weight: bold;
        }

    /************************************************************************
* Small Banner styles (Detailed pages). Template:
*************************************************************************/
    .smallbannerwrap {
        margin: 0px;
        vertical-align: top;
        width: 695px;
        padding: 0px;
        background-repeat: no-repeat !important;
        font-family: times new roman;
        height: 129px;
        border: white 0px solid;
    }

        .smallbannerwrap div,
        .smallbannerwrap div h1 {
            margin-left: 30%;
            font-family: Arial,Helvetica,sans-serif;
            color: #035594;
            font-size: 1.2em;
            font-weight: bold;
        }

    /************************************************************************
* Wide Banner styles (Used in 1Pane skin). Template:
*************************************************************************/
    .widebannerwrap {
        margin: 0px;
        vertical-align: top;
        width: 924px;
        padding: 0px;
        background-repeat: no-repeat !important;
        font-family: times new roman;
        height: 129px;
        border: white 0px solid;
    }

        .widebannerwrap div,
        .widebannerwrap div h1 {
            margin-left: 25%;
            font-family: Arial,Helvetica,sans-serif;
            color: #035594;
            font-size: 1.2em;
            font-weight: bold;
        }

    /************************************************************************
* OrangeStats styles
*************************************************************************/
    .statsdropdown {
        width: 165px !important;
    }

    /************************************************************************
* New menu styles. Template: 
*************************************************************************/
    .menuwrap {
        background-image: url("/portals/0/library/Template Images/leftmenubg.jpg");
    }

    .menutop {
        background: url("/portals/0/library/Template Images/leftmenuwhitetop.png") no-repeat left top;
        width: 100%;
        height: 16px;
    }

    .menucontent {
        border-right: #fbd596 1px solid;
        border-left: #fbd596 1px solid;
        padding: 20px 12px 0 7px;
    }

        .menucontent p {
            font-size: .85em;
            line-height: 1.3em;
            margin: 0 0 0 10px;
            padding: 0 0 20px 0;
        }

        .menucontent ul {
            padding: 0px;
            margin: 0 0 0 10px;
        }

        .menucontent li {
            padding-bottom: 20px;
            line-height: 1.1em;
            list-style-type: none;
        }

            .menucontent li ul {
                margin-left: 17px;
            }

            .menucontent li li {
                padding: 0 0 0 0;
                list-style-type: square;
                font-size: .9em;
            }

    .menubottom {
        background: url("/portals/0/library/Template Images/leftmenuwhitebottom.png") no-repeat left bottom;
        width: 100%;
        height: 16px;
    }

    /************************************************************************
* Icon Menu
*************************************************************************/
    .iconsmenu {
        margin-left: 13px;
    }

        .iconsmenu td {
            padding: 10px 0;
        }

        .iconsmenu .menuicon {
            padding: 3px 5px 0 0;
        }

    /************************************************************************
* Return to Parent button
*************************************************************************/
    .toparent {
        display: inline-block;
        height: 25px;
        border: 1px solid #7c93a5;
        background: url(/portals/0/library/template%20images/backbuttonbg.jpg) no-repeat scroll 0% 0% transparent;
        padding: 0 10px 0 35px;
        font-size: 1.2em;
        line-height: 1.5em;
        color: #035594 !important;
        font-weight: bold;
    }


    /************************************************************************
* Grid Content
*************************************************************************/


    .gridOverview {
        margin: 0 40px;
    }

    #container .gridOverview h2 {
        font-size: 1.5em;
        margin-bottom: 15px;
        text-transform: capitalize;
    }

    #gridOverview p {
        line-height: 200%;
    }

    .gridContentWrap {
        margin: 25px 0;
    }

    #container .gridContentWrap h2 {
        font-size: 1.5em;
        margin-bottom: 20px;
        margin-left: 40px;
        text-transform: capitalize;
    }

    .gridContentWrap ul li {
        margin: 7px 0;
        display: inline-block;
        width: 24%;
    }

    #container .gridContentWrap ul li a {
        display: inline-block;
        width: 194px;
        padding: 15px 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #333333;
        text-decoration: none;
        text-align: center;
        font-size: 16px;
    }

        #container .gridContentWrap ul li a:hover {
            text-decoration: none;
        }

    #container .gridContentWrap .gridBlue li a {
        background: #cde6f5;
    }

        #container .gridContentWrap .gridBlue li a:hover {
            background: #dfdfdf;
        }

    #gridContactWrap {
        margin: 0 40px;
    }

    #gridContactCol1 {
        width: 25%;
        vertical-align: top;
        display: inline-block;
    }

    #gridContactCol2 {
        width: 74%;
        vertical-align: top;
        display: inline-block;
    }
}

@media print {
    a {
        color: #000000 !important
    }

        a.link {
            color: #000000 !important
        }

    #top-print {
        width: 100%;
        text-align: center;
    }

    #topbanner {
        display: none;
    }

    #breadcrumb {
        display: none;
    }

    #container #left {
        float: left;
        max-width: 23%;
        width: 23%;
        overflow: hidden;
    }

    #container #rightarea {
        float: right;
        max-width: 75%;
        width: 75%;
        overflow: hidden;
    }

    #tabid {
        display: none;
    }

    #footerwrap {
        clear: both;
    }

        #footerwrap #footerright {
            display: none;
        }

        #footerwrap #footerbottom {
            display: none;
        }

    .footercol {
        display: none;
    }

    .ControlPanel {
        display: none;
    }

    /************************************************************************
* By Topic styles. Template: 
*************************************************************************/
    .topicdetail {
        color: #4a547f;
        font-size: 0.85em;
    }

    .bytopic {
        margin-top: 10px;
        display: inline-block;
        vertical-align: text-top;
        font-size: .85em;
    }

        .bytopic a {
            font-weight: bold !important;
            border-bottom: 1px solid;
            font-size: 1.2em;
        }

            .bytopic a:hover {
                text-decoration: none !important;
            }

    .bytopiccol {
        display: inline-block;
    }

    .bytopiclist {
        display: inline-block;
        vertical-align: text-top;
    }

        .bytopiclist span {
            font-size: 1.2em;
            display: block;
            margin-top: 15px;
        }

            .bytopiclist span:first-child {
                margin-top: 0px;
            }

        .bytopiclist ul {
            margin: 0 0 0 7px;
            padding: 0;
        }

            .bytopiclist ul ul {
                margin-left: 20px;
            }

            .bytopiclist ul li {
                list-style-type: none;
            }

    #contentarea .bytopiccol:first-child {
        margin-left: 67px;
    }

    /************************************************************************
* Content in detailed pages. Template: 
*************************************************************************/
    .detailrow {
        padding-bottom: 5px;
        width: 100%;
        margin: 15px 0 -15px 0;
    }

        .detailrow p {
            margin: 0 0 15px 0;
        }

        .detailrow .subtitle {
            display: inline-block;
            vertical-align: top;
            width: 30%;
        }

        .detailrow span {
            display: inline-block;
            vertical-align: top;
            width: 69%;
        }

        .detailrow .contact:first-line {
            font-weight: bold;
            color: #000000;
        }

        .detailrow ul, #detailrow ol {
            margin-top: 0;
            margin-bottom: 15px;
        }

            .detailrow ul ul, #detailrow ul ol, #detailrow ol ol, .detailrow ol ul {
                margin-bottom: 0;
            }

        .detailrow li {
            margin-bottom: 7px;
        }

        .detailrow:first-child {
            margin-top: 0px;
        }

    /************************************************************************
* OrangeStats styles
*************************************************************************/
    .statsdropdown {
        width: 165px !important;
    }
}