/* CSS Document */
body
{
    margin: 0px 0px 40px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
}

a:link, a:visited
{
    text-decoration: none;
    color: #000099;
    font-size: 12px;
}

a:hover, a:active
{
    text-decoration: underline;
}

.subhead a
{
    font-size: 14px;
}

p
{
    visible: false;
    font-size: 12px;
    margin: 5px 0 10px 0;
    line-height: 18px;
}

h1
{
    font-size: 24px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 8px 0;
}

h2
{
    margin: 8px 0 0 0;
    padding: 0 0 4px 0;
    font-size: 24px;
    color: #993300;
    font-weight: normal;
    font-family: Times New Roman, Times, serif;
}

h3
{
    caption: Paragraph Head;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

td
{
    vertical-align: top;
}

/* main CSS
-----------------------------------------------------------------------------*/
#wrapper
{
    width: 750px;
    position: relative;
    margin: 0 auto;
    text-align: left;
    background: #FFF url(images/body_bg.gif) 0 0 repeat-y;
    margin-top: 9px;
}

#header
{
    background: url(images/header_top_bg.jpg) 0 0 no-repeat;
    height: 55px;
}

#search
{
    text-align: right;
    padding: 12px 12px 0 0;
}

    #search form
    {
        margin: 0;
        padding: 0;
    }

    #search .submit
    {
        vertical-align: middle;
        margin: 0 0 -3px 6px;
    }

    #search .search_box
    {
        border: 1px solid #000;
        width: 143px;
    }

#logo
{
    color: #993300;
}


/* sidebar CSS
-----------------------------------------------------------------------------*/
#sidebar
{
    width: 174px;
    float: left;
    padding: 35px 0 0 0;
}

    #sidebar .leftnav
    {
        border-top: 2px solid #779EBC;
        border-bottom: 2px solid #779EBC;
        background-color: #D0E4EE;
        padding: 14px 18px 14px 20px;
        margin-bottom: 20px;
    }

        #sidebar .leftnav a:link, #sidebar .leftnav a:visited
        {
            display: block;
            text-decoration: none;
            margin: 6px 0 6px 0;
        }

        #sidebar .leftnav a:hover, #sidebar .leftnav a:active
        {
            text-decoration: underline;
        }

    #sidebar a.level1, #sidebar span.level1, #sidebar a.home-link
    {
        display: block;
        padding: 10px 0px 10px 10px;
        border-top: 2px solid #779EBC;
    }

    #sidebar a.level2, #sidebar a.level3, #sidebar span.level2, #sidebar span.level3
    {
        display: block;
        margin-bottom: 10px;
        padding: 10px 0px 0px 10px;
        border-top: 2px solid #779EBC;
    }

    #sidebar span.level1, #sidebar span.level2, #sidebar span.level3
    {
        font-weight: bold;
    }

a#news
{
    width: auto;
}

/* content CSS
-----------------------------------------------------------------------------*/
#content
{
    width: 530px;
    float: left;
    margin: 0 0 0 20px;
    padding-bottom: 20px;
    min-height: 500px;
}

/* topnav CSS
-----------------------------------------------------------------------------*/
#topnav
{
    background: #CC9900 url(images/topnav_bg.gif) 0 0 no-repeat;
    height: 15px;
    margin: 0 0 0 228px;
    position: absolute;
    top: 39px;
    right: 0;
    padding: 0 16px 0 0;
}

    #topnav a
    {
        float: left;
        height: 9px;
        text-indent: -1000px;
        overflow: hidden;
        margin: 4px 0 0 17px;
    }

#top_city-directory
{
    background: url(images/nav_city-directories.gif);
    width: 89px;
}

#top_news
{
    background: url(images/nav_news.gif);
    width: 28px;
}

#top_public-news
{
     background: url(images/city-code.gif) 0px -1px;
    /*background: url(images/nav_in-the-news.gif);*/
    width: 45px;
    height: 100px;
}

#top_press-releases
{
    background: url(images/press-releases.gif) 0px -1px;
    width: 76px;
}

#top_public
{
    background: url(images/public-notices.gif)  0px -1px;
    width: 71px;
}

#top_public-contracts
{
    background: url(images/public-contracts.gif) 0px -1px;
    width: 87px;
}

#top_city-directions
{
    background: url(images/nav_city-directions.gif);
    width: 83px;
}

#top_employment
{
    background: url(images/nav_employment.gif);
    width: 66px;
}

#top_contact
{
    background: url(images/contact.gif) 0px -1px;
    width: 41px;
}

/* sec01 , sec02 , sec03 CSS
-----------------------------------------------------------------------------*/
#sec01, #sec01d2
{
    background: #F5E0CC;
    /*background: #F5E0CC url(uploadedImages/Homepage/welcome_image.jpg) right 22px no-repeat; 
	 background: #F5E0CC url(images/mayor_home.jpg) right -22px no-repeat; */
    /* background: #F5E0CC url(uploadedImages/mayor(1).jpg) top right no-repeat; */
    padding: 12px 0 18px 16px;
    padding: 12px 0px 14px 16px;
    border-bottom: 1px solid #2F6185 !important;
}

    #sec01 h2, #sec01d2 h2
    {
        font-family: Arial, Helvetica, sans-serif;
        margin: 8px 0 0 0;
        padding: 0 0 4px 0;
        font-size: 16px;
        color: #993300;
        font-weight: bold;
        min-height: 10px;
        _height: 14px;
    }

 

#ctl00_body_ContentBlock1
{
    width: 500px;
    height: auto;
    float: left;
}

#sec01 p
{
    width: 230px;
    float: left;
    margin: 0 16px 0 0;
}

#sec01d2 p
{
    width: 680px;
    margin: 0 -2px 0 0;
}


#sec02
{
    zoom: 1;
    background: #AEC9DB url(images/sec02_bg.gif) top left;
    border-bottom: 1px solid #FFF;
    /*height: 1%;*/
}

    #sec02 .sec-box01
    {
        float: left;
        width: 250px;
        margin: 0 1px 0 0;
        background-color: #AEC9DB;
    }

    #sec02 .sec-box02
    {
        float: left;
        width: 249px;
        background-color: #AEC9DB;
    }

    #sec02 .sec-box03
    {
        float: right;
        width: 249px;
    }

    #sec02 p
    {
        padding: 15px 12px 8px 15px;
        background-color: #AEC9DB;
        float: none;
    }

    #sec02 .clear-sec02
    {
        height: 1px;
        clear: both;
    }


/* Home News CSS
-----------------------------------------------------------------------------*/
#news
{
    background-color: #AEC9DB;
    width: 750px;
}


.bx-wrapper
{
    overflow: hidden;
    margin: 0 auto 10px !Important;
   
}

.bx-viewport
{
    background-color: #F5E0CC !Important;
    border: solid #F5E0CC 0px !Important;
    position: initial !Important;
    height:auto !important;
}
.bx-viewport p
{
    float:none;
}

#news .news-ttl
{
    background-color: #618CAC;
    margin: 0 0 20px 0;
    height: 22px;
}

.bx-pager.bx-default-pager
{
    position: absolute;
    top: -20px;
}

div.bx-viewport
{
    padding-left: 15px!Important;
    width: 700px!Important;
    position: absolute;
 
}

div.bxslider
{
   
}

#news .news_txt
{
    float: left;
    width: 340px;
    margin: 0 0 12px 18px;
    font-size: 12px;
    line-height: 18px;
}
/* Main Nav
-----------------------------------------------------------------------------*/
#nav
{
    clear: both;
    border-bottom: 1px solid #DCDCCA;
    height: 30px;
    background-color: #CC6600;
}

    #nav a
    {
        float: left;
        height: 30px;
        padding-top: 7px;
        font-size: 13px;
        font-weight: bold;
        font-family: arial;
        overflow: hidden;
        color: white;
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    #nav ul
    {
        position: absolute;
        top: 73px;
        left: -15px;
        width: 100%;
    }



    #nav li
    {
        display: inline;
        text-decoration: none;
        /*width: 80%;*/
    }

/*.majnavlink {padding-left:1px;padding-right:1px;}*/

.seperator
{
    padding-left: 7px;
    padding-right: 7px;
}

#top_residents
{
    /*background: url(images/nav_bg.gif);
	width: 65px;*/
}

#top_green
{
    /*background: url(images/nav_bg.gif);
	width: 60px;*/
}

#top_visitors
{
    /*background: url(images/nav_bg.gif);
	width: 63px;*/
}

#top_business
{
    /*background: url(images/nav_bg.gif);
	width: 86px;*/
}

#top_government
{
    /*background: url(images/nav_bg.gif);
	width: 125px;*/
}

#top_new-jersey
{
    /*background: url(images/nav_bg.gif);
	width: 128px;*/
}

#top_calendar
{
    /*background: url(images/nav_bg.gif);
	width: 75px;*/
}

#top_jc1tv
{
    /*background: url(images/nav_bg.gif);
	width: 60px;*/
}


/* splash CSS
-----------------------------------------------------------------------------*/
#splash
{
    clear: both;
    background: url(images/splash_bg.gif) bottom left repeat-x;
    padding: 0 0 11px 0;
    height: 192px;
}











/* footer CSS
-----------------------------------------------------------------------------*/
#footer
{
    clear: both;
}

#subfooter
{
    width: 750px;
    margin: 0 auto;
    font-size: 11px;
}

    #subfooter .sfleft
    {
        float: left;
        padding: 6px 0 0 20px;
        text-align: left;
        background-color: white;
    }

    #subfooter .sfright
    {
        text-align: right;
        padding: 6px 20px 0 0;
    }

    #subfooter a:link, #subfooter a:visited
    {
        font-size: 11px;
    }

    #subfooter a:hover, #subfooter a:active
    {
    }
/* Common CSS
-----------------------------------------------------------------------------*/
img
{
    border: 0;
}

.right
{
    visible: false;
    float: right;
    margin: 0 1px 0 0;
}

.left
{
    visible: false;
    float: left;
    margin: 0 1px 0 0;
}

.clear
{
    visible: false;
    clear: both;
}

.clearRight
{
    visible: false;
    clear: right;
}

.clearLeft
{
    visible: false;
    clear: left;
}

.imgLeft
{
    caption: Left-aligned photo;
    float: left;
    margin: 0 20px 15px 0;
}

.imgRight
{
    caption: Right-aligned photo;
    float: right;
    margin: 0 0px 15px 20px;
}

.divider
{
    visible: false;
    height: 1px;
    clear: both;
    font-size: 0px;
}

#mayor
{
    width: 203px;
    float: right;
}

    #mayor img
    {
        float: right;
    }