/** 
 * Basics 
 **/

body {
    font-size: 10pt !important;
    background: none;
    width: 100%;
    color: #000000;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif !important;
    width: 100%;
}

img {
    border: none;
}

a, a:link, a:visited {
	color: #000;
    text-decoration: none;	
}

sub {
    vertical-align: sub;
}
sup {
    vertical-align: super;
}

h1, h2, h3, h4 {
    color: #000;
    margin: 0;
    font-weight: bold;
    margin-bottom: 2px;
}
h1 {
    font-size: 16pt;
}
h2 {
    font-size: 14pt;
}
h3 {
    font-size: 12pt;
}
h4 {
    font-size: 10pt;
}

ul, ol {
    margin: 0;
    padding: 0;
}
ul li {
    margin: 0 0 0 20px;
    list-style-position: outside;
    list-style-type: disc;
}
ol li {
    margin: 0 0 0 20px;
    list-style-position: outside;
    list-style-type: decimal;
}
.no-bullets li {
    list-style-type: none;
}
.no-indent li {
    margin: 0;
}

table {
    width: 100%;	
}
table tr td, table tbody tr td {
    padding: 3px;
}

table.alertlist tr td,table.generic-table tr td,#servicetabs-footer tr td {
    padding: 0;
    margin: 0;
}

input {
    border: 1px solid #000;
}

p {
    margin: 5px 0;
    overflow: hidden;
}
/** 
 * Elements to hide 
 **/
#text-reader, .header, #header-image, #top-navigation, #left-column, 
#right-column, .toolbar, #news-tabs, .view-all, .cityservice-tabs,
.pagination-left, .pagination-right, .cityservice-searchresultcorner,
.cityservice-searchresults .results-corner, #two-column-top,
#content-bottom-gradient, .start-online-bottom-padding, #footer {
    display: none;	
}	

/* 
 * Layout elements
 */
#print-preview {
    text-align: left;
    margin-bottom: 20px;
}

.header, #header-image, #top-navigation, #left-column, #right-column {
    display: none;	
}

#center-column, #content-panel, #content-content {
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
}

.dotted-black {
    height: 15px;
    padding: 0;
    padding: 0;
}

/* 
 * Content elements
 */
/** Homepage Alerts **/
.alert-red-box {
    text-align: left;
    margin-bottom: 15px;
}
.homepage-alert-icon {
    width: 15px;
    vertical-align:top;
}
.homepage-alert-date {
    width: 100px;
    vertical-align: top;
}
.homepage-alert-message {
    text-align: left;
    vertical-align: top;
}

/** Homepage Features **/
.feature-module {
    width: 450px;
    text-align: left;
    vertical-align: top;
    overflow:hidden;
    padding-bottom: 5px;
}
.feature-module img{
    margin: 0 0 5px 0;
}
#feature1, #feature2 {
    width: 216px;
    vertical-align: top;
    text-align: left;
}
#feature1 {
    float: left;
}
#feature2 {
    float: right;
}

/** Homepage News **/
#department-news, #mayors-news {
	text-align: left;
	display: block !important;
	visibility: visible !important;
}
#mayors-news {
	padding-bottom: 20px;
}
.news-tabs-date {
    vertical-align: top;
    width: 100px;
}

/** Did you know **/
#did-you-know {
    display: none;
}

/** City Service Search Results **/
.find-services-padding {
    padding: 20px 0 0 0;
}

.cityservice-searchresults {
	width: 100%;
	margin-bottom: 10px;
    position: relative; /* Fix for Firefox multi-page table print bug */
}
.search-result-right {
    text-align: right;
    vertical-align: middle;
}

/** Alert list table classes **/
.image {
    height: 17px;
    width: 2em;
}

.image img {
    padding-bottom: 1px;
}

.date {
    padding-left: 2px;
    padding-right: 2px;
    vertical-align: top;
    text-align: left;
    width: 7.5em;
}

.online-service-td {
    vertical-align: top;
    text-align: left;
    width: 20px;
}

.content {
    padding-left: 0px;
    padding-bottom: 3px;
    vertical-align: top;
    text-align: left;
}

/** Online Service icon **/
.online-service-bullet {
    list-style-image: url('/etc/designs/city/images/online-bullet.gif') !important;
}

.small-bold-links {
	font-weight: bold;
}

/** Service Directory **/
.service-directory-toc {
    margin-bottom: 20px;
    margin-top: 20px;
}

.service-directory-toc li {
    display: inline;
    padding-right: 10px;
    font-weight: bold;
}
.service-directory-toc li a {
    font-weight: normal;
}
.service-directory h4 {
    margin-top: 3px;
}

.service-directory h3 {
    margin-top: 5px;
}

.service-directory li a {
    margin: 0 !important;
}

.service-directory li ul {
    padding-bottom: 0;
}

.service-directory li a.leaf {
    margin: 0;
    padding: 0 0 2px 40px;
    display: block !important;
    height: 1%; /* IE6 requires this for dynamic height block elements*/
    text-indent: -20px;
}

.service-directory li ul li {
    padding-left: 10px;
}

.service-directory li ul li ul li {
    padding: 0;
    list-style-position: inside;
}

/** I want to search results **/
.iwantto-search-results li {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}
.iwantto-search-results li a {
    display: block !important;
    height: 1%; /* IE6 bug fix, auto-height */
    margin: 0;
    padding: 0 0 2px 0;
    text-indent: 10px;
}

/** Of Interest To, Department Directory, and Program Initiative Lists **/
.ofinterestto-description, .programsinitiatives-description, .department-description {
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: normal;
    font-size: 9pt; /* Alternative to MORE bold text */
}

.programsinitiatives, .ofinterstto {
    position: relative; /* Fix for Firefox multi-page table print bug */
    margin: 15px 0 !important;
}
.ofinterestto tr td, .programsinitiatives tr td {
    vertical-align: top;
    padding: 0 10px 10px 0; /* Provide spacing when thumbnails are used */
}
.ofinterestto-list, .programinitiative-list {
    font-weight: bold;
}
.left-image {
    width: 85px; /* When no short description is provided, column will stretch */
    vertical-align: top;
}

/** Department Directory **/
.department-directory {
    padding-top: 0;
    padding-bottom: 15px;
}
/** 
 * Footer 
 **/
/*#footer {
    padding-top: 5px;
    padding-bottom: 10px;
    text-decoration:none;
    position: relative;
    clear: both;
}
.footer-navigation li {
    display: inline;
    list-style-type: none;
    margin-left:2px;
}*/