body {
    font-family: "Helvetica", Arial, sans-serif;
    margin: 0px; padding: 0px;
    background: #b3b3b3;
    height: 100%;
    }
.clear { clear: both; }


/* header links in black background */
#headerlinks {
    width: 100%; height: 20px;
    margin: 0px; padding: 5px 0px;
    float: left; display: block;
    background: #000;
    }
    #headerlinks #hdcontainer { width: 920px; margin: 0px auto; height: 20px; }
        #headerlinks #hdcontainer ul { margin: 0px; padding: 0px; list-style: none; float: right; }
        #headerlinks #hdcontainer ul li { margin: 0px; padding: 0px; display: inline; background: #000; color: #fff; font-size: 11px; }
            #headerlinks #hdcontainer ul li a { text-decoration: none; background: #000; color: #fff; margin: 0px 10px; }
            #headerlinks #hdcontainer ul li a:hover { text-decoration: underline; }


/* main central div (white) */
#su_container {
    width: 920px; height: 95%;
    margin: 0px auto; padding: 0px 20px;
    background: #fff;
    }
    
    /* main header */
    #header {
        width: 920px; height: 150px;
        float: left; clear: both;
        display: inline;
        margin: 0px; padding: 0px;
        }
        /* logo */
        #logo {
            width: 225px; height: 150px;
            float: left; display: inline;
            margin: 0px; padding: 0px;
            background: none;
            }
        /* search */
        #search {
            width: 270px; height: 45px;
            float: right; display: inline;
            margin: 20px 10px 0px 0px; padding: 0px;
            }
            #search label { float: right; font-size: 13px; margin: 6px 0px; }
            #search input { width: 145px; height: auto; border: 2px solid #000; margin: 0px; padding: 5px; float: left; background: #dcdcdc; display: inline; }
                #search input#submit { color: #444444; font-weight: bold; width: 100px; height: auto; border: none; margin: 0px; padding: 5px; float: right; background: #cbcbcb; display: inline; }
                    #search input#submit:hover { color: #e5e5e5; background: #444444; }
    /* main horizontal nav (blue buttons) */
    #navigation {
        width: 920px; height: 30px;
        margin: 10px 0px; padding: 0px;
        float: left; display: block;
        }
        #navigation ul { margin: 0px; padding: 0px; list-style: none; }
        #navigation ul li.left { text-align: left; background-color: #0080ff; width: 222px; height: 25px; padding: 5px 0px 0px 0px; display: inline; float: left; margin: 0px 10px 0px 0px; }
            #navigation ul li.left.alt { margin: 0px 5px 0px 0px; }
        #navigation ul li.right { text-align: left; background-color: #0080ff; width: 224px; height: 25px; padding: 5px 0px 0px 0px; display: inline; float: right; margin: 0px 0px 0px 5px; }
                #navigation ul li a { background: #0080ff; color: #fff; text-decoration: none; vertical-align: middle; margin: 0px 0px 0px 10px; font-size: 14px; }
                    #navigation ul li a:hover { font-weight: bold; }
                #navigation ul li img { float: right; margin: 0px 5px 0px 0px; display: inline; }






                /* ### Firefox Specific ### */
                @-moz-document url-prefix() {
    html>body #navigation ul li img { float:right; margin: -16px 5px 0px 0px; }
    }
                @-moz-document url-prefix() {
    html>body #content .column .tops .head img { vertical-align: middle; float: right; display: inline; margin: -18px 10px 0px 0px; }
    }
                @-moz-document url-prefix() {
    html>body #content #news .head h2 img, html>body #content #find .head h2 img { float: right; display: inline; margin: -18px 10px 0px 0px; }
    }
                @-moz-document url-prefix() {
    html>body #search input#hide { display: none; overflow:hidden; }
    }
                @-moz-document url-prefix() {
    html>body #content #r_navigation .head h2 img { float:right; margin: -18px 5px 0px 0px; display:inline; }
    }







        /* Right Aligned Navigation */
        #content #r_navigation {
            background: #cccccc;
            width: 225px; height: auto; min-height: 410px;
            margin: 0px 0px 0px 10px; padding: 0px;
            float: right; display: inline;
            }
            #content #r_navigation .head { width: 215px; height: 20px; float: left; background: #ffcc62; margin: 0px; padding: 5px 0px 5px 10px; overflow: hidden; }
                #content #r_navigation .head h2, #content #r_navigation .head h2 a { text-decoration:none; background: #ffcc62; color: #333; font-size: 18px; font-weight: normal; }
                #content #r_navigation .head h2 img { display: inline; margin: 0px 10px 0px 0px; padding: 0px; float: right; }
                    #content #r_navigation .content { padding: 10px; margin: 0px; }
                        #content #r_navigation .content ul { margin: 15px 0px 0px 0px; padding: 0px; list-style: none; float: left; clear: both; }
                        #content #r_navigation .content ul li { margin: 0px; padding: 0px; }
                            
                            #content #r_navigation .content ul li a { font-size: 13px; line-height: 17px; font-weight: normal; /* margin:0px 0px 10px 0px; */ float: left; clear: both; color: #444; text-decoration: none; }
                            #content #r_navigation .content ul ul { float: left; clear left; margin: -4px 0px 15px 15px; }
                                
                                #content #r_navigation .content ul ul li.selected a, #content #r_navigation .content ul li.selected a { font-weight:bold; }
                                #content #r_navigation .content ul ul li.unselected a { font-weight: normal; }
                                    #content #r_navigation .content ul li a:hover { text-decoration: underline; }

    /* main graphic */
    #main_image {
        margin: 0px 0px 10px 0px; padding: 0px;
        width: 920px; height: 250px;
        float: left; display: block; clear: both;
        }
        #main_image div { margin: 0px 0px 0px 380px; padding: 20px; height: 210px; width: 380px; }
            #main_image div img { margin: 0px 0px 10px 5px; padding: 0px; }
            #main_image div p { margin: 0px 15px; padding: 0px; font-size: 11px; line-height: 19px; }
    /* main content */
    #content {
        margin: 0px 0px 10px 0px; padding: 0px;
        width: 920px; min-height: 250px; height: auto;
        float: left; display: block; clear: both;
        }
        
        #content #main {
            width: 675px; height: auto;
            margin: 0px; padding: 0px;
            float: left; display: inline;
            }
            #content #main.thin {
                width: 445px; height: auto;
                margin: 0px 10px 0px 0px; padding: 0px;
                float: left; display: inline;
                }
            #content #main h1 { font-size: 19px; margin: 0px 0px 15px 0px; line-height: 24px; }
            #content #main p { font-size: 12px; margin: 0px 0px 15px 0px; line-height: 17px; display:block; }
                #content #main ul li { margin:0px 0px 0px -40px; padding:0px; font-size: 12px; line-height:16px; color: #444; display:block; float: left; clear: both; }
                    #content #main ul li.newslist { border-bottom: 1px dotted #999; margin-bottom:20px; padding-bottom: 10px; width: 100%; }
            #content ul li a { font-size: 13px; line-height: 17px; font-weight: normal; margin:0px 0px 10px 0px; float: left; clear: both; color: #444; display:block; }
            
            


        
        
        /* homepage news (left aligned) */
        #content #news {
            background: #ccc;
            width: 225px; height: auto; min-height: 410px;
            margin: 0px 5px 0px 0px; padding: 0px;
            float: left; display: inline;
            }
            #content #news .head { width: 215px; height: 20px; float: left; background: #b6231f; margin: 0px; padding: 5px 0px 5px 10px; overflow: hidden; }
                #content #news .head h2 { background: #b6231f; color: #fff; font-size: 18px; font-weight: normal; }
                #content #news .head h2 img { display: inline; margin: 0px 10px 0px 0px; padding: 0px; float: right; }
                    #content #news .content { padding: 0px 10px; margin: 0px; }
                        #content #news .content ul { margin: 5px 0px 0px 0px; padding: 0px; list-style: none; float: left; clear: both; }
                        #content #news .content ul li { margin: 0px 0px 5px 0px; padding: 0px; clear: both; }
                            #content #news .content ul li h3 { font-size: 13px; line-height: 16px; font-weight: normal; margin: 5px 0px 5px 0px; border-bottom: 1px solid #666; float: left;  }
                            #content #news .content ul li p { font-size: 12px; line-height: 17px; font-weight: normal; margin:0px 0px 10px 0px; clear: left; color: #333; }
                            #content #news .content ul li span a { background: #ccc; color: #000; text-decoration: none; display: block; font-weight: bold; font-size: 11px; }
                                #content #news .content ul li span a:hover { text-decoration: underline; }
        /* homepage double column */
        #content .column {
            float: left; display: inline;
            width: 220px; height: auto; min-height: 410px;
            margin: 0px 5px; padding: 0px;
            }
            /* union top blocks */
            #content .column .tops {
                width: 216px; height: 196px;
                float: left; clear: both;
                margin: 0px 0px 10px 0px; padding: 0px;
                border: 2px solid #666;
                }
                #content .column .tops .head { width: 206px; height: auto; float: left; background: #b6231f; margin: 0px; padding: 5px 0px 5px 10px; }
                    #content .column .tops .head h2 { background: #b6231f; color: #fff; display: inline; font-size: 18px; font-weight: normal; }
                    #content .column .tops .head img { vertical-align: middle; float: right; display: inline; margin: 0px 10px; }
                        #content .column .tops .content { padding: 5px 10px 5px 10px; margin: 0px; }
                            #content .column .tops .content img { padding: 0px; margin: 10px 0px 5px 0px; }
                            #content .column .tops .content p { font-size: 12px; line-height: 17px; font-weight: bold; margin:0px 0px 10px 0px; float: left; clear: both; color: #333; }
                                #content .column .tops .content p a { color: #333; text-decoration: none; }
                                    #content .column .tops .content p a:hover { color: #333; text-decoration: underline; }

            /* mailing list block (left) */
            #content .column #mailinglist {
                width: 196px; height: 91px;
                margin: 10px 0px 5px 0px; padding: 0px 10px 0px 10px;
                border: 2px solid #666;
                float: left; clear: both;
                }
                #content .column #mailinglist label { float: left; font-size: 12px; margin: 6px 0px; font-weight: bold; }
                #content .column #mailinglist input { width: 184px; height: 25px; border: 1px solid #999; margin: 0px 20px 0px 0px; padding: 0px 5px; float: left; clear: both; background: #e7e7e7; }
                #content .column #mailinglist button { width: 102px; height: 25px; border: 1px solid #dcdcdc; margin: 5px 50px 0px 49px; padding: 0px 5px; float: left; clear: both; background: #fff; }
                    #content .column #mailinglist button:hover { border: 1px solid #999; background: #fff; color: #787878; }
            /* comments block (left) */
            #content .column #comments {
                width: 216px; height: 91px;
                margin: 5px 0px 0px 0px; padding: 0px;
                border: 2px solid #666;
                float: left; clear: both;
                }
                #content .column #comments .text { float: left; display: inline; width: 110px; height: auto; margin: 5px 0px 0px 5px; }
                    #content .column #comments .text h4 { font-size: 12px; margin: 0px 0px 8px 0px; }
                    #content .column #comments .text p { font-size: 11px; line-height: 13px; }
                #content .column #comments .image { float: right; display: inline; width: 95px; height: auto; }
            /* adverts (right) */
            #content .column #adverts {
                width: 215px; height: auto;
                margin: 0px 0px 0px 1px; padding: 0px;
                }
                #content .column #adverts .advert { padding: 0px; float: left; clear: both; height: 95px; width: 215px; background: #dcdcdc; }
                    #content .column #adverts .advert.top { margin: 0px 0px 5px 0px; }
                    #content .column #adverts .advert.mid { margin: 5px 0px 5px 0px; }
                    #content .column #adverts .advert.bottom { margin: 5px 0px 0px 0px; }
        /* homepage links (right aligned) */
        #content #find {
            background: #cccccc;
            width: 225px; height: auto; min-height: 410px;
            margin: 0px; padding: 0px;
            float: right; display: inline;
            }
            #content #find .head { width: 215px; height: 20px; float: left; background: #b6231f; margin: 0px; padding: 5px 0px 5px 10px; overflow: hidden; }
                #content #find .head h2 { background: #b6231f; color: #fff; font-size: 18px; font-weight: normal; }
                #content #find .head h2 img { display: inline; margin: 0px 10px 0px 0px; padding: 0px; float: right; }
                    #content #find .content { padding: 0px 10px 10px 10px; margin: 0px; }
                        #content #find .content ul { margin: 5px 0px 0px 0px; padding: 0px; list-style: none; float: left; clear: both; }
                        #content #find .content ul li { margin: 0px; padding: 0px; float: left; clear: both; }
                            #content #find .content ul li h3, #content #find .content h3 { font-size: 15px; font-weight: normal; margin: 5px 0px 5px 0px; clear: both; }
                            #content #find .content ul li p, #content #find .content p { font-size: 12px; line-height: 17px; font-weight: normal; margin:0px 0px 20px 0px; float: left; clear: both; }
                            #content #find .content ul li p a, #content #find .content a { color: #444; text-decoration: none; display: inline; font-weight: normal; }
                                #content #find .content ul li p a:hover, #content #find .content p a:hover { text-decoration: underline; }
        
        #content #r_column {
            background: none; border: 1px solid #dcdcdc;
            width: 201px; height: auto; min-height: 390px;
            margin: 0px; padding: 10px;
            float: left; display: inline;
            }

#content #r_column .content ul { margin: 15px 0px 0px 0px; padding: 0px; float: left; clear: both; }
            #content #r_column .content ul li  { padding: 0px; margin: 0px; float: left; clear: both; list-style: disc; }
                            
                #content #r_column .content ul li a { font-size: 13px; line-height: 17px; font-weight: normal; margin:0px; padding:0px 0px 5px 0px; color: #444; float: left; clear: both; text-decoration: none;}
 
                #content #r_column .content p, #content #r_column .content p ul li a { font-size: 13px; line-height: 17px; font-weight: normal; margin:0px 0px 10px 0px; padding:0px 0px 0px 10px; float: left; clear: both; color: #444; text-decoration: none; }
                #content #r_column .content ul li a:hover, #content #r_column .content p ul li a:hover { text-decoration: underline; }

  
                
                    #content #r_column img { max-width:198px; }

    /* footer */
    #fakefoot {
        width: 500px; height: auto;
        margin: 0px; padding: 15px 0px 10px 0px;
        float: right; display: block; clear: both;
        }
        #fakefoot p.address { float: left; display:inline; font-size: 12px; color: #333; margin: 0px; padding: 0px; }
        #fakefoot p.phone { float: right; display:inline; font-size: 12px; color: #333; margin: 0px 0px 0px 20px; padding: 0px; font-weight: bold; }
    #footer {
        width: 100%; height: 100%;
        margin: 0px; padding: 5px 0px;
        background: #000;
        }
        #footer #footcontainer { width: 920px; margin: 0px auto; height: 60px; }
            #footer #footcontainer #socialfooter { margin: 0px; padding: 0px; float: left; display: inline; }
                #footer #footcontainer #socialfooter ul { margin: 0px; padding: 0px; list-style: none; }
                #footer #footcontainer #socialfooter ul li { margin: 0px; padding: 0px; display: inline; position: relative; top: -40px; z-index: 10; }
            #footer #footcontainer #footerlinks { margin: 10px 0px 0px 0px; padding: 0px; float: right; display: inline; }
                #footer #footcontainer #footerlinks ul, #footer #footcontainer #footerlinks ul li { margin: 0px; padding: 0px; display: inline; list-style: none; color: #fff; font-size: 11px; }
                    #footer #footcontainer #footerlinks ul li a { text-decoration: none; background: #000;  margin: 0px 2px; color: #fff; }
                        #footer #footcontainer #footerlinks ul li a:hover { text-decoration: underline; }


/* reddot styles */
.reddot {color:red !important; font-size:0.8em !important;}
table.reddot {border:solid 1px #000;}
td.reddot {border-top:solid 1px #000;}