/* 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/nav_in-the-news.gif);
	width: 62px;
}
#top_press-releases {
	background: url(images/nav_press-releases.gif);
	width: 83px;
	}
#top_public {
	background: url(images/nav_public-notices.gif);
	width: 79px;
	}
#top_public-contracts {
	background: url(images/nav_public-contracts.gif);
	width: 95px;
	}
#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/nav_contact.gif);
	width: 44px;
	}

/* sec01 , sec02 , sec03 CSS
-----------------------------------------------------------------------------*/
#sec01 
{
    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 {
	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;
	}


#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;
	}
#news .news-ttl {
	background-color:#618CAC ;
	margin: 0 0 20px 0;
	height:22px;
	}
#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;
	}
#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;
		
	}