/* Global CSS Styles and Defaults */

body {
	/*background-color:#FFF;
	background-image: url(/city960/images/backgroundBody.gif); 
	background-repeat: repeat-y; 
	background-position: top center;*/
	padding:0;
	margin:0;
	height:100%;
  line-height: 1.5;
}

/**********************
global navigation
*********************/

#city_menu {
	color:#FFF;
	margin:0;
	padding: 5px 0;
	background-color:#575757;
	background-image: url(../gif/backgroundglobal.gif); 
	background-repeat: repeat-x; 
	background-position: top left;
	width:100%;
	height:27px;
	position: relative;
	z-index:999999;
}

/***********************************
   	   header
************************************/
#header {
	background-color:#FFF;
	/*height: 70px;
	background-image: url(/city960/images/backgroundheader.jpg); 
	background-repeat: no-repeat; 
	background-position: top center;*/
	min-height:80px;
	padding: 0;
	margin:0 auto;
	width:100%;
	position: relative;
	z-index:999998;
	width: 950px;
	background-image: none !important;
}

#nav_menu {
	padding:0;
	margin:0;
	background-color:#e1e1e1; /*69a2c6
	background-image: url(/city960/images/backgroundNav.jpg); 
	background-repeat: repeat-x; 
	background-position: top left;*/
	width:100%;
	position: relative;
	z-index:999998;
}

/*#section_nav {
	padding:0;
	margin:0;
	background-color:#cccccc;
	margin: 0 auto;
	width:960px;
}*/

#section_nav {
	padding:0;
	margin:0;
	background-color:#ccc;
	width:100%;
}

.mainNavigation {
	margin: 0 auto;
	width:960px;
}

/***********************************
	   MAIN COLUMN FORMATTING
************************************/
/*#main {
	width:100%;
	padding:0;
}*/

#content {
	border:0;
	margin: 0 auto;
	padding:12px 0 325px 0;
	background-color:#FFF;
	width:976px;
}

#content .columnQuarter,
#content .columnQuarterResource,
#content .columnHalf,
#content .columnThreeQuarter,
#content .columnFull {
	vertical-align: top;
	padding: 9px 9px 0 9px;
	margin: 0 8px 8px 8px;
	float: left;
}

#content .columnQuarterResource {
	border-left:1px solid #dfdfdf;
	/*margin: 0 3px 0 2px ;*/
	background-color:#eee;
	background-image:url(../gif/backgroundresources.gif);
	background-position: top;
	background-repeat: repeat-y;
}

#content .columnFull {
	/*width: 960px;*/
	float: none;
	clear: both;
}

/* Symmetrical Columns - Exact quarter breakdown */
#content .columnQuarter { width: 210px; }
#content .columnQuarterResource { width: 208px; }
#content .columnHalf { width: 454px; }
#content .columnThreeQuarter { width: 698px; }


/***********************************
  footer contact
************************************/

.wrap {
	position:relative;
	margin:0 auto;
	padding: 0;
	width:100%;
	height:100%;
	bottom:0;
	clear:both;
	}
	
#contactFooter {
	margin: 0 auto;
	padding: 10px 0;
	color:#fff;
	font-size:11px;
	background-color:#888;
	background-image:url(../gif/backgroundfooter.gif);
	background-position:top left;
	background-repeat: repeat-x;
	clear:both;
	height: auto !important;
	height:100%;
	float:left;
	width:100%;
	position: fixed;
	bottom:0;
	z-index:200;
}

#contactFooter h2 {
	text-transform:uppercase;
	font: bold 13px Helvetica, Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	color:#FFF;
	border-bottom:0;
}

#contactFooter a {
	color:#ddd;
	text-decoration:none;
}

#contactFooter a:hover {
	color:#FFF;
}

#contactFooter a h2 {
	color:#fff;
	text-decoration:none;
}

#contactFooter a:hover h2 {
	color:#9bb9ec;
}

#contactFooter ul {
	margin: 0 auto;
	padding: 0;
	display:block;
	list-style:none;
	list-style-type:none;
	width:1026px;
	clear:both;
}

#contactFooter ul.content {
	padding-top:3px;
	
}

#contactFooter ul li {
	float:left; 
	width:140px; 
	margin:0;
	padding:0 10px;
	list-style:none;
	list-style-type:none;
	display:inline-block;
}

#contactFooter a .arrow {
	background:url(../gif/up.gif) center no-repeat;
	width:13px;
}

#contactFooter a:hover .arrow {
	background:url(../gif/upgo.gif) center no-repeat;
}

#contactFooter a .arrowActive {
	background:url(../gif/down.gif) center no-repeat;
}

#contactFooter a:hover .arrowActive {
	background:url(../gif/downgo.gif) center no-repeat;
}

#contactFooter ul li ul {
	list-style-type:circle;
	margin:0 0 0 10px;
	padding:0;
	display:table;
	width:auto;
	float:none;
}

#contactFooter ul li ul li {
	list-style-type: circle;
	margin:0;
	padding:0;
	display:list-item;
	width:auto;
	float:none;
}

#contactFooter ul.connect {
	list-style:none; 
	padding: 0; 
	margin:0; 
}

#contactFooter ul.connect li {
	padding-bottom:5px;
	list-style:none;
}


/*
#main {
	width: 960px;
	border: 2px solid #003366;
	text-align: left;
	padding: 0;
	margin: 0 auto;
}

#main #banner {
	
}

#main #nav_menu {
	width: 100%;
	border: 2px solid #003366;
	border-width: 2px 0;
}

#content {
	width: 100%;
	padding: 12px 0 0 12px;
	vertical-align: top;
	display: table-cell;
}

#main #footer {
	width: 100%;
	border-top: 2px solid #003366;
	padding: 0;
	margin: 0;
}

#city_menu, #city_footer {
	width: 960px;
	text-align: left;
	padding: 0;
	margin: 0 auto;
}

#city_footer {
	font-size: 10px;
}
*/
/***********************************
	   MAIN COLUMN FORMATTING
************************************/
/*
#content .columnSingle,
#content .columnDouble,
#content .columnTriple,
#content .columnQuarter,
#content .columnHalf,
#content .columnThreeQuarter,
#content .columnFull {
	vertical-align: top;
	margin-right: 12px;
	float: left;
}

#content .columnFull {
	width: 936px;
	float: none;
	clear: both;
}

/* Homepage Columns - Slightly lopsided column widths */
/*
#content .columnSingle { width: 218px; }
#content .columnDouble { width: 476px; }
#content .columnTriple { width: 706px; }
*/
/* Symmetrical Columns - Exact quarter breakdown */
/*
#content .columnQuarter { width: 225px; }
#content .columnHalf { width: 462px; }
#content .columnThreeQuarter { width: 699px; }

*/

/***********************************
	      HEADER NAV MENU
************************************/

ul#header_nav {
	margin:0 auto;
	padding:0;
	width:960px;
	list-style: none;
	z-index:999999;
	float: none;
}

ul#header_nav li {
	height: 18px;
	float: left;
	position: relative;
	padding: 0 0 5px 0;
	margin: 0;
	z-index:999999;
}

ul#header_nav li ul {
	list-style: none;
	display: none;
	border-top: 1px solid #ccc;
	position: absolute;
	top: 100%;
	padding: 0;
	margin: 0;
	z-index:999999;
}

ul#header_nav li li {
	height: auto;
	width: auto;
	background-color: #eee;
	border: 1px solid #fff;
	border-width: 0 0 1px 0;
	padding: 0;
	margin: 0;
}

/* to override top and left in browsers other than IE, which will position to the 
top right of the containing li, rather than bottom left */
li > ul { 
	top: auto;
	left: auto;
}

ul#header_nav li a {
	font-size:11px;
	color: #000000;
	text-decoration: none;
	display: block;
	line-height: 15px;
	height: 100%;
	padding: 3px;
	text-align: center;
	z-index:999999;
	margin-top:0;
	color:#FFF;
	margin-top:0;
}

ul#header_nav li a:hover {
	background:#ccc;
	color:#000;
}

ul#header_nav li li a {
	font-size:11px;
	color: #000000;
	padding: 4px 3px 4px 6px;
	text-align: left;
	background-color: #eeeeee;
	height: auto;
}

ul#header_nav li li a:hover {
	background-color: #cccccc;
	color: #000000;
}

/* displays hidden lists */
ul#header_nav li:hover ul, ul#header_nav li.over ul { 
	display: block;
}

ul#main_nav li a {
    height: 25px;
}

ul#header_nav li.home { width: 96px; margin-left:70px; }
ul#header_nav li.home a { width: 88px; }

ul#header_nav li.account { width: 110px; margin-left:70px; }
ul#header_nav li.account a { width: 102px; }
ul#header_nav li.account ul, ul#header_nav li.account li { width: 108px;}
ul#header_nav li.account li a { width: 99px; }

ul#header_nav li.cityservices { width: 116px; }
ul#header_nav li.cityservices a { width: 108px; }

ul#header_nav li.jobs { width: 96px; }
ul#header_nav li.jobs a { width: 88px; }

ul#header_nav li.agency { width: 114px; }
ul#header_nav li.agency a { width: 106px; }
ul#header_nav li.agency ul { width: 209px; height: 180px; overflow: auto; border-bottom: 1px solid #ccc; }
ul#header_nav li.agency li { width: 192px; }
ul#header_nav li.agency li a { width: 183px; }

ul#header_nav li.data { width: 88px; }
ul#header_nav li.data a { width: 80px; }

ul#header_nav li.citycontact { width: 108px; }
ul#header_nav li.citycontact a { width: 100px; }
ul#header_nav li.citycontact ul, ul#header_nav li.contact li { width: 106px;}
ul#header_nav li.citycontact li a { width: 97px; }

ul#header_nav li.search { width: 160px; padding-left: 5px; }
ul#header_nav li.search a { text-align: left; float: left; display: table-cell; vertical-align: middle; }

ul#header_nav li.search form {
	display: inline;
	text-align: left;
	padding: 0;
	margin: 0;
}

ul#header_nav li.search #search_input {
	width:150px; 
	display: inline;
	text-align: left;
	margin: 0;
	font-size: 11px;
	color: #999999;
	background-image: URL(../gif/searchbackground.gif);
	background-position: right;
	background-repeat: no-repeat;
	border:2px solid #888;
	padding:3px;
}

ul#header_nav li.search input.search_button {
	margin: 1px 0 0 4px;
	padding: 0;
}

ul#header_nav li.last {
	border: 0;
}

/* helps align main dropdown menu in FireFox */
/*body>div#city_menu {
	padding-bottom: 3px;
}*/