.arkiva{height: 150px; padding-left: 20px; padding-top: 10px;}



.archive_year {float: left; border: 1px solid #cccccc; padding: 0px; line-height: 120%; height: 17px; text-align: center; background-color: #f5f5f5; width: 180px; margin: 0 2px}

#leftcol
{
    width: 200px;
    float: left;
    padding: 13px 15px 0 15px;
    overflow: hidden;
}
a.disabled
{
    visibility: hidden !important;
}
a.next, a.nextPage
{
    background-image: #000;
    float: left;
    clear: right;
}





#leftcol .archive {color: #999999; width: 30px; font-size: 100%; text-transform: uppercase; font-weight:bold; display: block; padding: 6px 0px 2px 12px; float: left; cursor:text}
#leftcol a.archive {color: #4a4a4a; width: 30px; font-size: 100%; text-transform: uppercase; font-weight:bold; display: block; padding: 6px 0px 2px 12px; float: left; cursor: pointer}
#leftcol a:hover.archive {color: #d00824; font-size: 100%; font-weight:bold; text-decoration:none; }
#leftcol a.pageselectedarchive  {color: #d00824; font-size: 100%; text-transform: uppercase; font-weight:bold; text-decoration:none; }
#leftcol a:hover.pageselectedarchive  {color: #000000; font-size: 100%; text-transform: uppercase; font-weight:bold; text-decoration:none;  }

#leftcol .archiveright {color: #999999; width: 30px; font-size: 100%; text-transform: uppercase; font-weight:bold; padding: 6px 0 2px 12px; float: left; cursor: text}
#leftcol a.archiveright {color: #4a4a4a; width: 30px; font-size: 100%; text-transform: uppercase; font-weight:bold;padding: 6px 0 2px 12px; float: left; cursor: pointer}
#leftcol a:hover.archiveright {color: #d00824; font-size: 100%; font-weight:bold; text-decoration:none; }
#leftcol a.pageselectedarchiveright  {color: #d00824; font-size: 100%; text-transform: uppercase; font-weight:bold; text-decoration:none; }
#leftcol a:hover.pageselectedarchiveright  {color: #000000; font-size: 100%; text-transform: uppercase; font-weight:bold; text-decoration:none;  }






    /* root element for the whole scrollable setup */div.scrollable
    {
        position: absolute;
        overflow: hidden;
        width: 255px;
        height: 260px;
        float: left;
    }
    /* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/#thumbs
    {
        position: absolute;
        width: 30000em;
        clear: both;
    }
    /* single item */#thumbs div
    {
        float: left;
        width: 253px;
        cursor: pointer;
    }
    #leftcol a.prev
    {
        display: block;
        width: 16px;
        height: 19px;
        float: left;
        margin: 1px 0 0 -18px;
        cursor: pointer;
        font-size: 1px;
        position: absolute;
        z-index: 100;
        padding: 0px;
    }
    #leftcol a.next
    {
        display: block;
        width: 16px;
        height: 19px;
        float: left;
        margin: 1px 0 0 257px;
        cursor: pointer;
        font-size: 1px;
        position: absolute;
        z-index: 100;
        padding: 0px;
        background-color: #ffffff; 
    }
    #leftcol a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover
    {
        background-position: 0px 0;
        background-color: #ffffff; 
        padding: 0px;
    }
    #leftcol a:hover.next
    {
        background-position: 0px 0;
        padding: 0px;
        background-color: #ffffff; 
    }
    /* a.disabled
    {
        visibility: hidden !important;
    }*/#leftcol a.next, a.nextPage
    {
        background-image: #000;
        float: left;
        clear: right;
        padding: 0px;
    }
    .archive_year
    {
        height: 20px;
        margin: 0 0 0 0;
        float: right;
        right: 0px;

    }
    .archive_year a
    {
        width: 7px;
        height: 7px;
        float: left;
        margin: 2px;
        background: url(http://cdn.england2018bid.com/images/ui/bullets.png) no-repeat;
        background-position: 0 -7px;
        display: block;
        font-size: 1px;
    }
    .archive_year a:hover
    {
        background: url(css/bullets.png) no-repeat;
    }
    .archive_year a.active
    {
        background: url(css/bullets.png) no-repeat;
    }