@import url(forms.css);
@import url(editor.css);

/* ######################################### STYLESHEET RESET ### */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ul, ol {margin: .5em 0 .5em 2em;}

.clear {clear: both;}
span.clear {display: block;}
.hidden {position: absolute; margin-top: -200000px; top: -200000px;}
#mobile_name {display: none;}
a:link {color: #202083; text-decoration: none; font-weight: normal;}
a:visited {text-decoration: none; font-weight: normal;}
a:hover {text-decoration: underline; font-weight: normal;}
a:active {text-decoration: underline; font-weight: normal;}
a:focus {outline: 1px dashed;}
img {vertical-align: middle;}

/* ######################################## STRUCTURAL LAYOUT ### */
body {font-size: 77%; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color: #333; padding: 0; margin: 0; line-height: 1.5; background: #fff;}
body > html {font-size: 12px;}

strong {font-weight: bold;}

#wrapper {padding: 0; margin: 0 auto; width: 1000px;}
#page_wrap {margin: 0; padding: 0;}
#page {float: left; width: 968px; margin: 0 16px; display: inline;}

/* ############################################################## */

#mast {padding: 0 0 6px; background: url(../css_img/mastBtmBg-inside.gif) bottom center no-repeat; width: 1000px; margin: 0 0 16px;}
#mast-top {background: url(../css_img/mastTopBg-inside.gif) top center repeat-y; width: 1000px; overflow: hidden; }
.home #mast-top {background: url(../css_img/mastTopBg.jpg) top center no-repeat; padding: 0 0 17px;}
#mast-middle {background: url(../css_img/mastMidBg-inside.gif) top center no-repeat #262732; width: 1000px; overflow: hidden;}
.home #mast-middle {background: url(../css_img/mastMidBg.jpg) top center no-repeat #262732;}

#mast a {color: #fc0; font-weight: bold;}

#ctas {float: left; display: inline; padding: 13px 0 12px 30px;}
#ctas a {float: left; display: inline; margin: 0 10px 0 0; width: 148px; background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3)); background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3)); background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3)); background-image: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(255, 255, 255, .0)), to(rgba(255, 255, 255, .3))); background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3)); background-image: linear-gradient(bottom, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3)); color: #262732;}
#ctas a#pay {background-color: #fc0;}
#ctas a#pay:hover {background-color: #ffd52b;}
#ctas a#report {background-color: #cd67cd;}
#ctas a#report:hover {background-color: #d580d5;}
#ctas a#apply {background-color: #f47b2a; margin-right: 0;}
#ctas a#apply:hover {background-color: #f6914d;}
#ctas a span {margin: 4px; border-width: 1px; border-style: solid; width: 138px; float: left; display: inline; cursor: pointer;}
#ctas a#pay span {border-color: #e9c01e;}
#ctas a#report span {border-color: #c568c5;}
#ctas a#apply span {border-color: #ec7e33;}
#ctas a span span {margin: 0; padding: 8px 0 7px; font-size: 1.4em; text-shadow: 1px 1px 1px rgba(255,255,255,.8); width: 136px; text-align: center; color: #262732;}
#ctas a#pay span span {border-color: #ffe98d;}
#ctas a#report span span {border-color: #e9bbe9;}
#ctas a#apply span span {border-color: #fac39f;}

p#mast_links {float: right; display: inline; margin: 6px 32px 6px 0; font-size: 1.05em; width: 468px; text-align: right; font-size: 1em;}
p#mast_links a {font-weight: bold; padding: 0 22px 0 6px; background: url(../css_img/mastLinkBg.gif) right center no-repeat;}
p#mast_links a.last {padding-right: 0; background: none;}

#mast-top #ctas a:focus {outline: 1px dashed #FFCC00;}

form#search {clear: right; text-align: right; float: right; margin: 0 32px 0 0; width: 400px; display: inline;}
form#search input.field {margin: 0 3px 0 0; padding: 7px 5px 3px; width: 215px; font-size: 1.1em; line-height: 1.3; border: 0 none;}
form#search input.button {background-color: #fc0; width: 90px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFCC00), color-stop(0.4, #FFD428), color-stop(1, #FFDF5F)); background-image: -moz-linear-gradient(center bottom, #FFCC00 0%, #FFD428 40%, #FFDF5F 100%); padding: 0 15px; font-size: 1.3em; line-height: 1; color: #262732; margin: 0; height: 28px; border: 0 none; text-shadow: 1px 1px 1px rgba(255,255,255,0.7); vertical-align: top; cursor: pointer;}
form#search input.button:hover {background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #FFCC00), color-stop(0.6, #FFD428), color-stop(0, #FFDF5F)); background-image: -moz-linear-gradient(center bottom, #FFCC00 100%, #FFD428 60%, #FFDF5F 0%);}
form#search a {display: block; text-align: right; font-size: .9em; padding: 0 0 5px 0;}

#pseudoH1 {float: left; display: inline; margin: 1px 16px; background: url(../css_img/elc-logo-on-inner.jpg) no-repeat top left; width: 133px; height: 79px;}
.home #pseudoH1 {background: url(../css_img/elc-logo-on.jpg) no-repeat top left;}
#pseudoH1 a {-webkit-transition: opacity ease-out .3s; -moz-transition: opacity ease-out .3s; -o-transition: opacity ease-out .3s; transition: opacity ease-out .3s; width: 133px; height: 79px; display: block;}
#pseudoH1 a:link, #pseudoH1 a:visited {background: url(../css_img/elc-logo-inner.jpg) no-repeat top left; opacity: 1;}
.home #pseudoH1 a:link, .home #pseudoH1 a:visited {background: url(../css_img/elc-logo.jpg) no-repeat top left;}
#pseudoH1 a:hover, #pseudoH1 a:active, #pseudoH1 a:focus {opacity: 0;}

#azservices {padding: 0;}
#azservices p {font-size: 1.15em; color: #fff; margin: 15px 0 0; float: left; display: inline;}
p#contact {float: right; clear:right; margin: 15px 32px 0 0; display: inline;}
p#contact a {background: url(../css_img/contactBg.gif) right center no-repeat; padding: 10px 24px 10px 0;}
#azservices ul {float: left; display: inline; list-style: none; margin: 5px 0 0; width: 820px;}
#azservices ul li {font-size: 1.6em; margin: 0 .91em 0 0; float: left; display: inline;}
#azservices ul li.last {margin: 0;}
#azservices ul li a {color: #fff;}
#azservices ul li a:active, #azservices ul li a:hover, #azservices ul li a:focus {color: #fc0;}
#azservices ul li span {font-weight: bold; color: #999;}

/* ############################################################## */

#announcement, #trackedURL {background: #000; color: #fff; margin: 0 16px 16px;}
#announcement div.h2, #trackedURL div.h2 {background: url(../css_img/dottedBg.gif) repeat-x left bottom; margin: 12px; padding: 10px; font-size: 1.3em; color: #fc0;}
#announcement p, #trackedURL p {float: none; text-align: left; width: auto; background: none; padding: 0 20px 10px 20px; font-size: 1.1em;}
#announcement p a:link, #announcement p a:visited, #announcement p a:hover, #announcement p a:active {color: #fca1fc; padding: 10px 0;}
	
/* ############################################################## */

#content {margin: 0 0 16px; width: 968px; min-height: 350px;}
#content.withWidth {margin: 0 0 20px 231px; width: 737px;}
#content .innerContent { float: left; display: inline; margin: 0 20px 0 0; width: 567px;}
#content .additionalContent { float: left; margin: 0; width: 150px; }

#content #breadcrumb {font-size: .9em; color: #666; padding: 0 0 9px; border-bottom: 5px solid #474c60;}
#content #breadcrumb ul {margin: 0; padding: 0; list-style: none;}
#content #breadcrumb ul li {margin: 0; padding: 0 4px 0 0; display: inline;}
#content #breadcrumb ul li a:link, #content #breadcrumb ul li a:visited, #content #breadcrumb ul li a:hover, #content #breadcrumb ul li a:active {background: url(../css_img/bcBg.gif) no-repeat right 2px; padding: 0 15px 0 0; font-weight: normal; color: #202083; border: 0 none;}
#content #breadcrumb ul li a:hover, #content #breadcrumb ul li a:active {text-decoration: underline;}
#content #breadcrumb ul li span {color: #999;}

h1, h2, h3, h4, h5, h6 {font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color: #262732;}
#content h1 {margin: 10px 0 15px; font-size: 2.3em;}
#content h1.hidden {margin-left: -20000px; position: absolute;}
#content h2, #content .person_box dt {margin: 0 0 10px; clear: left; font-size: 1.6em;}
#content h2.special, #content .person_box dt {background: url(../css_img/navBulletGray.gif) no-repeat left 6px; padding-left: 16px; font-size: 1.3em;}
#content h2.signin {font-size: 1.2em; color: #fff; background: #000; padding: 3px 10px; margin-bottom: 0;}
#content h3 {margin: 0 0 10px 0; font-size: 1.2em; font-weight: bold;}
#content h3.special {background: url(../css_img/navBulletGray.gif) no-repeat left 6px; padding-left: 16px;}
#content h4 {margin: 0 0 10px 0; font-size: 1.1em; font-weight: bold;}

#content p {padding: 0 0 10px;} 
#content p.summary {font-size: 1.1em; line-height: 1.5;}
#content p.date {margin: 10px 0 0 0; font-size: .9em; color: #666;}
#content p.faq {margin: 0 15px;}
#content p.page_down {margin: 0 15px 10px 15px; padding-left: 20px; background: url(../css_img/icon_download.gif) no-repeat 0 .4em;}
#content p.news {margin: 0; font-size: 1.1em;}
#content p.small {font-size: .9em;}
#content p.note {margin: 0; color: #666;}
#content p.details {margin: 5px 0; padding: 0; font-size: .9em; color: #666;}

#content strong {font-weight: bold;}
#content .byEditor em {font-style: italic;}

#content blockquote {font-style:italic; color:#666; margin:5px 10px 12px;}

#content table { margin: 10px 0; width: 99%; border-collapse: collapse; background: #eee; border: 1px solid #ddd}
#content table tr { border: 1px solid #fff; background: #eee}
#content table td { border: 1px solid #fff; background: #eee; padding: 5px}
#content table th { border: 1px solid #fff; background: #404457; color: #fff; font-weight: bold; font-size: 1.1em; line-height: 1.6em}
#content table th a:link, #content table th a:visited, #content table th a:hover, #content table th a:active { color: #fff; }
#content table caption { font-size: 1.1em; }

#content .serviceDetails table th {vertical-align: top; font-size: 1em; text-align: left; padding: 5px;}

#content strong, #content span.email, #content span.fax, #content span.tel, #content span.arrw, #content span.user { font-weight: bold; color: #333;}
#content address { font-style: normal; background: url(../css_img/icon_email.gif) no-repeat 0 4px; padding: 3px 0 3px 20px;}

#content ul li {padding-bottom: 10px;}
#content ol li {padding-bottom: 10px;}

#content div.info_left {margin: 0; padding: 0 1%; float: left; width: 47%;}
#content div.info_right {margin: 0; padding: 0 1%; float: right; width: 47%;}
#content ul.info_left {margin: 0; padding: 0 1% 0 0; float: left; width: 49%;}
#content ul.info_right {margin: 0; padding: 0; float: left; width: 49%;}
#content ul.info_right li, #content ul.info_left li {margin: 0 0 10px 0; padding: 0;} 

#content ul.list { margin: 0; padding: 0; list-style: none;}
#content ul.list li { margin: 0 0 10px 0; padding: 0 0 0 15px; background: url(../css_img/icon_bullet.gif) no-repeat 0 0.45em;}
#content ul.list li ul li {list-style: none;}
#content ul.noList {margin: 0; padding: 0; list-style: none;}
#content ul.noList li {margin: 0 0 10px 0;}
#content ol.orderd_list {margin: 0 0 10px 30px;}
#content .sitemap ul {padding-left: 15px;}
#content ul.meetings {margin: 0 10px 5px 0; background: none; list-style: none;}

#content .lead_item {font-size: 1.1em;}

#content .poll_box {padding: 0 0 10px 0;}
#content .poll_box img {margin: 10px 0; border: 1px solid #666; padding: 1px;}

#content .listed_item, #content .download_box, #content .cate_info, #content .doc_info, #content .sitemap, #content .lead_item, #content .contactbox, #content .gallery_box, #content .poll_box, .topten {padding: 0 0 15px; margin: 0 0 15px; clear: both; background: url(../css_img/japaneseDots.gif) left bottom repeat-x; overflow: hidden;}
#content .contactbox {margin-top: 40px;}
#content .councillor_info img { max-height: 130px;}
#content .listed_item .byEditor img, #content .listed_item .snippet img, #content .listed_item h3 img, #content .listed_item img.contentimage {height: auto;}
#content .download_box ul {margin: 0; padding: 0; list-style: none;}
#content .download_box ul li {margin: 0 0 5px 15px; padding: 0 0 0 15px; background: url(../css_img/icon_bullet.gif) no-repeat 0 0.45em;}

#content .councillor_info img { max-height: none; }

#content .poll_box img { margin: 10px 0; border: 1px solid #666; padding: 1px;}

#content img.browsealoudLogo {float: right; margin-left: 10px;}

#content img.contentimage, #content .lead_item img {float: right; margin: 0 0 15px 15px; width: 180px; border: 1px solid #9FA1AB; padding: 1px;}
#content img.main_image { float: right; margin: 0 0 15px 15px; width: 220px; border: 1px solid #666; padding: 1px;}

#content .event_box {clear: none;}
#content .event_box p { padding: 0 0 10px 25px; }

#content .news_result img, #content .az_result img,  #content .contact_sub img {float: right; margin: 0 0 5px 5px; width: 180px; border: 1px solid #9FA1AB; padding: 1px;}
#content .contact_sub img {float: left; margin: 0 5px 5px 5px; height: 65px; border: 1px solid #9FA1AB; padding: 1px;}
#content .person_box img { height: 60px; border: 1px solid #9FA1AB; padding: 1px; float: left; margin: 5px 10px 10px 0; }
#content .news_result p, #content .az_result p , #content .user_list p , #content .contact_sub p { padding-bottom: 10px;}

#content #pagenavbox {padding-top: 10px; padding-bottom: 0; background: none;}
#content #pagenavbox ol li.current {color: #999;}

#content .keymatch	 { border: 1px solid #E5E5E5; padding: 10px; background: #f5f5f5; margin: 10px 0 20px 0; }
#content .keymatch h3 { font-weight: bold; background: url(../css_img/navBullet.gif) no-repeat left 5px; padding-left: 16px;}

#content .additional { padding: 10px; background: #f5f5f5;  margin: 30px 0 ;}
#content .additional h2 { font-size: 1.1em; font-weight: bold; background: url(../css_img/navBullet.gif) no-repeat left 5px; padding-left: 16px;}

#content abbr {border-bottom: 1px dotted #aaa;}

#content ul.meeting-list { margin: -31px 20px 30px; padding: 0; list-style: none;}
#content ul.meeting-list li { margin: 0 0 3px; padding: 0;}
#content .recentMeetings h2 { font-weight: bold; margin: 0 0 5px; padding: 0; font-size: 1em; }
#content .recentMeetings ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; }
#content .recentMeetings ul li { color: #666; margin: 0 0 5px; padding: 0; }
#content .recentMeetings ul a { display: block; }

#content .meeting_box   { border: 1px solid #fff; background: #eee; padding: 0;  margin: 0 0 20px 0; }
#content .meeting_box h3 { background: #404457 url(../css_img/adBG2.gif) repeat-x 0 bottom; color: #fff; margin: 0; padding: 6px 10px 5px 10px; }
#content .meeting_box ul.list { margin: 20px; }
	
#content #related {padding: 0 0 20px; margin-top: 20px; clear: both;}
#content #related h3 {font-weight: normal; font-size: 1.5em; margin: 0 0 2px;}
#content #related ul { margin: 0; padding: 0; list-style: none; }
#content #related ul li { margin: 0 15px 0 0; padding: 0; display: inline; line-height: 2.7;}
#content #related ul li a, #content span.email, #content span.fax, #content span.tel, #content span.arrw, #content span.user { padding: 3px 0;}
#content span.user { background: url(../css_img/icon_user.gif) no-repeat 0 0.25em; padding-left: 20px;}
#content span.tel { background: url(../css_img/icon_tel.gif) no-repeat 0 0.25em; padding-left: 20px;}
#content span.arrw { background: url(../css_img/icon_arrow.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relform a:link, #content #related ul li.relform a:visited, #content #related ul li.relform a:hover, #content #related ul li.relform a:active { border: none; background: url(../css_img/icon_form.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.reldownload a:link, #content #related ul li.reldownload a:visited, #content #related ul li.reldownload a:hover, #content #related ul li.reldownload a:active { border: none; background: url(../css_img/icon_download.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relmeet a:link, #content #related ul li.relmeet a:visited, #content #related ul li.relmeet a:hover, #content #related ul li.relmeet a:active { border: none; background: url(../css_img/icon_meet.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.reldocs a:link, #content #related ul li.reldocs a:visited, #content #related ul li.reldocs a:hover, #content #related ul li.reldocs a:active { border: none; background: url(../css_img/icon_doc.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relnews a:link, #content #related ul li.relnews a:visited, #content #related ul li.relnews a:hover, #content #related ul li.relnews a:active { border: none; background: url(../css_img/icon_news.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relevents a:link, #content #related ul li.relevents a:visited, #content #related ul li.relevents a:hover, #content #related ul li.relevents a:active { border: none; background: url(../css_img/icon_event.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relfaq a:link, #content #related ul li.relfaq a:visited, #content #related ul li.relfaq a:hover, #content #related ul li.relfaq a:active, #content span.comment { border: none; background: url(../css_img/icon_faq.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relprint a:link, #content #related ul li.relprint a:visited, #content #related ul li.relprint a:hover, #content #related ul li.relprint a:active, #content span.fax { border: none; background: url(../css_img/icon_print.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relemail a:link, #content #related ul li.relemail a:visited, #content #related ul li.relemail a:hover, #content #related ul li.relemail a:active, #content span.email { border: none; background: url(../css_img/icon_email.gif) no-repeat 0 0.25em; padding-left: 20px;}
#content #related ul li.relcomment a:link, #content #related ul li.relcomment a:visited, #content #related ul li.relcomment a:hover, #content #related ul li.relcomment a:active { border: none; background: url(../css_img/icon_comment.gif) no-repeat 0 0.25em; padding-left: 20px;}

#content #calendarcontainer {float: right; width: 200px; margin: 0 15px 10px 15px; }
#content #calendarcontainer #calendar td { text-align: center; line-height: 1.8em; padding: 0;}
#content #calendarcontainer table#calendar td.today { background: #fc3; color: #333;}
#content #calendarcontainer #calendar td a:link, #content #calendarcontainer #calendar td a:visited, #content #calendarcontainer #calendar td a:hover, #content #calendarcontainer #calendar td a:active { background: #c6c; color: #fff; display: block; text-decoration: none; border: none;}
#content #calendarcontainer #calendar td a:hover, #content #calendarcontainer #calendar td a:active { background: #fc0; color: #333; border: none;}
 	
#content #az_index, #content .bottom_bird {margin: 0 0 30px; padding: 0 0 25px 0; background: url(../css_img/divider.gif) right bottom no-repeat;}
#content #az_index ul {text-transform: uppercase; list-style: none; margin: 0; padding: 0 0 20px 0;}
#content #az_index li {list-style: none; display: inline; font-size: 1.6em;}
#content #az_index li a, #az_index li span {float: left; text-align: center; line-height: 1.1em; margin: 0 0 6px 6px; padding: 2px 3px 3px 3px; width: 1.4em; display: block;}
#content #az_index li a:link, #content #az_index li a:visited, #content #az_index li a:hover, #content #az_index li a:active {border: 1px solid; background: #fff;}
#content #az_index li span {border: 1px solid; color: #ccc; background: #fff;  font-weight: bold;}
#content #tag_cloud a {padding: .1em .4em; margin: 2.2em .4em; line-height: 1.4;}
 	
#content .person_box { width: 48%; margin: 10px 1% 10px 0; float: left; padding: 0; }
#content .person_box dd { padding: 0 0 5px 0; }
#content .person_box dd.border { border-bottom: 1px solid #9FA1AB; padding-bottom: 10px;}
#content .person_box dt {clear: both;}

#content .rightSupplements {width: 195px; float: right; margin: 0 15px 0 0;}

#content .galleryNavigation {width: 240px; float: right; display: inline; margin-bottom: 20px;}
#content .galleryNavigation h2 {font-size: 1.2em;}
#content .galleryNavigation h3 {font-size: 1.2em; margin-top: 10px; color: #333}
#content .galleryNavigation p {font-size: .9em; color: #666; margin: 0; padding: 5px 0; clear: both;}
#content .galleryNavigation p strong {color: #333}
#content .galleryNavigation ol {font-size: .9em; color: #666; margin: 0 0 0 20px; padding: 5px 0; clear: both;}
#content .galleryNavigation #gallery_near_items {list-style: none; margin: 0 0 10px 0; padding: 0;}
#content .galleryNavigation #gallery_near_items li {position: relative; font-size: .9em; color: #666; text-align: center; float: left; display: block; padding: 5px 10px 15px; width: 75px; height: 75px; background: #f5f5f5; border: 1px solid #e5e5e5; margin: 0 15px 15px 0;}
#content .galleryNavigation #gallery_near_items li img.typeIcon {position: absolute; bottom: 10px; right: 10px;}
#content #gallery_item, #content #podcast_multimedia {float: left; display: inline; margin: 0 10px 20px 0; text-align: left; padding-top: 10px;}
#content #gallery_item img, #content #podcast_multimedia object {margin: 0 0 10px;}
#content .galleryNavigation #gallery_near_items li.previous {background: #f5f5f5 url(../css_img/left_arrow.gif) no-repeat left bottom;}
#content .galleryNavigation #gallery_near_items li.next {background: #f5f5f5 url(../css_img/right_arrow.gif) no-repeat right bottom;} 
#content ul#gallery_list {margin: 0; padding: 0; list-style: none;}
#content ul#gallery_list li {position: relative; display: block; float: left; margin: 10px; text-align: center; padding: 5px; height: 210px; width: 210px; font-size: .8em; color: #999;}
#content ul#gallery_list li strong {color: #333; font-size: 1.2em;}
#content ul#gallery_list li img {margin: 5px auto; display: block;}
#content ul#gallery_list li img.typeIcon {position: absolute; top: 5px; right: 5px; border: none;}

#content .page_nav {clear: both; background: #f5f5f5; margin: 20px 0; padding: 10px; text-align: center;}
#content .page_nav a:link, #content .page_nav a:visited, #content .page_nav a:hover, #content .page_nav a:active {background: none;}
 	
#content .featureAdvert {border: 1px solid #ddd; width: 180px; margin: 15px 10px 0 10px; text-align: center; overflow: hidden; float: left;}
#content .featureAdvert img { border-bottom: 1px solid #ddd; width: 176px;}
#content .featureAdvert p {padding: 5px;}

#content .supplement {margin: 15px 0; padding: 10px 20px; clear: left; background: #eee; width: 524px;}
#content .supplement h2, #content .supplement p {color: #333;}
#content .supplement h2 {font-size: 1.5em;}
#content .supplement img {margin: 0 5px 5px 0;  width: 176px;}

#content .cta_supplement {overflow: hidden; width: 564px;}
#content .cta_supplement a {margin:0; background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3)); background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3)); background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3)); background-image: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(255, 255, 255, .0)), to(rgba(255, 255, 255, .3))); background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3)); background-image: linear-gradient(bottom, rgba(255, 255, 255, .0), rgba(255, 255, 255, .3)); color:#262732; width: 100%; float: left; display: inline; margin: 0 0 15px;}
#content .cta_pay a {background-color:#fc0;}
#content .cta_pay a:hover {background-color:#ffd52b;}
#content .cta_report a {background-color:#cd67cd;}
#content .cta_report a:hover {background-color:#d580d5;}
#content .cta_apply a {background-color:#f47b2a; margin-bottom: 0;}
#content .cta_apply a:hover {background-color:#f6914d;}
#content .cta_supplement a span {margin:4px; border-width:1px; border-style:solid; cursor: pointer; display: block; overflow: hidden;}
#content .cta_pay a span {border-color:#e9c01e;}
#content .cta_report a span {border-color:#c568c5;}
#content .cta_apply a span {border-color:#ec7e33;}
#content .cta_supplement a span span {margin:0; padding:8px 0 7px; color:#262732;}
#content .cta_pay a span span {border-color:#ffe98d;}
#content .cta_report a span span {border-color:#e9bbe9;}
#content .cta_apply a span span {border-color:#fac39f;}
#content .cta_supplement a span span span {border: 0 none; font-size: 1.4em; padding: 3px 0; float: left; display: inline; text-shadow:1px 1px 1px rgba(255,255,255,.8);}
#content .cta_supplement a span span span.heading {margin: 0 0 0 15px;}
#content .cta_supplement a span span span.desc {margin: 0 0 0 5px; font-weight: bold;}

/* ############################################################## *

#content .sociable {margin: 1em 0; padding: 0; clear: both;}
#content .sociable h3 {margin: 0; font-size: 1.2em; padding-bottom: .3em;}
#content .sociable ul {float: left; font-size: 1em; list-style: none; padding: 0 0 1.5em; margin: 0; width: 100%;}
#content .sociable ul li {display: inline; list-style-type: none; padding: .8em 1.8em .7em 2em; line-height: 2.5em;}
#content .sociable ul li.digg {background: url(../css_img/bm16pxdigg.gif) no-repeat left;}
#content .sociable ul li.delicious {background: url(../css_img/bm16pxdelicious.gif) no-repeat left;}
#content .sociable ul li.stumbleupon {background: url(../css_img/bm16pxstumble.gif) no-repeat left;}
#content .sociable ul li.reddit {background: url(../css_img/bm16pxreddit.gif) no-repeat left;}
#content .sociable ul li.facebook {background: url(../css_img/bm16pxfacebook.gif) no-repeat left;}
#content .sociable ul li.mixx {background: url(../css_img/bm16pxmixx.gif) no-repeat left;}
#content .sociable ul li.google {background: url(../css_img/bm16pxgoogle.gif) no-repeat left;}
#content .sociable ul li.linkedin {background: url(../css_img/bm16pxlinkedin.gif) no-repeat left;}
#content .sociable ul li.live {background: url(../css_img/bm16pxlive.gif) no-repeat left;}
#content .sociable ul li.newsvine {background: url(../css_img/bm16pxnewsvine.gif) no-repeat left;}
#content .sociable ul.whatis {padding: 1em 0 0;}

/* ############################################################## */

#column_nav {width: 215px; float: left; padding: 0; margin: 0 0 0 -984px;}

#column_nav h2.navWidget, .navigation h2.navWidget {font-size: 1.3em; color: #fff; padding: 5px 10px 7px; background: #202128 url(../css_img/navBG.gif) repeat-x center bottom; font-weight: normal;}
#column_nav ul.navWidget, .navigation ul.navWidget {margin: 5px 0 16px; padding: 0; list-style: none;}
#column_nav ul.navWidget li {margin: 0; color: #333; padding: 0; border-bottom: 1px solid #EEF0F7;}
.navigation ul.navWidget li {display: inline;}
#column_nav ul.navWidget li a:link, #column_nav ul.navWidget li a:visited, 
.navigation ul.navWidget li a:link, .navigation ul.navWidget li a:visited {
background: url(../css_img/navBullet.gif) no-repeat left 7px; font-weight: normal; padding: 3px 5px; padding-left: 20px; display: block; color: #202083;} 

/* New column stuff */
#column_nav ul.navWidget li.current {border-bottom: 0;}
#column_nav ul.navWidget li.current a:link, #column_nav ul.navWidget li.current a:visited, #column_nav ul.navWidget li.current a:hover, #column_nav ul.navWidget li.current a:active, #column_nav ul.navWidget li.current ul.navWidget li.current a:link, #column_nav ul.navWidget li.current ul.navWidget li.current a:visited, #column_nav ul.navWidget li.current ul.navWidget li.current a:hover, #column_nav ul.navWidget li.current ul.navWidget li.current a:active, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current a:link, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current a:visited, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current a:hover, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current a:active, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current a:link, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current a:visited, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current a:hover, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current a:active {font-weight: bold;}
#column_nav ul.navWidget li.current ul.navWidget {padding-left: 10px; margin-top: 0; margin-bottom: 0; border-top: 1px solid #EEF0F7;}
#column_nav ul.navWidget li.current ul.navWidget li a:link, #column_nav ul.navWidget li.current ul.navWidget li a:visited, #column_nav ul.navWidget li.current ul.navWidget li a:hover, #column_nav ul.navWidget li.current ul.navWidget li a:active, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li a:link, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li a:visited, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li a:hover, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li a:active, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current ul.navWidget li a:link, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current ul.navWidget li a:visited, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current ul.navWidget li a:hover, #column_nav ul.navWidget li.current ul.navWidget li.current ul.navWidget li.current ul.navWidget li a:active {font-weight: normal;}

#column_nav ul.navWidget li a:hover, #column_nav ul.navWidget li a:active, 
.navigation ul.navWidget li a:hover, .navigation ul.navWidget li a:active {
background: #f5f5f5 url(../css_img/navBullet.gif) no-repeat 3px 7px; font-weight: normal; padding: 3px 5px; padding-left: 20px; display: block; text-decoration: none;} 

#column_nav .supplement {margin: 0 0 16px;}
#column_nav .supplement p, #column_nav .supplement address {margin: 5px;}
#column_nav .supplement img {margin: 0 5px 5px 0; width: 212px; padding: 1px; border: 1px solid #ccc;}
#column_nav .supplement h2 {margin-bottom: 3px;}
#column_nav .supplement ul.navWidget {margin-bottom: 0;}
#column_nav .supplement .email a {word-wrap: break-word; display: block;}

.navigation {clear: both; margin: 0 16px 20px;}
.navigation ul li {line-height: 2;}
.navigation h2 {margin-bottom: 10px;}
.navigation h2 a:link, .navigation h2 a:visited, .navigation h2 a:hover, .navigation h2 a:active {color: #fc0; font-weight: normal;}
.navigation ul.navWidget li a:link, .navigation ul.navWidget li a:visited, .navigation ul.navWidget li a:hover, .navigation ul.navWidget li a:active {display: inline; background-position-y: 5px;}

/* ############################################################## */

#footerTop {clear: both; color: #999; font-size: .9em; background: url(../css_img/footerTopBg.gif) no-repeat center top; padding: 6px 0 0; margin: 0;}
#footerMid {background: url(../css_img/footerMidBg.jpg) no-repeat center top; padding: 0 0 0 32px ; overflow: hidden;}
#footerBtm {background: url(../css_img/footerBtmBg.gif) no-repeat center bottom; padding: 0 0 6px;}

#footerMid .smallLinks {float: left; display: inline; width: 707px; }
#footerMid p {margin: 0; padding: 0 0 6px; color: #999; font-size: .95em;}
#footerMid ul {margin: 0 0 6px; padding: 0; list-style: none; overflow: hidden;}
#footerMid ul li {padding: 0 0 0 15px; background: url(../css_img/footerRightLinkBg.gif) left center no-repeat; margin: 0 5px 0 0; float: left; display: inline;}
#footerMid ul li.first {background: none; padding: 0;}
#footerMid a {font-weight: normal;}
#footerMid a:link, #footerMid a:visited {color: #fff;}
#footerMid a:active, #footerMid a:hover, #footerMid a:focus {color: #fc0;}

#addressBox {width: 200px; float:left; display: inline; margin-right: 46px; background: url(../css_img/map.gif) no-repeat left 17px;}
#addressBox ul {list-style: none; margin: 0; padding: 25px 0 8px 85px; overflow: hidden;}
#addressBox ul li {padding: 0 0 0 15px; background: url(../css_img/footerLeftLinkBg.gif) left center no-repeat; margin: 0 0 3px; clear: both; float: left;}
#addressBox p {margin: 0; clear: both; font-size: .9em; padding: 0 0 14px;}

p#toTheTop {padding-top: 25px;}
p#toTheTop a:link, p#toTheTop a:visited, p#toTheTop a:hover, p#toTheTop a:active, p#toTheTop a:focus {color: #fc0;}

#footerMid .twitterFooter {width:176px; height: 35px; display: inline; float:right; margin: 15px 0 0 0; }
#footerMid .twitterFooter span {text-align: -10000; top: -100000; display: none;}
#footerMid .twitterFooter a {width:176px; height: 35px; display: block; cursor: pointer; ;background: url(../css_img/east-lothian-twitter.gif) no-repeat; }
#footerMid .twitterFooter a:hover {background: url(../css_img/east-lothian-twitter-hover.gif) no-repeat; }


/* ### FOI DOWNLOAD FILTER ### */

form#foiFilter #filter {display: block; clear: both; margin-bottom: 15px; padding-top: 10px; border-top: 1px solid #EEF0F7;}
form#foiFilter #filter p {width: 31%; float: left; display: inline; padding-top: 8px; margin-right: 10px; border: 1px solid #fff;}
form#foiFilter #filter p:hover, form#foiFilter #filter p:active {background: #EEE;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e7e7e7; box-shadow: inset 1px 1px 0px #f6f4f4;}
form#foiFilter #filter p label, form#foiFilter #filter p select {float: left; display: inline; }
form#foiFilter #filter p select.dates {cursor: pointer;width: 35%; }
form#foiFilter #filter p label {padding-top: 2px; width: 40%; }
form#foiFilter p.last {text-align: center; border-top: 1px solid #EEF0F7; padding-top: 10px;}
form#foiFilter p.last input.button {cursor: pointer; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
form#foiFilter p.last input.button:hover, form#foiFilter p input.button:active {background: #262732;}

form#foiFilter .topic p {width: 45% !important; padding-right: 15px; margin-right: 3px !important;}
form#foiFilter .topic p label {width: 110px !important; }
form#foiFilter .topic p select {width: 175px;}