/***** GENERAL/GENERIC FORMATTING ELEMENTS *****/
body { background-image: url('/media/background.jpg'); background-repeat: no-repeat; background-position: top; }
a { color: #003399; text-decoration: none; }
a:hover { color: #003399; text-decoration: underline; }
a img { border: 0; }
#editToggleContainer { padding: 1px; }
#utilityLinksContainer { float: right; padding-right: 2px; padding-top: 1px; }
#pageUtilityContainer { font-size: 0.95em; font-family: arial, sans-serif; background-image: url('/media/utility_bg.gif'); background-repeat: no-repeat; }
#pageUtilityContainer a { color: #ffffff; text-decoration: none; font-weight: bold; }
#pageUtilityContainer a:hover { color: #ffffff; font-weight: bold; text-decoration: underline; }
#pageHeaderLogoContainer { float: left; padding: 0px; }
#logo { border: 0px; }
#pageBodyContainer { background: #ffffff url('/media/seal.gif') no-repeat top right; }
#mainNavigationContainer { float: left; width: 165px; font-size: 0.875em; line-height: 1.4; margin-top: 5px; }
#mainBodyContentContainer { padding: 5px; margin-left: 165px; }
#pageFooterContainer { font-family: "Trebuchet MS", arial, Helvetica, sans-serif; font-size: 0.75em; text-align: center; }
#pageWidthContainer { width: 800px; margin-left: auto; margin-right: auto; font-family: "Trebuchet MS", arial, Helvetica, sans-serif; font-size: 0.8em; word-spacing: -0.1em; color: #000000; border-top: solid 1px #336600; border-left: solid 1px #336600; border-right: solid 1px #336600; }
.centerdiv { /*IE method of centering a relative div*/
text-align: center; }
.centerdiv>div { /*Proper way to center a relative div*/
margin: 0 auto; }
.clearFloat { clear: both; }
.Alert1 { color: red; font-style: italic; font-variant: small-caps; background: url('/media/alert.gif') left center no-repeat; padding-left: 20px; }
h1 { color: #1c477a; 
font-style: italic; 
padding-left: 5px; 
border-bottom: solid 2px; } 
h2,h3 { color: #1c477a; 
font-style: italic; 
font-size: 1.5em; 
padding-left: 5px; 
background: url(/media/h2_blue.gif) bottom left no-repeat; }
#random-faq { float: right; width: 200px; margin: -10px 5px 0px 20px; font-size: 0.9em; }
#random-faq li { margin-left: -25px; }
.hidden { visibility: hidden; }

/***** EXTRA CSS FORMATTING ELEMENTS FROM TEXT EDITOR *****/
.PDF-Link { background: url('/media/pdf.gif') left center no-repeat; padding-left: 20px; }
.External-Link { background: url('/media/external.gif') right no-repeat; padding-right: 12px; display: inline; }
.Map-Link { background: url('/media/map_icon.gif') right no-repeat; padding-right: 14px; display: inline; }
.Twitter-Link { background: url('/media/twitter.gif') right no-repeat; padding-right: 20px; display: inline; }
.Email-Alert-Link { background: url('/media/email-alert.gif') right no-repeat; padding-right: 22px; display: inline; }
.Video-Link { background: url('/media/video-icon.gif') left center no-repeat; padding-left: 20px; }
#green .External-Link { background-image: none; padding-right: 0px; }
.Underline { border-bottom: solid 1px; }
.Navigation-Table { width: 145px; margin-left: 10px; margin-right: 10px; }
.Clear-Extra-Formatting { }

/***** STYLING FOR NOTICE BOXES FOR DEPTS/DIVISIONS *****/
#notices { width: 300px; background: #ffffff url(/media/notices.gif) repeat-y left; border: 1px solid #cc6600; padding: 2px; margin: 8px; -moz-border-radius: 5px; }

/***** HOME PAGE SPECIFIC ELEMENTS *****/
.NavTitle { font-size: 1.35em; font-style: italic; font-weight: bold; color: #336600; }
#green ul { font-size: 0.875em; color: #006225; list-style-type: square; }
.welcome { text-align: center; color: #336600; font-size: 1.7em; font-style: italic; font-weight: bold; }
#government { background-image: url('/media/navigation/government_bg.jpg'); background-repeat: no-repeat; background-position: bottom; }
#services { background-image: url('/media/navigation/services_bg.jpg'); background-repeat: no-repeat; background-position: bottom; }
#living { background-image: url('/media/navigation/living_bg.jpg'); background-repeat: no-repeat; background-position: bottom; }
#business { background-image: url('/media/navigation/business_bg.jpg'); background-repeat: no-repeat; background-position: bottom; }
#other { background-image: url('/media/navigation/other_bg.jpg'); background-repeat: no-repeat; background-position: bottom; }

/***** NAVIGATION ELEMENTS *****/
#TabContainer { padding: 0px; border: 0px; height: 20px; }
#HomeButton { display: block; width: 160px; height: 20px; background: transparent url('/media/navigation/home_tab.gif') no-repeat; float: left; text-indent: -2000px; overflow: hidden; }
#HomeButton:hover { background-position: -160px 0; }
#EServicesButton { display: block; width: 160px; height: 20px; background: transparent url('/media/navigation/e-services_tab.gif') no-repeat; float: left; text-indent: -2000px; overflow: hidden; }
#EServicesButton:hover { background-position: -160px 0; }
#CityGovernmentButton { display: block; width: 160px; height: 20px; background: transparent url('/media/navigation/city_government_tab.gif') no-repeat; float: left; text-indent: -2000px; overflow: hidden; }
#CityGovernmentButton:hover { background-position: -160px 0; }
#LivingWorkingButton { display: block; width: 160px; height: 20px; background: transparent url('/media/navigation/living_working_tab.gif') no-repeat; float: left; text-indent: -2000px; overflow: hidden; }
#LivingWorkingButton:hover { background-position: -160px 0; }
#DoingBusinessButton { display: block; width: 160px; height: 20px; background: transparent url('/media/navigation/doing_business_tab.gif') no-repeat; float: left; text-indent: -2000px; overflow: hidden; }
#DoingBusinessButton:hover { background-position: -160px 0; }
#sub { display: none; }
#sub2 { display: block; }
#back { display: none; float: right; font-weight: bold; font-style: italic; }

/***** TABLE RELATED ELEMENTS *****/
#facts td { border: #336600 1px solid; padding: 3px; }
#council { border: 0; text-align: center; width: 525px; }
#council td { padding: 3px; }
.election {width: 100%; border: 2px solid #1c477a; border-collapse: collapse; margin-bottom: 15px}
.election td {border: 1px solid #1c477a; padding: 2px}

/*** ORANGE TABLE ELEMENTS ***/
.tableHeader { font-weight: bold; background-color: #f1b77d; }
.oddRow { background-color: #ffe8d2; }
.evenRow { background-color: transparent; }
.tableData { border: #ba5600 1px solid; padding: 3px; }

/***** PAGE BOTTOM IMAGE ELEMENTS *****/
#skylineContainer { background-image: url('/media/skyline.jpg'); background-repeat: no-repeat; background-position: bottom; height: 100px; }
#businessContainer { background-image: url('/media/business.jpg'); background-repeat: no-repeat; background-position: bottom; height: 100px; }
#neighborhoodContainer { background-image: url('/media/neighborhood.jpg'); background-repeat: no-repeat; background-position: bottom; height: 100px; }
#governmentContainer { background-image: url('/media/government.jpg'); background-repeat: no-repeat; background-position: bottom; height: 100px; }
#servicesContainer { background-image: url('/media/services.jpg'); background-repeat: no-repeat; background-position: bottom; height: 100px; }