BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #4e8abe;
}
.bgcolortop {
	BACKGROUND: #4e8abe no-repeat center 253px; POSITION: absolute;
}
#bgcolorbot {
	BACKGROUND-COLOR: #4e8abe;
}
HTML {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 100%;
}
 HTML {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 100%;
}
.inputsearch {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; FONT-SIZE: 10px; VERTICAL-ALIGN: top; BORDER-LEFT: #fff 1px solid; WIDTH: 105px; COLOR: #000; BORDER-BOTTOM: #fff 1px solid; FONT-FAMILY: Arial; HEIGHT: 16px; BACKGROUND-COLOR: #4e8abe;
}
.searchHeight {
	LINE-HEIGHT: 15px;
}
.search {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000; FONT-FAMILY: arial; LETTER-SPACING: 0px;
}
.search A {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000; FONT-FAMILY: arial; LETTER-SPACING: 0px; TEXT-DECORATION: none;
}
IMG {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;
}
.backdivider {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../../graphics/images/program/divider_grey_line.gif) repeat-y; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 25px;
}
.centerContent {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; BACKGROUND-COLOR: #fff;
}
.bodycopyHome {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none; BACKGROUND-COLOR: #ffffff;
}
.bodycopyHome P {
	PADDING-LEFT: 10px;
}
.bodycopyHome A {
	FONT-SIZE: 12px; COLOR: #001472; FONT-FAMILY: arial; TEXT-DECORATION: underline;
}
.bodycopyHome A:hover {
	FONT-SIZE: 12px; COLOR: #001472; FONT-FAMILY: arial; TEXT-DECORATION: underline;
}
.bodycopyHome A:visited {
	FONT-SIZE: 12px; COLOR: #001472; FONT-FAMILY: arial; TEXT-DECORATION: underline;
}
.bodycopy {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-SIZE: 12px; PADDING-BOTTOM: 20px; COLOR: #3c3c3c; PADDING-TOP: 0px; FONT-FAMILY: arial;
}
.bodycopycontact {
	FONT-SIZE: 12px; COLOR: #3c3c3c; FONT-FAMILY: arial;
}
.bodycopy A {
	FONT-SIZE: 12px; COLOR: #001472; FONT-FAMILY: arial; TEXT-DECORATION: underline;
}
.bodycopy A:hover {
	FONT-SIZE: 12px; COLOR: #001472; FONT-FAMILY: arial; TEXT-DECORATION: underline;
}
.bodycopy A:visited {
	FONT-SIZE: 12px; COLOR: #001472; FONT-FAMILY: arial; TEXT-DECORATION: underline;
}

/* Upcoming Bids Page - ABO */
a.anchor {color: #000;}
div.upcoming-projects {padding: 0 5px; margin-top: 2px;}
div.upcoming-projects a {font-weight: bold;}
div.upcoming-project {padding: 2em 0 1em 0; border-bottom: 1px solid #ACA89A;}
.updated-date {text-transform: uppercase; font-style: italic;}

#icons {
	FONT-SIZE: 11px; COLOR: #001472;
}
#icons IMG {
	VERTICAL-ALIGN: bottom;
}
#icons A {
	FONT-SIZE: 11px; COLOR: #001472; FONT-FAMILY: arial; TEXT-DECORATION: underline;
}
#icons A:visited {
	FONT-SIZE: 11px; COLOR: #001472; FONT-FAMILY: arial; TEXT-DECORATION: underline;
}
#icons A:hover {
	TEXT-DECORATION: underline;
}
#more {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #001472; FONT-FAMILY: arial; TEXT-DECORATION: none;
}
.pushDown {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 0px;
}
.access {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #4f4f4f; PADDING-TOP: 7px; FONT-FAMILY: Arial; LETTER-SPACING: 0px; BACKGROUND-COLOR: #fff;
}
.rightGnav {
	PADDING-BOTTOM: 10px; MARGIN: 0px;
}
.topmenuImage {
	BACKGROUND: url(../../graphics/images/program/top_nav_flat.gif) no-repeat left bottom; PADDING-TOP: 12px; POSITION: relative;
}
.skySlideRight ul {
	padding: 0;
	margin: 0;
	width: 140px;
	list-style-type: none;
}
.skySlideRight ul li {
	padding: 4px 0 0px 13px;
	margin: 0;
	line-height: 10px;
	POSITION: relative;
}
.skySlideRight UL LI UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; VISIBILITY: hidden; PADDING-BOTTOM: 0px; WORD-SPACING: 0px; WIDTH: 152px; COLOR: #001472; BOTTOM: auto; LINE-HEIGHT: 10px; PADDING-TOP: 0px; FONT-STYLE: normal; FONT-FAMILY: Arial; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none;
}
.skySlideRight UL LI UL LI {
	PADDING-LEFT: 12px; LINE-HEIGHT: 13px; TOP: 0px;
}
.skySlideRight UL LI UL LI A {
	FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; COLOR: #001472; BORDER-BOTTOM: #fff 1px dotted;
}
.skySlideRight ul li a {
	display: block;
	padding-bottom: 7px;
	font-weight: bold;
	font-size: 11px;
	background: url(../../graphics/images/program/1px_dotted.gif) repeat-x bottom;
	word-spacing: 0px;
	color: #fff;
	font-family: arial;
	text-decoration: none;
}

.skySlideRight ul li a.last-item {background: none;}

.skySlideRight UL LI UL LI A:hover {
	COLOR: #000;
}
.skySlideRight UL LI A:hover {
	COLOR: #000;
}
 HTML .skySlideRight UL LI {
	FLOAT: left; HEIGHT: 1%;
}
 HTML .skySlideRight UL LI A {
	HEIGHT: 1%;
}
.footer {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #001472; PADDING-TOP: 10px; FONT-FAMILY: arial; TEXT-DECORATION: none;
}
.footer A {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #001472; PADDING-TOP: 10px; FONT-FAMILY: arial; TEXT-DECORATION: none;
}
.footer A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #001472; PADDING-TOP: 10px; FONT-FAMILY: arial; TEXT-DECORATION: none;
}
.footer A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
.footerSmall {
	FONT-SIZE: 10px; COLOR: #001472; LINE-HEIGHT: 15px; FONT-FAMILY: arial; TEXT-DECORATION: none;
}
.footerSmall A {
	FONT-SIZE: 10px; COLOR: #001472; LINE-HEIGHT: 15px; FONT-FAMILY: arial; TEXT-DECORATION: none;
}
.footerSmall A:visited {
	FONT-SIZE: 10px; COLOR: #001472; LINE-HEIGHT: 15px; FONT-FAMILY: arial; TEXT-DECORATION: none;
}
.footerSmall A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
#cityOfPhx {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #001472; FONT-FAMILY: arial;
}
#cityOfPhx:hover {
	COLOR: #ffffff; TEXT-DECORATION: none;
}

.link {cursor: pointer;}

#marqueecontainer{
	position: relative;
	width: 245px; /*marquee width */
	height: 92px; /*marquee height */
	background-color: white;
	overflow: hidden;
	text-align: left;
}

/* Layout */
div.container {width: 796px; margin: 0 auto; padding: 0px;}

/* General */
h1 {font-size: 16px;}
h2 {font-size: 14px;}
h3 {font-size: 12px; text-align: center;}
dt {font-weight:bold; margin: 2em 0 1em 0;}
dd {margin: 1em 0 2em 0; padding: 0 1em 2em 1em; border-bottom: 1px solid #ACA89A;}
ul {margin: 0 1em 1em 1em; padding: 0 1em;}
ol {margin: 0 1em 1em 1em; padding: 0 2em;}

div.container a {font-weight: bold;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.center {text-align: center;}
.small {font-size: .75em;}
.alert {color: red;}
.quiet {color: #666;}
.vertical {writing-mode: tb-rl; filter: flipv fliph;} /* Only works in IE*/

/* Reports */
.report div.header {margin-top: 1em; padding: .5em; background: #9ebfdb; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.report div.header2 {FONT-SIZE: 12px; COLOR: #001472; FONT-FAMILY: arial; TEXT-DECORATION: underline; font-weight: bold; margin-top: 1em; padding: .5em; background: #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.report div.header h2 {text-align: left; display: inline;}
.report h3 {text-align: left; margin-bottom: 0; padding: .25em; background: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.report table {font-size: 12px; width: 100%; border: 0;}
.report table tr td {border-bottom: 0px solid #ccc;}
.report table tr.group td {font-weight: bold; border-top: 1px solid #ccc;}
.report table tr.span td {font-weight: normal; border-top: none; border-bottom: 1px solid #ccc;}
.report table tr td.number {text-align: right;}

.report table tr th {padding: .5em; text-align: left; background: #eee; border-bottom: 1px solid #ccc; vertical-align: bottom;}
.report table tr th.number {text-align: right;}
.report table tr th.contractor {width: 250px;}
.report table tr th.recipient_name {width: 125px;}
.report table tr th.recipient_email {width: 250px;}
.report table tr th.sender {width: 75px;}
.report table tr th.vertical {width: 40px; text-align: center;}
.report table tr th.group {background: #ccc; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; font-size: 14px;}
.report table tr th.subgroup {background: #ddd; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; font-size: 14px;}
.report table tr th.spacer {background: #fff; border: none;}
.report table tr th.first {border-left: 2px solid #333;}
.report table tr th a {font-size: 11px;}
.report table tr th.group a {font-size: 14px;}
.report table tr th span {font-weight: normal;}
.report table tr td {padding: .25em .13em;}
.report table tr td a {font-weight: bold;}
.report table tr td.check {text-align: center; border: 1px solid #ccc; width: 40px;}
.report table tr td.rowTitle {font-weight: bold; text-align: right; vertical-align: top; background: #eee; border-right: 1px solid #ccc;}
.report table tr td.rsvp {width: 100px;}
.report table.contractor_info {margin-bottom: 1em;}
.report table.contractor_info tr td.rowTitle {width: 100px;}
.report table tr td.colWide {width: 250px;}
.report table tr td.first {border-left: 2px solid #333;}
.report table tr.total td {border-collapse:separate; border-top:2px solid #666; font-weight:bold;}

.report div.hover {background: #4e8abe; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; cursor: pointer;}
.report div.hover2 {background: #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; cursor: pointer;}
.report table tr.hover td {background: #eee; cursor: pointer;}
.group span, .header span {margin-left: 1em;}
div.description {margin: 0 .5em; padding-left: 15px}
div.page-notes {margin: 1em .5em}

td.number, th.number {text-align: right;}
span.service {display: block; margin-bottom: .5em;}
span.ago {margin-left: 1em;}

#index td {padding: .75em .5em}
#index td.name {width: 280px;}
#index td.description {width: 420px;}

/* Forms */
form.cssform  {width: 680px; border: 0px; margin: 0; padding: 0 10px 10px 10px; clear: both;}
form.cssform p {margin-left: 120px;}
form.cssform div {padding: 0;}
form.cssform div div {padding: 0;} /* reset padding to zero for child divs */
form.cssform label {width: 110px; padding: 0 0 3px; float: left; text-align: right; margin-right: 0 10px 10px 10px; display: block; font-weight: bold;}
form.cssform fieldset {padding: 10px; margin: 0 0 1em 120px; width: 550px;}
form.cssform fieldset div {float: left;}
form.cssform fieldset label {width: 150px;}
form.cssform fieldset label.wide {width: 400px; text-align: left;}
form.cssform fieldset div.date label, form.cssform fieldset div.fromtime label {width: 150px;}
form.cssform fieldset div.date input {width: 210px;}
form.cssform fieldset div.totime label {width: 30px;}
form.cssform legend {color: #000; font-weight: bold;}
form.cssform fieldset label {font-weight: normal;}
form.cssform fieldset#attendees label {width: 10px; font-weight: bold; font-size: 18px; background-color: #fff;}
form.cssform textarea, form.cssform select {width: 528px;}
form.cssform input.submit {margin-left: 120px;}
form.cssform input.cancel {margin-left: 100px;}
form.cssform input.disabled {color: #666; background-color: #ddd;}
form.button {width: 350px; float: left; text-align: center; margin-bottom: 2em;}

form.serviceform {width: 250px; float: left; margin: 1em 0 1em 9px;}
* html form.serviceform {width: 250px; float: left; margin: 1em 5px;}
form.serviceform label {display: block; font-weight: bold; margin: .5em 0;}
form.serviceform select {width: 250px; border: 1px solid #999;}
form.serviceform option {padding: .25em; border-bottom: 1px solid #ccc;}
form.serviceform input.submit {width: 210px; margin: 5px}
form.serviceform p {margin: .5em;}

div.formholder {width: 220px; float: left; margin: 1em 0 1em 9px;}
div.formholder span {display: block; margin: .5em 0; font-weight: bold;}
div.formholder div {height: 20em; border: 1px solid #999; background: #fff;}
* html div.formholder div {height: 13.5em; border: none; border: 2px inset #eee; background: #fff;}
div.formholder p {font-weight: bold; margin: 9em 0; text-align: center;}
* html div.formholder p {margin: 6em 0;}

img.deleteRSVP {display: inline; margin-right: 1em;}
img.addRSVP {display: inline; margin-right: 1em;}
div.attendee label {display: inline; float: none;}
.add-attendee {clear: both; width: 400px;}

#ajaxticker1{
	width: 360px;
	height: 270px;
	border: none;
	background-color: #FFFFFF;
}

#ajaxticker1 div{/*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
	background-color: #FFFFFF;
}