#wrapper-sub {
	background: #113277 url(../images/bkgd-sub.jpg) top center no-repeat;
}
/*Main Content*/
#main-content {
	float: left;
	width: 630px;
}
#copy {
	float: left;
	width: 565px;
	background: url(../images/bkgd-content.gif) top left no-repeat;
	padding: 30px 30px 0px 35px
}
#content-footer {
	float: left;
	clear: left;
	width: 630px;
	height: 20px;
	background: url(../images/bkgd-content-footer.gif) top left no-repeat;
}
#main-content h1 {
	width: 372px;
	height: 29px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
#main-content h1.message {
	background-image: url(../images/h1-message.gif);
}
#main-content h1.displays {
	background-image: url(../images/h1-displays.gif);
}
#main-content h1.products {
	background-image: url(../images/h1-products.gif);
}
#main-content h1.energy {
	background-image: url(../images/h1-energy.gif);
}
#main-content h1.employment {
	background-image: url(../images/h1-employment.gif);
}
#main-content h1.map {
	background-image: url(../images/h1-map.gif);
}
#main-content h1.inside {
	background-image: url(../images/h1-inside.gif);
}
#main-content h1.cola {
	background-image: url(../images/h1-cola.gif);
}
#main-content h1.other {
	background-image: url(../images/h1-other.gif);
}
#main-content h1.employees {
	background-image: url(../images/h1-employees.gif);
}
#main-content h1.links {
	background-image: url(../images/h1-links.gif);
}
#main-content h1.contact {
	background-image: url(../images/h1-contact.gif);
}
#main-content h1.locations {
	background-image: url(../images/h1-locations.gif);
}
#main-content h1.form {
	background-image: url(../images/h1-form.gif);
}
#main-content h1.terms {
	background-image: url(../images/h1-terms.gif);
}
#main-content h1.privacy {
	background-image: url(../images/h1-privacy.gif);
}
#main-content h1.admin {
	background-image: url(../images/h1-admin.gif);
	width: 407px;
}
#main-content h2 {
	color: #DF1138;
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 5px;
}
#main-content h3 {
	color: #0B214E;
	margin-top: 5px;
	font-size: 110%;
}
#main-content h3 a {
	color: #0B214E;
}
#main-content ul {
	font-size: 85%;
	margin-left: 30px;
	padding-bottom: 5px;
	list-style-type: square;
}
#main-content ul li {
	padding-top: 3px;
	padding-bottom: 3px;
}
#main-content p {
	font-size: 85%;
	padding-bottom: 10px;
	padding-top: 5px;
	line-height: 1.4em;
}
#main-content p.browse-link a:hover, #main-content p.map-link a:hover {
	text-decoration: underline;
}
#main-content p.browse-link a {
	background-image: url(../images/bullet-red.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px center;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}
#main-content p.map-link a {
	background-image: url(../images/directions.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px center;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}
#main-content img {
	padding-bottom: 10px;
}
#main-content img.signature, #main-content img.product  {
	padding-top: 0px;
	padding-bottom: 0px;
}
#main-content img.leftside {
	float: left;
	margin: 0px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#main-content table.product {
	margin-top: 20px;
}
#main-content table.product td {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#main-content table.product td h2 {
	font-size: 105%;
	margin: 0px;
	padding: 0px;
}
#main-content table.product td p {
	padding: 0px;
	margin: 0px;
}

/*sub column*/
#sub-col {
	float: left;
	width: 281px;
	margin-left: 30px;
}
ul#sub-nav {
	float: left;
	width: 230px;
	list-style: none;
	margin-left: 30px;
	font-size: 120%;
	margin-top: 30px;
	min-height: 103px;
}
ul#sub-nav li {
	margin-bottom: 10px;
}
ul#sub-nav li a{
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/bullet-white.gif) no-repeat;
	background-position: 0 5px;
	padding-left: 20px;
}
ul#sub-nav li a:hover{
	color: #FFCE01;
	background: url(../images/bullet-yellow.gif) no-repeat;
	background-position: 0 5px;
}
body.message ul#sub-nav li a.message-on, body.employment ul#sub-nav li a.employment-on, body.map ul#sub-nav li a.map-on, body.energy ul#sub-nav li a.energy-on, body.cola ul#sub-nav li a.cola-on, body.other ul#sub-nav li a.other-on, body.locations ul#sub-nav li a.locations-on, body.form ul#sub-nav li a.form-on,  body.upload ul#sub-nav li a.upload-on, body.email ul#sub-nav li a.email-on,
body.employees ul#sub-nav li a.documents-on, body.service-request ul#sub-nav li a.requestservice-on,
body.vehicle-checklist ul#sub-nav li a.checklist-on  {
	color: #FFCE01;
	background: url(../images/bullet-yellow.gif) no-repeat;
	background-position: 0 5px;
}
body.links #sub-col, body.utility #sub-col {
	padding-top: 133px;
}
ul#callouts {
	float: left;
	width: 281px;
	clear: both;
	list-style: none;
	margin-top: 20px;
}
ul#callouts li {
	float: left;
}
a span {
	display: none;
}
a#products, a#contact, a#servicemap, a#servicemap-top {
	display: block;
	width: 281px;
	background-position: 0 0;
}
a#products {
	height: 220px;
	background-image: url(../images/sub-callout-products.png);
	margin-bottom: 20px;
}
a#contact {
	height: 220px;
	background-image: url(../images/sub-callout-contact.png);
}
a#servicemap {
	height: 220px;
	background-image: url(../images/sub-callout-map.png);
}
a#servicemap-top {
	height: 220px;
	background-image: url(../images/sub-callout-map.png);
	margin-bottom: 20px;
}
#map {
	padding-top: 15px;
	padding-bottom: 15px;
}
form.login {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bkgd-login.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 50px;
	min-height: 205px;
}
form.login input, form.request input {
	font-size: 105%;
}
form.login fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 190px;
	color: #DF1138;
	font-size: 115%;
}
form.request fieldset {
	border: 1px solid #CCC;
	padding: 8px;
	margin-bottom: 10px;
	width: 540px;
}
form.request legend {
	color: #DF1138;
	font-size: 115%;
	margin-left: 15px;
	padding-right: 5px;
	padding-left: 5px;
}
form.login label {
	text-transform: uppercase;
	display: block;
	letter-spacing: 1px;
	font-size: 92%;
	color: #050E21;
}
#main-content img.rightside {
	float: right;
	margin: 0px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
}
hr {
	clear: both;
	width: 560px;
	margin-top: 10px;
	margin-bottom: 15px;
}
#main-content table.docforms img {
	margin: 0px;
	padding: 0px;
	float: none;
}
#main-content table.docforms th {
	background-color: #DF1138;
	font-size: 70%;
	text-transform: uppercase;
	color: #FFF;
	letter-spacing: 1px;
	padding: 5px;
}
#main-content table.docforms td {
	padding: 7px;
	font-size: 80%;
}
#main-content table.docforms tr.alt {
	background-color: #FEF9CA;
}
p.logout {
	background-image: url(../images/icon-logout.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
	background-position: 0px 5px;
}
p.main-site {
	background-image: url(../images/back-arrow.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 0 20px 0 0;
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
	background-position: 0px 5px;
}
/*admin css*/
table.file tr td {
	padding-left: 5px;
	padding-top: 0px;
}

p.float {
	float: left;
	padding-right: 25px;
	font-weight: bold;
}


