/**
 * PortlandOregon.gov
 * @author eGovernment_Team
 * @version 2.0

 * TABLE OF CONTENTS

 * > IMPORTS

 * > BASE STYLES
 * > > MAIN HEADER
 * > > CITY LOGO
 * > > BUREAU HEADER
 * > > BUREAU TITLES
 * > > BUREAU CONTACT INFO
 * > > BUREAU LOGOS
 * > > HEADER STRIPE
 * > > UTILITY STRIPE
 * > > UNDER STRIPE
 * > > FOOTER
 * > > WRAPPERS & CONTENT
 * > > BUTTONS
 * > > OBJECTS

 * > NAVIGATION
 * > > CMS
 * > > PAGINATION
 * > > ACCESSIBLITY
 * > > SECTION NAV
 * > > BUREAU NAV
 * > > BREADCRUMBS
 * > > UTILITY NAV
 * > > FONT RESIZING

 * > LAYOUT
 * > > ARTICLE
 * > > BETA BADGE
 * > > TINYMCE STYLES
 * > > GRID MODS
 * > > TABLES
 * > > LISTS
 * > > SLIDESHOW
 * > > COMMENTS
 * > > MODAL
 * > > MODAL (POPUP)
 * > > MODAL (WELCOME SCREEN)
 * > > FEATURED CONTENT
 * > > PROMOTED CONTENT
 * > > IMPORTANT NOTICES
 * > > SEARCH RESULTS

 * > TYPOGRAPHY
 * > > HEADINGS
 * > > RULES & WEIGHTS
 * > > PARAGRAPHS
 * > > LINKS
 * > > MISC

 * > FORMS
 * > > SIGN-IN
 * > > TRACKIT
 * > > EMMA SIGNUP

 * > TEMPLATE-SPECIFIC STYLES
 * > > APPLICATION
 * > > CITY HOMEPAGE
 * > > BUREAU HOMEPAGE
 * > > OUTLINE TEMPLATE
 * > > CALENDAR
 * > > > CALENDAR VIEW
 * > > > MONTH/WEEK OUTLINE
 * > > > EVENT DETAIL
 * > > > EVENT MODAL
 * > > > GRID DISPLAY
 * > > > LEGEND
 * > > > SITE MAP
 * > > PAGE LISTINGS
 * > > BLOG
 * > > SOCIAL MEDIA

 * > WIDGETS
 * > > SHARED STYLES
 * > > SIDE CONTENT
 * > > RECENTLY ADDED
 * > > TWITTER
 * > > FLICKR
 * > > RSS SUBSCRIBE
 * > > LOGIN
 * > > FACEBOOK
 * > > FACEBOOK (2012 EDITION)
 * > > EVENTS
 * > > HOURS
 * > > YOUTUBE
 * > > JOBS
 * > > CONNECT
 * > > PROJECT PAGE WIDGETS
 * > > > TWITTER
 * > > > BLOG
 * > > > CONTACT (Sidebar)
 * > > > CONNECT (Sidebar)
 * > > > SLIDESHOW
 * > > > I WANT TO
 * > > PROGRAM PAGE
 * > > > EVENTS
 * > > GOOGLE TRANSLATE
 * > > PUBLIC ALERTS

 * > > ACCESIBILITY STYLES

 * > IE-SPECIFIC HACKS

*/

/* ============================= IMPORTS =========================== */
@import'resets.css';
@import'cms.css';
@import'960.css';

/* =========================== BASE STYLES ========================= */

html {
	-webkit-font-smoothing:antialiased;
}

body {
	font: 12px/1.3 sans-serif;
	margin:0;
	padding:0;
	background:#edece8 url(/assets/images/bg-body.gif);
}


	/* --------------- BASE : MAIN HEADER --------------- */
	#main-header {
		background:url(/assets/images/top-gray.png) repeat-x;
		border-top:1px solid #ccc;
		padding:9px 0 0;
		width: 100%;
		min-width: 960px;
	}
	#main-header h1 {
		float:left;
		height:37px;
		margin:6px 0 0;
		width:300px;
	}
	#main-header h1 a {
		display:block;
		height:100%;
		color: #fff;
	}


	/* --------------- BASE : BRANDING WRAP -------------- */
	#branding-wrap {
		background:url(/assets/images/branding-bg.png) no-repeat;
		position:relative;
	}


	/* ----------------- BASE : CITY LOGO ---------------- */
	#city-logo {
		height: 37px;
		width: 300px;
		background: url(/assets/images/city-of-portland-seal.png) no-repeat;
		border: none;
		padding: 0px;
	}
	#city-logo a:hover {
		background-color: transparent
	}


	/* --------------- BASE : BUREAU HEADER ---------------*/
	#bureau-header{
		overflow:auto;
		overflow-x:hidden;	/* Workaround Chrome 61 scrollbar bug */
	}
	#bureau-header a:link,
	#bureau-header a:visited{
		color:#fff;
		text-decoration:none;
		border-bottom:none;
	}


	/* --------------- BASE : BUREAU TITLES ---------------*/
	#bureau-titles {
		float:left;
		width: 630px;
	}
	#bureau-titles hgroup {
		height: 94px;
		padding:26px 0 0px;
		color:#fff;
	}
	#bureau-titles hgroup a,
	#bureau-titles hgroup a:hover {
		background:none;
		font-style: normal;
	}
	#bureau-titles h1 {
		font-family:'Helvetica Neue', Arial, Sans-serif;
		line-height:1.3em;
		text-rendering:optimizeLegibility;
		font-size:2.7em;
		font-weight:400;
		margin:0;
		white-space: nowrap;
	}
	#bureau-titles h1.parent-org {
		font-size: 1em;
	}


	/* ----------- BASE : BUREAU CONTACT INFO ------------ */
	#bureau-contact-info {
		display: inline-table;
		float:right;
		width: 320px;
		color: #FFF;
		font-size: 1.1em;
		text-align:right;
	}
	#bureau-contact-info a:link,
	#bureau-contact-info a:visited,
	#bureau-contact-info a:hover{
		font-size: 0.9em;
		font-weight: 700;
		text-transform: uppercase;
		border-bottom: 1px dotted white;
	}
	#bureau-contact-info .cell {
		display: table-cell;
		vertical-align: middle;
		height: 121px;
	}
	#bureau-contact-info p {
		margin: 0;
		padding: 0;
	}
	#bureau-contact-info .bureau-phone-numbers {
		margin-bottom: 14px;
		font-size: 1.1em
	}
	#bureau-contact-info .bureau-phone-numbers p {
		line-height: 18px;
	}
	#bureau-contact-info .bureau-phone-numbers .desc {
		font-weight: bold;
		text-transform: uppercase;
		font-size: 12px;
		padding-right: 7px;
	}
	#bureau-contact-info .adr {
		margin: 0;
		padding: 0;
	}
	#bureau-contact-info .more {
		margin-top: 2px;
	}


	/* --------------- BASE : BUREAU LOGOS --------------- */
	#pog-water img.logo {float:left;margin:15px 10px 0 0;}
	#pog-transportation img.logo {float:left;margin:36px 5px 0 0;}
	#pog-fire img.logo {float:left;margin:27px 10px 0 0;}
	#pog-bes img.logo {float:left;margin:20px 10px 0 0;}
	#pog-bhr img.logo {float:left;margin:25px 10px 0 0;}
	#pog-bps img.logo {float:left;margin:20px 10px 0 0;}
	#pog-regional img.logo {float:left;margin:20px 10px 0 0;}
	#pog-oct img.logo {float:left;margin:12px 12px 0 0; width: 100px;}
	#pog-parks img.logo {float:left;margin:20px 10px 0 0; width: 98px; height: 78px;}
	#pog-pbem img.logo {float:left;margin:16px 10px 0 0; width: 90px; height: 87px;}
	#pog-police img.logo {float:left;margin:25px 10px 0 0; border: none;}
	#pog-pssrp img.logo {float:left; margin:18px 10px 0 0; width: 80px; height: 80px;}
	#pog-revenue img.logo {float:left; margin:32px 10px 20px 10px;}
	#pog-bts img.logo {float:left; margin:23px 14px 0 0;}
	#pog-ebs img.logo {float:left;margin:25px 14px 0 0;}
	#pog-green_atlas img.logo {float:left;margin:15px 14px 0 0;}
	#pog-utility_billing img.logo {float:left;margin:28px 10px 0 0;}


	/* --------------- BASE : HEADER STRIPE -------------- */
	#header-stripe {
		background:#f4f4f4 url(/assets/images/header-stripe-bg.jpg) no-repeat 20% bottom;
		height:50px;
	}
	#header-stripe #search-form-wrap {
		background:url(/assets/images/bg-search-wrap.jpg) no-repeat right;
		float:right;
		position:relative;
		min-width:272px;
		padding:10px 0 9px 10px;
	}
	#header-stripe .search-results {
		display:none;
	}
	#header-stripe form {
		background:url(/assets/images/search-box.png) no-repeat left;
	}
	#header-stripe form [type=text] {
		background:transparent;
		border:0 none;
		color:#666;
		/* line-height:0.75; */
		vertical-align:middle;
		width:160px;
		margin:0;
		padding:6px 12px 7px 27px;
		font-size: 100%;
	}
	#header-stripe form div {
		background-color:#ffc;
		border-bottom:3px;
		border-left:3px;
		border-right:1px;
		border-top:1px;
		left:-4px;
		position:absolute;
		top:42px;
		width:256px;
		z-index:999;
		border-color:#fc6;
		border-style:solid;
		padding:2px;
	}
	#header-stripe form div img {
		left:8px;
		position:absolute;
		top:-12px;
	}
	#header-stripe form div li {
		border-bottom:1px solid #fc6;
		font-size:16px;
		margin-bottom:1px;
	}
	#header-stripe form div a {
		border:0 none;
		color:#333;
		display:block;
		text-decoration:none;
		padding:3px 4px;
	}
	#header-stripe form a.adv-search {
		background:url(/assets/images/ico-arrowball.png) no-repeat right;
		color:#000;
		font-family:'Vollkorn', Georgia, serif;
		font-size:11px;
		text-decoration:none;
	}


	/* -------------- BASE : UTILITY STRIPE -------------- */
	#utility-stripe {
		background:
		/*#484848*/
		#333 url(/assets/images/stripe-shadow.png) repeat-x;
		height:30px;
	}
	#utility-stripe .container_16 {
		position: relative;
	}
	#utility-stripe a {
		border:0 none;
		color:#fff;
		text-decoration:none;
	}


	/* ----------------- BASE : UNDER STRIPE ----------------- */
	#under-stripe {
		background:
		/*#333*/
		#666 url(/assets/images/under-stripe-bg.png) repeat-x bottom;
		display:block;
		height:159px;
		position:absolute;
		width:100%;
		min-width: 960px;
	}


	/* ----------------- BASE : FOOTER ----------------- */
	#footer {
		background:#444 url(/assets/images/under-stripe-bg.png) repeat-x center 1px;
		padding-bottom:40px;
		margin:0;
	}
	#footer a.backtotop {
		background:#eee url(/assets/images/up-arrow.png) no-repeat 0 3px;
		border:0 none;
		color:#333;
		display:block;
		text-decoration:none;
		margin:0;
		padding:12px 25px;
	}
	#footer a.backtotop:hover {
		background-position:0 -27px;
		top:0;
	}

	#footer-directory {
		margin:0 0 50px;
		padding:30px 0;
	}

	#footer div,
	.headerLinks{
		position:relative;
	}
	#footer-directory h4 {
		color:#ddd;
		display:block;
		font-family:'Vollkorn', Georgia, serif;
		font-size:18px;
		text-decoration:none;
		margin:0 0 8px 0;
		font-weight: normal
	}

	#footer-directory li {
		list-style:none;
		margin: 0.75em 0;
	}

	#footer a:link,
	#footer a:hover {
		border: none;
	}

	#footer-directory li li a span{
		color: #fff;
	}

	#footer-directory li li a {
		color:#666;
		display:list-item;
		list-style:disc;
		text-decoration:none;
		margin:0 0 0 14px;
	}

	#footer-directory li li a:hover span {
		color:#ccc;
	}

	#footer-nav,
	#footer-nav a,
	#copyright {
		border:0 none;
		color:#7d7d7e;
		text-decoration:none;
		font-size:11px;
		line-height:1.5em;
	}
	#footer #seal-footer-wrapper {
		width: 100%;
	}
	#footer #seal-footer {
		position:absolute;
		right:0;
		top:-60px;
	}
	#footer #PCI_Badge {
		position: absolute;
		z-index: 1;
		bottom: -5px;
		width: 100%;
	}
	#footer #PCI_Badge a {
		display: block;
		border: none;
		height: 72px;
		width: 164px;
		margin: 0 auto;
		background: url('/shared/images/ecommerce/CoalFireBadge_gray.png') no-repeat;
	}
	#footer #PCI_Badge a:hover {
		background: url('/shared/images/ecommerce/CoalFireBadge.png');
	}


	/* ----------------- BASE : WRAPPERS & CONTENT ----------------- */
	#wrapper {
		display:none;
		overflow:hidden;
		margin:0 auto;
	}
	#content-wrap {
		background-color:#fff;
		clear:both;
		position:relative;
		padding:20px 0 40px;
	}

	#side-content {
		margin-left:20px;
	}
	#main-content {
		margin-right:0;
	}
	#main-content.single-col {
		padding:0 50px;
	}


	/* --------------- BASE : BUTTONS ---------------*/
	.button,
	a.button {
		background:#dee0e2;
		border:1px solid #999;
		border-top:1px solid rgba(0,0,0,0.25);
		box-shadow:0 2px 2px rgba(0,0,0,0.1), inset 0 2px 10px -2px rgba(255,255,255,0.7);
		color:#333;
		font-size:11px;
		font-weight:700;
		line-height:16px;
		-moz-border-radius:3px;
		-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1), inset 0 2px 10px -2px rgba(255,255,255,0.7);
		text-shadow:0 1px 0 #fff;
		-webkit-border-radius:3px;
		-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1), inset 0 2px 10px -2px rgba(255,255,255,0.7);
		margin:0 5px 0 0;
		padding:7px 10px 6px;
	}


	a.button:hover,
	a.button:focus{
		background-color:#eee ;
		color:#333 ;
		cursor:pointer;
	}

	.button:active,
	a.button:active{
		background-color:#bbb ;
		position:relative;
		top:1px;
	}

	.button::-moz-focus-inner {
		border:0;
		padding:0;
	}

	a.button.active {
		background-color:#bbb ;
	}

	input.secondary,
	button.secondary {
		background: none;
		border: none;
		color: #AF9161;
		cursor: pointer;
		box-shadow: none;
		text-shadow: none;
	}

	input.secondary:hover,
	button.secondary:hover {
		background: none ;
		outline: 1px solid #AF9161;
		border: none;
		color: #AF9161 ;
		box-shadow: none;
		text-shadow: none;
	}

	/* --------------- BASE : OBJECTS -----------------*/

	object.include {
		display: none;
		width: 0;
		height: 0;
	}

	.no-flash {
		background:#eee;
		border:1px solid #ddd ;
		box-shadow:rgba(0,0,0,0.5) 0 0 6px;
		display:block;
		line-height:2.2em;
		-moz-box-shadow:rgba(0,0,0,0.5) 0 0 6px;
		-webkit-box-shadow:rgba(0,0,0,0.5) 0 0 6px;
		width:300px;
		margin:10px 0;
		padding:10px;
	}

	.no-flash:hover {
		background:#ddd ;
		border:1px solid #ddd ;
		color:#069 ;
		text-decoration:none;
	}

	.no-flash span {
		border-bottom:1px solid #ccc;
		display:block;
		font-size:2em;
		font-weight:700;
		margin:0 0 10px;
		padding:0 0 5px;
	}

/* =========================== NAVIGATION ========================== */

	/* --------------- NAVIGATION : CMS ---------------*/
	#cmsMenuWrap{
		height:25px;
	}

	#cmsMenuWrap.hover{
		background-color:#000;
		filter:alpha(opacity=0);
		height:118px;
	}


	/* --------------- NAVIGATION : PAGINATION ---------------*/
	.pagination {
		text-align:center;
		margin:0 auto;
	}

	.pagination a {
		background-color:#dbdbdb;
		border:none ;
		display:inline;
		text-decoration:none ;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		margin:0 2px 0 0;
		padding:4px 6px;
	}

	.pagination a:hover,
	.pagination a:hover.active {
		color:#fff;
	}

	.pagination a.active {
		background:#ccc;
		color:#000 ;
		font-weight:700;
		padding:4px 6px;
	}

	.pagination a.disable {
		background-color:transparent;
		color:#ccc;
	}

	.pagination a:hover.disable {
		background:none ;
		border:0 none;
		color:#ccc;
		cursor:default;
	}


	/* --------------- NAVIGATION : ACCESSIBILITY ---------------*/
	div#accessibility a {
		height:1px;
		left:-10000px;
		overflow:hidden;
		position:absolute;
		top:auto;
		width:1px;
	}

	div#accessibility a:focus {
		height:auto;
		left:0;
		position:absolute;
		top:0;
		width:auto;
	}


	/* --------------- NAVIGATION : SECTION NAV ---------------*/
	.section-nav {
		position: relative;
		margin:0 0 12px;
	}

	.section-nav h3 {
		padding-bottom: 2px;
		font-family: 'Helvetca Neue', Arial, sans-serif;
		font-weight: bold;
	}

	.section-nav ul{
		line-height: 1.4em;
	}
	.section-nav li {
		border-bottom:1px solid #fff;
		list-style:none;
		margin: 0px;
	}

	.section-nav li a {
		background-color:#e6e5e5;
		border-bottom: none;
		color:#222;
		display:block;
		text-decoration:none;
		padding:8px 10px;
	}

	.section-nav li.current a {
		background-color:#333;
		color:#fff;
	}

	.section-nav ul + p {
		margin: 10px;
	}

	.slicknav_menu {
		display: none;
	}



	/* --------------- NAVIGATION : BUREAU NAV ---------------*/
	#bureau-nav {
		background:#bcbcbc;
		border-bottom:1px solid #bbbbbb;
		border-top:1px solid #dedede;
		clear:both;
		line-height: 1em
	}

	#bureau-contact-info-mobile {
		display: none;
	}

	#bureau-nav ul{
		margin:0;
	}

	#bureau-nav li {
		background:#999 url(/assets/images/bureau-nav-bg_off.png) repeat-x bottom;
		border-right:1px solid #efefef;
		display:inline;
		float:left;
		text-transform:capitalize;
		margin:0;
	}

	#bureau-nav li:hover{
		background:#fff url(/assets/images/bureau-nav-bg_on.png) repeat-x bottom;
	}

	#bureau-nav li.intranet-nav ul li a:hover,
	#bureau-nav li.intranet-nav ul li:hover a:hover,
	#bureau-nav li.intranet-nav ul.hover a:hover{
		background-color:#888;
		color:#fff;
	}

	#bureau-nav li.intranet-nav {
		border:0 none;
		float:right;
		position:relative;
	}

	#bureau-nav li.intranet-nav:hover {
		background:#333;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}

	#bureau-nav li ul {
		background:#333;
		border-bottom:1px solid #666;
		height:auto;
		-moz-border-radius-bottomleft:4px;
		-moz-border-radius-bottomright:4px;
		-moz-border-radius-topleft:4px;
		padding-bottom:4px;
		-webkit-border-bottom-left-radius:4px;
		-webkit-border-bottom-right-radius:4px;
		-webkit-border-top-left-radius:4px;
		width:150px;
	}

	#bureau-nav li.intranet-nav:hover ul,
	#bureau-nav li.hover ul {
		display:block;
		position:absolute;
		right:0;
		top:38px;
		text-align:left;
		z-index:1000;
		padding:4px;
	}

	#bureau-nav li.intranet-nav ul li {
		border:0 none;
		display:inherit;
		float:none;
		position:relative;
		margin:2px 2px 4px;
		padding:0;
	}

	#bureau-nav li.intranet-nav ul li a {
		background:#fff;
		color:#444;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		padding:5px 10px;
	}

	#bureau-nav a {
		border:0 none;
		color:#FFF;
		display:block;
		text-decoration:none;
		padding:12px;
		line-height: 1em;
	}
	#bureau-nav a:hover,
	#bureau-nav a.current{
		background:#d2d2d2;
		background:#fff url(/assets/images/bureau-nav-bg_on.png) repeat-x bottom;
		color: #111;
	}

	#bureau-nav a.bureau-home {
		background:url(/assets/images/icons/ico-back-to-home.png) no-repeat 0 0;
		border:0 none;
		overflow:hidden;
		text-indent:-10000px;
		width:25px;
		margin:3px 0 6px 5px;
		padding:8px 5px 7px 5px;
	}

	#bureau-nav a.bureau-home:hover {
	  background:url(/assets/images/icons/ico-back-to-home.png) transparent no-repeat 0 -30px;
	}


	/* --------------- NAVIGATION : BREADCRUMBS ---------------*/
	#breadcrumbs {
		position:relative;
		top:8px;
		width:650px;
		overflow: auto;
	}

	#breadcrumbs a {
		font-size:11px;
		font-weight:700;
		line-height:1.2em;
		padding-top:1px;
	}

	#breadcrumbs a:hover {
		border-bottom:1px solid #fff;
	}

	#breadcrumbs a.current {
		color:#ffc;
	}

	#breadcrumbs a.shortened span {
		text-decoration:none ;
	}

	nav#breadcrumbs label {
		position:relative;
		top:-4px;
		width:auto;
		line-height:0
	}

	#section-breadcrumbs {
		background:#888 url(/assets/images/stripe-shadow.png) repeat-x;
		border-bottom:1px solid #666;
		width:940px;
		padding:6px 10px 3px;
	}

	#section-breadcrumbs a {
		background:url(/assets/plugins/breadcrumbs/breadcrumb-div.png) no-repeat left;
		border:0 none;
		color:#fff ;
		display:block;
		float:left;
		font-size:.9em;
		padding-left:15px;
		text-decoration:none;
		margin:0 10px 0 0;
	}


	/* --------------- NAVIGATION : UTILITY NAV ---------------*/
	#utility-nav {
		margin-left:-10px;
	}

	#utility-nav li {
		float:left;
		position:relative;
		margin:0 0 0 10px;
	}

	#utility-nav a {
		display:inline-block;
		line-height:20px;
		margin-top:2px;
		text-indent:0;
		width:auto;
		padding:3px 5px;
	}

	#utility-nav a.signin {
		background: url(/assets/images/nav-bg.png) no-repeat 95% 20%;
		padding-right: 17px;
	}

	#utility-tools {
		position: absolute;
		top: 0;
		right: 0;
		width:280px;
	}

	#utility-tools #font-resize {
		background:url(/assets/images/util-item-cap.png) no-repeat right;
		float:right;
	}


/* --------------- FONT RESZING ------------------- */
	#font-resize li {
		background:url(/assets/images/util-item-bg.png) no-repeat;
		float:left;
		height:30px;
		margin: 0;
	}

	#font-resize a {
		display:block;
		font-weight:700;
		height:30px;
		text-decoration:none;
		text-indent:-9999px;
		width:32px;
	}

	#font-resize .font-increase a {
		background:url(/assets/images/font-increase.png) no-repeat center;
	}

	#font-resize .font-decrease a {
		background:url(/assets/images/font-decrease.png) no-repeat center 13px;
	}

	#font-resize .font-reset a {
		background:url(/assets/images/font-reset.png) no-repeat center;
		width:32px;
	}

/* ============================= LAYOUT ============================ */

	/* ----------------- LAYOUT : ARTICLE --------------- */

	.wysiwyg.p27 h2{
		padding: 0px 10px;
	}

	.wysiwyg.p27 h3{
		padding: 0px 10px;
		margin: 1em 0em;
	}

	article {
		float:left;
		margin-bottom:30px;
		width:100%;
	}

	article h1 {
		border-bottom:1px solid #e8e8e8;
		margin-bottom:0;
		font-size: 1.7em;
	}
	article .full-text h1{
		margin-bottom: 12px
	}
	article .full-text h2{
		margin: 1.6em 0 0 0;
	}
	article header h2 {
		color:#666;
		font-family:'Helvetica Neue', Arial, sans-serif;
		font-size:11px;
		margin:8px 10px 16px
	}
	article header h2 .post-date {
		margin-right:18px;
	}

	article footer {
		background:#efefef;
		color:#666;
		margin-top:32px;
		padding:5px;
	}

	article section img {
		height:auto;
		max-width:250px;
	}
	article section img[width] {
		max-width:none;
	}

	.wysiwyg, .full-text ul{
		font-size: 1.1em;
	}

	article .full-text ul{
		margin: 12px 0px 24px 0px;
		font-size: 1.2em;
	}
	article .full-text ul li {
		border:none;
	}
	article .full-text ol{
		margin: 12px 0px 24px 20px;
		font-size: 1.2em;
		line-height: 1.325em
	}
	article .full-text ol li{
		margin: 0em;
	}
	article .full-text ul ul,
	article .full-text ol ol,
	.wysiwyg ul ul,
	.wysiwyg ol ol {
		margin-top: 0;
	}

	.old-wysiwyg table td {
		border:1px solid #333;
		padding:2px;
	}
	.old-wysiwyg img {
		height:auto;
		max-width:700px;
	}

	/* ----------------- LAYOUT : BETA BADGE --------------- */
	 #beta-badge{width: 41px; height: 18px; float:left; margin-left: 10px; margin-top: 17px; cursor: pointer; background-image: url('/assets/images/beta_sprite.gif'); background-position: 0 -18px}
	 #beta-badge:hover{}
	 #beta-hint{margin-top: 15px; cursor:pointer}
	 #beta-hint p{font-size: 11px; color: #805515; text-align: center; margin-top: 3px; margin-left: 8px;}
	 .text-bubble{float: left; width: 185px; height: 25px; background-image: url('/assets/images/text_bubble.png')}


	/* LAYOUT : TINYMCE STYLES */
	.tinymce img.content-left {
		float:left;
		margin:0 10px 10px 0;
	}

	.tinymce img.content-center {
		display:block;
		margin:10px auto ;
	}

	.tinymce img.content-right {
		float:right;
		margin:0 0 10px 10px;
	}

	.tinymce table.content-left {
		float:left;
	}
	.mceContentBody h2 a, h2 a {
		text-decoration:none;
		color:#333;
	}

	.tinymce h3{
		margin: 1em 0;
	}

	.tinymce p{
		margin: 1em 0;
		font-size: 1.1em;
	}

	/* --------------- LAYOUT : GRID MODS --------------- */
	.grid_12 .grid_5 {
		padding-left:10px;
		margin:0 0 12px 0;
	}
	.grid_5,
	.page-listings.grid_5,
	.program .container_16 .grid_5 {
		width:330px;
	}
	.home .grid_6 {
		width:310px;
	}
	.program .grid_5.alpha {
		margin-right: 20px;
	}

	.program .grid_12 .grid_6 {
		padding-left: 0px;
		width: 330px;
	}
	.alpha.omega{
		margin-bottom: 2px
	}


	/* ----------------- LAYOUT : TABLES ---------------- */
	@media \0screen {
		.tinymce table.redtable tr.even {
			background-color: #ECE1E1;
		}
		.tinymce table.redtable tr.even.first {
			color: white;
			background-color: #9D4646
		}
		.tinymce table.bluetable tr.even {
			background-color: #dbebf4
		}
		.tinymce table.bluetable tr.even.first {
			color: white;
			background-color: #3f7e9e
		}
		.tinymce table.goldtable tr.even {
			background-color: #f4e7d3
		}
		.tinymce table.goldtable tr.even.first {
			color: white;
			background-color: #c59c48
		}
		.tinymce table.greentable tr.even {
			background-color: #ecf4df
		}
		.tinymce table.greentable tr.even.first {
			color: white;
			background-color: #779345
		}
		.tinymce table tr.even {
			background-color: #efefef
		}
	}
	.tinymce table {
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		margin-bottom: 30px;
	}
	.tinymce table.redtable tr.even, .tinymce table.redtable tr:nth-child(odd) {
		background-color: #ECE1E1
	}
	.tinymce table.redtable tr.first, .tinymce table.redtable tr:first-child {
		color: white;
		background-color: #9D4646
	}
	.tinymce table.bluetable tr.even, .tinymce table.bluetable tr:nth-child(odd) {
		background-color: #dbebf4
	}
	.tinymce table.bluetable tr.even.first, .tinymce table.bluetable tr:first-child {
		color: white;
		background-color: #3f7e9e
	}
	.tinymce table.goldtable tr.even, .tinymce table.goldtable tr:nth-child(odd) {
		background-color: #f4e7d3
	}
	.tinymce table.goldtable tr.even.first, .tinymce table.goldtable tr:first-child {
		color: white;
		background-color: #c59c48
	}
	.tinymce table.greentable tr.even, .tinymce table.greentable tr:nth-child(odd) {
		background-color: #ecf4df
	}
	.tinymce table.greentable tr.first, .tinymce table.greentable tr:first-child {
		color: white;
		background-color: #779345
	}
	.tinymce tr.even, .tinymce tr:nth-child(odd) {
		background-color: #efefef
	}
	.tinymce tr.even.first, .tinymce tr:first-child {
		color: white;
		background-color: #666
	}
	.tinymce td {
		border-left:1px solid #ccc;
		border-top:1px solid #ccc;
		padding:5px;
		font-size: 12px;
		font-family:'Helvetica Neue', Arial, sans-serif
	}
	.tinymce table .first, .tinymce table tr:first-child td {
		color:white;
		text-shadow:#333 0 1px 0;
	}
	td.formHeader>table,
	.connect ul,
	.leadership ul,
	td.formheader>table {
		padding:0;
	}

	td.detailheadertitle {
		color:#000;
		font-size:14px;
		font-weight:700;
	}

	td.formheader td.formheader {
		border:0 none;
		line-height:normal;
		margin:0;
		padding:0;
	}

	td.formnopad {
		background-color:#FAFAFA;
		font-size:12px;
		margin:0;
		padding:0;
	}

	td.formsectionlabel {
		background-color:#E0E0E0;
		color:#606060;
		font-size:11px;
		font-weight:700;
		line-height:19px;
		text-align:center;
		white-space:nowrap;
	}

	td.subdetailheadertitle {
		color:#000;
		font-size:12px;
		font-weight:700;
	}

	tr.tabularsectionlabel {
		background-color:#F0F0F0;
		color:#606060;
		font-size:12px;
		font-weight:700;
		line-height:19px;
		text-align:center;
		white-space:nowrap;
	}


	.tabularLabel,
	td.formHeader *,
	.tabularlabel,
	td.formheader * {
		font-family:'Vollkorn', Georgia, serif;
		font-size:20px;
		margin:0 0 0.4em;
		padding:1em 0;
	}
	tr.tabularEven, tr.tabulareven {
		background-color:#F0F0F0;
		font-size:12px;
	}
	tr.tabularOdd, tr.tabular, td.tabularvalue, tr.tabularodd {
		background-color:#FFF;
		font-size:12px;
	}
	td.tabularData, td.tabulardata {
		font-size:12px;
	}
	table.detail, table.subDetail, table.form, table.subdetail {
		background-color:#E0E0E0;
	}
	tr.detailHeader, tr.detailheader {
		background-color:#FC6;
	}
	td.detailHeaderItems, td.subDetailHeaderItems {
		font-size:12px;
		padding-right:10px;
		padding-left:10px;
		white-space:nowrap;
	}
	td.detailLabel, td.subDetailLabel, td.detaillabel, td.subdetaillabel {
		background-color:#F0F0F0;
		font-size:12px;
		font-weight:400;
		text-align:right;
		white-space:nowrap;
	}
	td.detailData, td.subDetailData, td.detaildata, td.subdetaildata {
		background-color:#FAFAFA;
		font-size:12px;
	}
	tr.subDetailHeader, tr.subdetailheader {
		background-color:#CBD2E6;
	}
	td.formData, td.formdata {
		padding:8px 0;
	}
	td.formFooter, td.formfooter {
		background:#fffeb7;
		border-top:1px solid #edcf41;
		padding:8px;
	}
	tr.tabularHeader td, td.formHeader {
		border-top:4px solid #c9c9c9;
		border-bottom:1px solid #e8e8e8;
		font-family:'Vollkorn', Georgia, serif;
		font-size:22px;
		line-height:1em;
		margin:0 0 1em;
		padding:6px 0 4px;
	}
	td.formHeader td.formHeader {
		border:0 none;
		line-height:normal;
		margin:0;
		padding:0;
	}
	tr.tabularSectionLabel {
		background-color:#F0F0F0;
		color:#606060;
		font-size:12px;
		font-weight:700;
		text-align:center;
		white-space:nowrap;
		line-height:19px;
	}
	td.tabularValue {
		font-size:12px;
		background-color:#FFF;
	}
	td.detailHeaderTitle {
		color:#000;
		font-weight:700;
		font-size:14px;
	}
	td.subDetailHeaderTitle {
		color:#000;
		font-weight:700;
		font-size:12px;
	}
	td.formLabel {
		text-align:right;
		white-space:nowrap;
		line-height:19px;
		width:14em;
		padding:5px;
	}
	td.formSectionLabel {
		background-color:#E0E0E0;
		color:#606060;
		font-size:11px;
		font-weight:700;
		text-align:center;
		white-space:nowrap;
		line-height:19px;
	}
	td.formNoPad {
		background-color:#FAFAFA;
		font-size:12px;
		margin:0;
		padding:0;
	}
	td.detailheaderitems,
	td.subdetailheaderitems {
		font-size:12px;
		padding-left:10px;
		padding-right:10px;
		white-space:nowrap;
	}

	td.formheader,
	tr.tabularheader td {
		border-bottom:1px solid #e8e8e8;
		border-top:4px solid #c9c9c9;
		font-family:'Vollkorn', Georgia, serif;
		font-size:22px;
		line-height:1em;
		margin:0 0 1em;
		padding:6px 0 4px;
	}

	.legacy-table {
		float:left;
	}

	.legacy-table-left {
		width:300px;
	}

	.legacy-table-right {
		width:550px ;
	}


	/* ----------------- LAYOUT : LISTS ---------------- */

	ol {
		list-style: decimal;
		margin: 12px 0px 12px 16px;
	}

	ul.bullets{
		list-style: disc;
		line-height: 1.8em;
		font-size: 1.2em;
		margin: 0px 0px 0px 3em;
	}

	ul li a{
		border:none;
	}

	#outline,
	#signin-box ol,
	#main-content .most-popular ol,
	#main-content .blog ol,
	#main-content .events ol,
	.connect ul,
	.leadership ul,
	.twitterfeed ul,
	.section-nav ul,
	.old-wysiwyg ul li,
	.old-wysiwyg ol li,
	.text ul,
	.widget.contact-sidebar h1 {
		margin:0 ;
	}

	/* Unordered List */
	.mceContentBody ul {
		list-style:none;
	}

	.page-listings,
	.dayEvents ul,
	#calendarLegend,
	#calendarlegend,
	.dayevents ul {
		margin:0;
		padding:0;
	}

	.mceContentBody ul{
		margin-top: 12px;
	}
	.mceContentBody ul ul,
	.mceContentBody ol ol{
		margin-top: 0px;
	}

	.mceContentBody ul li{
		background: url('/assets/images/ico-bullet-sm.png') no-repeat 0px 4px;
	}

	.old-wysiwyg ul li,
	.full-text ul li,
	.text ul li,
	.application ul li,
	.mceContentBody ul li
	{
		background: url('/assets/images/ico-bullet-sm.png') no-repeat 0px 7px;
		padding-left: 12px;
	}

	.wysiwyg ul,
	.wysiwyg ol,
	article .full-text ul{
		line-height: 1.4em;
	}

	.wysiwyg ul{
		margin: 12px 0px 12px 10px;
	}
	.wysiwyg ol{
		margin: 12px 0px 12px 32px;
	}

	.wysiwyg ul li{
		background: url('/assets/images/ico-bullet-sm.png') no-repeat 0px 4px;
		padding-left: 12px;
	}
	.wysiwyg ul a:hover,
	.wysiwyg ol a:hover{
		color: inherit;
		text-decoration: underline;
	}

	.wysiwyg ol li p,
	.wysiwyg ul li p{
		margin: 0;
		padding: 0;
	}



	#signin-box ol{
		list-style: none;
	}


	/* ----------------- LAYOUT : SLIDESHOW ---------------- */
	.slideshow-wrap {
		position: relative;
	}

	#slideshow {
		margin: 0 ;
		color:#fff;
		list-style:none;
	}

	.home #slideshow-wrap{
		height: 338px;
	}
	#slideshow-wrap{
	/* Removed because unnecessary and often causes slideshow to be invisible in IE
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
	*/
		overflow: hidden;
		height: 360px;
		width: 640px;
		margin: 0 auto;
	}
	#slideshow-wrap.single-slide{
		height: 316px;
	}
	#slideleft {
		background:url(/assets/images/slideshow/scroll-left.gif) center center no-repeat;
		background-color:#222;
		float:left;
		height:81px;
		width:20px;
	}

	#slideright {
		background:#222 url(/assets/images/slideshow/scroll-right.gif) center center no-repeat;
		float:right;
		height:81px;
		width:20px;
	}

	#slidearea {
		float:left;
		height:80px;
		margin-left:5px;
		overflow:hidden;
		position:relative;
		width:512px;
	}

	#slider {
		height:81px;
		left:0;
		position:absolute;
	}

	#slider img {
		border:1px solid #666;
		cursor:pointer;
		padding:2px;
	}
	#imgprev {
		background:url(/assets/images/slideshow/left.png) left center no-repeat;
		left:0;
	}

	#imgnext {
		background:url(/assets/images/slideshow/right.png) right center no-repeat;
		right:0;
	}

	#imglink {
		filter:alpha(opacity=40);
		height:300px;
		opacity:.4;
		position:absolute;
		width:100%;
		z-index:100;
	}

	.program. #slideshow-wrap,
	.subpage #slideshow-wrap{
		height: 346px;
		margin-left: 20px;
	}

	.pdxfade-slideshow-wrapper{
		color:#fff;
		margin-bottom: 14px;
		width: 640px;
	}

	ul.slide-counter{
		padding: 3px 0 3px 0;
		margin: -9px 0 0 0;
	}

	.home ul.slide-counter{
		margin: 0px;
	}

	#content-wrap #main-content ul.slide-counter{
		border-bottom: 1px solid #D3D0C2;
		margin-bottom: 12px;
	}

	.slide-counter,
	#main-content .slide-counter{
		display: block;
		width: 100%;
		text-align:center
	}
	.slide-counter li,
	#main-content .slide-counter li{
		background: url('/assets/images/icon-slideshow-counter.png') no-repeat;
		width: 11px; height:11px;
		margin-right: 4px;
		display:inline-block;
		cursor:pointer
	}
	.slide-counter li:hover,
	#main-content .slide-counter li:hover{
		background-position: -11px 0
	}

	.slide-counter li.active-counter,
	#main-content .slide-counter li.active-counter{
		background-position: -11px 0
	}


	/* ------------------- LAYOUT : COMMENTS ----------------- */
	.tinymce #comments {
		margin-top: 20px;
		border-top: 3px solid #efefef;
	}

	.tinymce #comments > header h3 {
		font-size: 18px;
		margin: 5px 0 10px;
	}

	.tinymce #comments > header p {
		margin: 15px 0;
	}

	.tinymce #comments .comment {
		margin-bottom: 15px;
		background: #efefef;
		color: #666;
	}

	.tinymce #comments .comment > * {
		padding-left: 10px;
		padding-right: 10px;
	}

	.tinymce #comments .comment header {
		position: relative;
		height: 55px;
		margin: 10px 0;
	}

	.tinymce #comments .comment header > * {
		margin-left: 58px;
	}

	.tinymce #comments .comment header .commentNumber {
		position: absolute;
		top: -15px;
		right: 10px;
		font-size: 40pt;
		font-style: italic;
		color: #d9d9d9;
	}

	.tinymce #comments .comment header img {
		position: absolute;
		top: 0px;
		left: 10px;
		margin: 0;
		padding: 0;
		border: 2px solid #aaa;
		cursor: auto;
	}

	.tinymce #comments .comment header h4 {
		font-size: 1.3em;
	}

	.tinymce #comments .comment header p {
		margin-top: 10px;
		margin-bottom: 0;
		font-style: italic;
	}

	.tinymce #comments .comment header p a:link,
	.tinymce #comments .comment header p a:visited {
		color: #666;
		text-decoration: none;
		border: none;
	}

	.tinymce #comments .comment header p a:hover {
		color: white;
		border: none;
	}

	/* ----------------- LAYOUT : MODAL ---------------- */

	body.popup {
		background:#eee;
	}

	#cms-modal {
		background:#e0e0e0;
		border:2px solid #e0e0e0;
		box-shadow:rgba(0,0,0,0.5) 0 0 10px;
		display:none;
		-moz-box-shadow:rgba(0,0,0,0.5) 0 0 10px;
		overflow:hidden;
		position:fixed;
		-webkit-box-shadow:rgba(0,0,0,0.5) 0 0 10px;
		width:85%;
		z-index:999;
		padding:20px;
	}

	#cms-modal iframe {
		overflow-x:hidden;
	}

	#modal-header {
		background:#cfcfcf;
		padding:5px;
	}

	.modal-featured ul,
	.modal-featured ol {
		width:350px;
		background:#fff;
		border-radius:3px;
		-moz-border-radius:3px;
		border:1px solid #ccc;
		padding:0.5em;
	}

	.modal-featured ol li {
		list-style:decimal ;
	}

	.modal-featured li {
		color:#aaa;
		list-style:disc;
		margin:0 0 0 20px;
		padding:0.5em 0;
	}
	.modal-featured ol,
	.modal-featured ul {
		background:#fff;
		border:1px solid #ccc;
		border-radius:3px;
		-moz-border-radius:3px;
		width:350px;
		padding:0.5em;
	}

	.modal-featured a {
		font-size:1.1em;
	}


	/* ----------------- LAYOUT : MODAL (POPUP) ---------------- */
	body #polPopup h2 {
		font-size: 28px;
		margin: 16px 0;
		line-height: 30px;
		color: #333
	}
	body #polPopup p {
		font-size: 1.5em;
		color: #333
	}
	body #polPopup em {
		color: #666;
		font-style: italic
	}
	body #polPopup {
		cursor: pointer
	}


	/* ----------------- LAYOUT : MODAL (WELCOME SCREEN) ---------------- */
	#backgroundPopup_refreshModal,
	#polPopup{
		cursor:pointer;
	}

	#polPopup .popup-logo{
		float:left;
	}

	#polPopup #close-button{
		float:right;
		border: 1px solid #666;
		padding: 4px;
		font-size: 11px;
		text-transform: uppercase;
	}

	#polPopup h2{clear:both}

	#modal_popup {
		width: 960px;
		height: 860px;
		background-color: #333;
		position: absolute;
		z-index:99;
		left: 50%;
		margin-left: -480px;
		top: 273px;
		background:url('/assets/images/bg-modal-dark.gif');
	}
	#modal_popup #content {
		width: 520px;
		height: 540px;
		position: absolute;
		background-color: #FFF;
		top: 50%;
		left: 50%;
		margin-top: -360px;
		margin-left: -310px;
		border: 4px solid #333;
		padding: 60px 60px;
	}
	#modal_popup #content h2 {
		font-size: 1.8em;
	}
	#modal_popup #content p {
		font-size: 1.3em;
		margin: 1.6em 0px
	}
	#modal_popup #agree {
		cursor: pointer;
		width: 100%;
		margin-top: 38px;
		font-size: 1.4em;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}


	/* ----------------- LAYOUT : FEATURED CONTENT ---------------- */
	#feature-wrap {
		background-color:#fafafa;
		border-bottom:1px solid #efefef;
		margin-bottom:10px;
	}

	div#feature-wrap .grid_5{
		margin:0;
		padding:0;
	}

	#feature-wrap .recently-added {
		background: #fff;
		margin-bottom: 0px;
		height: 310px;
		padding: 0px 10px 0px 10px;
	}

	#feature-wrap .recently-added h1{
		margin-bottom: 0px;
	}
	#feature-wrap .recently-added li{
		padding: 5px 0px;
		border-bottom: 1px solid #ebebeb;
		font-size: 1.1em;
	}

	#feature-wrap .recently-added li a {
		border:0 none;
		display:block;
		text-decoration:none;
		padding: 3px 12px;
	}


	/* ----------------- LAYOUT : PROMOTED CONTENT ---------------- */
	.ad1 h1 {
		background:none;
		margin-bottom:1px ;
		padding:5px;
	}

	.ad1 div {
		background:#ccc;
		text-align:center;
		padding:8px 5px 5px 5px;
	}

	.ad1 img {
		background:#fff;
		border:1px solid #aaa;
		width:250px;
		padding:5px;
	}

	.ad1 p {
		background:#ccc;
		font-size:11px;
		margin-bottom:0;
		padding:0 14px 14px;
	}

	/* Found in left-hand sidebar */
	.promoted article{
		float: none;
	}
	.promoted article h1 {
		background:none ;
		border-bottom:none ;
		color:#000 ;
		font-family:Georgia, serif ;
		font-size:1.3em;
		font-weight:400 ;
		line-height:1.3em ;
		text-transform:none ;
		padding:0px 10px 0px 0px;
	}

	div.promoted h1 {
		font-size: 1.3em;
		margin: 0;
		padding: 0 0 6px 0;
		background: none;
		border: none;
		line-height: 1.3em;
	}

	div.promoted p{
		padding: 0;
		margin: 0 0 6px 0;
	}

	.promoted p {
	color:#666;
	font-size:1em;
	}

	.widget.promoted a,
	p.view-more a {
	font-size:0.8em;
	font-weight:700;
	text-transform:uppercase;
	}

	/* ----------------- LAYOUT : IMPORTANT NOTICES ---------------- */
	#important-notices {
		background:#fff4a8;
		border:1px solid #EACD25;
		margin:0 0 25px;
	}

	#important-notices h1 {
		background:#FFE14F;
		color:#827120;
		text-shadow:#fff4a8 0 1px 0;
	}

	#important-notices p {
		color:#352E10;
		padding:0 10px;
	}

	#important-notices.urgent {
		background:#FFA9A8;
		border:1px solid #E82825;
		margin:0 0 25px;
	}

	#important-notices.urgent h1 {
		background:#FF514F;
		border-bottom:1px solid #D39494;
		color:#7F211F;
		text-shadow:#FF6D6D 0 1px 0;
	}

	#important-notices.urgent p {
		color:#33100F;
		padding:0 10px;
	}

	/* ----------------- LAYOUT : SEARCH RESULTS ---------------- */
	section.search-results{

	}
	section.search-results form td.formHeader{
		font-family: Arial, sans-serif;
		font-size: 1.2em;
		padding: 4px 12px;
		border: none;
	}
	section.search-results form td.formData{
		padding: 0px 6px;
	}
	section.search-results form td.formData input[type="text"]{
		padding: 3px 6px;
		font-size: 1.2em;
	}
	section.search-results p.highlights{

	}
	section.search-results section.city-county-services{
		background-color: #ededed;
		padding: 12px 12px 6px 12px;
		margin: 0px 0px 12px 0px;
	}
	section.search-results section.city-county-services h3{
		margin: 0 0 12px;
		font-size: 1.2em;
	}
	section.search-results section.city-county-services a.tag{
		background-color: #666;
		padding: 3px 5px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		margin: 0px 6px 6px 0px;
		display: inline-block;
		border: 0px;
		border-radius: 6px;
	}
	section.search-results section.search-result{
		margin: 0 12px 20px;
	}
	section.search-results section.search-result p{
		margin: 6px 0;
		font-size: 1.2em;
	}
	section.search-results section.search-result footer p{
		font-size: 1em;
	}
	section.search-results section.search-result a.site-name{
		text-decoration: none;
		color: #666;
		border: none;
	}
	section.search-results section.search-result a.category-name{
		color: green;
		text-decoration: none;
		border: 0;
	}
	section.search-results section.search-result span.separator{

	}

	section.search-results h3.title,
	section.search-results span.title{
		margin-bottom: 0;
		font-size: 1.6em;
	}

	section.search-results footer.pagination{
		border-top: 1px solid #bebebe;
	}
	section.search-results footer.pagination p{
		margin: 18px 12px;
		text-align: left;
	}

	section.search-result em {
		padding: 0 2px;
		font-weight: bold;
		background-color: #fffeb7;
	}

	section.search-result a:hover em {
		background-color: #01739b;
	}

	section.search-result .mime {
		font-size: .8em;
		font-weight: normal;
	}

	.st-default-autocomplete {
		width: 270px !important;
	}


/* =================== TYPOGRAPHY =================== */


	/* ----------------- TYPOGRAPHY : HEADINGS ---------------- */
	h1,h2,h3,h4,h5,h6,h2,h3,h4,h5,h6 {
		font-family: Helmet, Freesans, sans-serif;
		text-rendering: optimizeLegibility;
		font-weight: bold
	}

	h1,
	.mceContentBody h1{
		font-size: 1.7em;
		font-family:'Helvetca Neue', Arial, sans-serif ;
		background:#eee;
		border-bottom:1px solid #ddd;
		line-height:1em;
		margin-bottom:18px;
		padding:5px 9px;
	}

	#cmsMenu h1{
		margin: 0px;
		padding: 0px;
		background: none;
	}
	#bureau-titles h1{
		background: none;
		border: none;
		padding: 0px;
	}

	h2{
		font-size:1.3em;
		margin:0 0 0.2em;
		line-height:1.35em;
		border:none;
		padding-bottom:0;
	}

	#bureau-titles h2{
		font-size: 1.2em;
	}

	.pdxfade-overlay h2{
		font-size: 1.3em;
	}

	h3{
		font-size:14px;
		margin:0 0 0.2em;
	}
	.full-text h3{
		margin-top: 24px;
	}

	h4 {
		font-size:1em;
	}


	/* ----------------- TYPOGRAPHY : RULES & WEIGHTS ---------------- */
	hr {
		border:solid #ddd;
		border-bottom:1px solid #fff;
		border-top:1px solid #d3d0c2;
		clear:both;
		height:0;
		width:100%;
		border-width:1px 0 0;
		margin:18px 0;
	}

	em,.italic,
	.italic,em {
		font-style:italic;
	}

	strong,
	.bold,
	#calendar-bubble p.details,
	.pdxBox-cal p.details{
		font-weight:700;
	}


	/* ----------------- TYPOGRAPHY : PARAGRAPHS ---------------- */
	.full-text p{
		font-size: 1.2em;
		line-height: 1.4em;
	}
	p.continuation{
		margin-top: -1.5em
	}


	/* ----------------- TYPOGRAPHY : LINKS ---------------- */
a:link {
		border-bottom:1px dotted #79c7dc;
		color:#2289a8;
		text-decoration: none
	}
	a:visited,
	.widget.blog h2 a:visited{
		border-bottom:1px dotted #bdbdbd;
		color:#65508c;
		text-decoration:none;
	}

	a:visited:hover{
		background-color:#253A3F;
	}

	/*
	a:link {
	border-bottom:1px dotted #79c7dc;
	color:#2289a8;
	text-decoration:underline;
	}
	*/


	#content-wrap a:hover,
	#column-wrap a:hover {
		background:#09c;
		color:#fff;
		text-decoration:none;
	}

	a:hover,
	a:active,
	.section-nav a,
	a.flickr-logo,
	#eventList ul li h3 a,
	#login #bannerImages *
	#header-stripe a,
	#main-header a,
	#utility-stripe a,
	#bureau-nav a,
	#footer a.backtotop,
	#footer-directory a,
	{
		border:0 none;
	}

	#header-stripe a:active,
	#header-stripe a:focus,
	#main-header a:active,
	#main-header a:focus,
	#utility-stripe a:active,
	#utility-stripe a:focus,
	#bureau-nav a:active,
	#bureau-nav a:focus,
	.section-nav a:active,
	.section-nav a:focus{
		position:relative;
		top:0;
	}

	#header-stripe form div a:hover,
	#header-stripe form div a.selected-result,
	#header-stripe form div a.selected-result,
	#header-stripe form div a:hover {
		background-color:#fc6;
	}

	/* ----------------- TYPOGRAPHY : MISC ---------------- */

/*    .wysiwyg{
		margin: 0px 0px 16px 0px;
		padding: 0 10px;
		color: #000;
		font-size: 1.2em;
	}
*/
	.wysiwyg p{
		margin: 0px 0px 16px 0px;
		padding: 0 10px;
		color: #000;
	}

	.content-left {
		text-align: left;
	}
	.content-center {
		text-align: center;
	}
	.content-right {
		text-align: right
	}
	.content-justify {
		text-align: justify;
	}
	.full-text {
		padding-left: 10px;
	}


	figure {
		border:2px solid #efefef;
		display:block;
		float:right;
		position:relative;
		width:120px;
		margin:10px 0 10px 10px;
	}

	.hidden {
		display:none;
	}

	.large {
		padding-top:1px;
	}

	.large #image,
	.large #image img,
	.large #wrapper {
		max-width:957px;
		width:957px;
	}

	.large #fullsize {
		height:269px;
		max-width:957px;
		width:957px;
	}

	.large #information {
		max-width:957px;
		padding-top:10px;
		width:957px;
	}

	.large #information,
	.large #image,
	.large #fullsize,
	.large #wrapper,
	.large #image img {
		width:957px;
		max-width:957px;
	}

	.spacer {
		clear:both;
		margin-bottom:30px;
	}

	.hide-text {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}


/* ========================= FORMS ============================ */


	fieldset {
		border:none;
		border-top:1px solid #ccc;
		margin:10px 0 0 0;
		padding:0 0 5px 15px;
	}

	/* ----------------- FORMS : SIGN-IN ---------------- */
	#signin-box {
		background-color:#fff;
		border:1px transparent;
		box-shadow:0 4px 5px rgba(0,0,0,.3);
		color:#000;
		display:none;
		font-size:11px;
		left:0;
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-moz-border-radius-topright:5px;
		-moz-box-shadow:0 4px 5px rgba(0,0,0,.3);
		position:absolute;
		text-align:left;
		top:28px;
		-webkit-border-bottom-left-radius:5px;
		-webkit-border-bottom-right-radius:5px;
		-webkit-border-top-right-radius:5px;
		-webkit-box-shadow:0 4px 5px rgba(0,0,0,.3);
		width:210px;
		z-index:1000;
		padding:12px;
	}

	#signin-box input[type=text],
	.nice-form input[type=text],
	#signin-box input[type=password],
	.nice-form input[type=password] {
		border:1px solid #999;
		display:block;
		width:200px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		margin:0 0 5px;
		padding:5px;
	}

	#signin-box li {
		float:none;
		height:auto;
		margin:0;
	}

	#signin-box #remember-me {
		float:right;
		padding:8px 0;
	}

	#signin-box p.forgot {
		margin:5px 0 0;
	}

	#signin-box a {
		color:#069;
		line-height:inherit;
		padding:0;
	}

	#signin-box .submit-group {
		margin:10px 0;
	}


	/* ----------------- FORMS : TRACKIT ---------------- */
	#main-content table#trackit_thank_you{
		width: 90%;
		margin:auto;
		padding: 12px;
		border-right: none;
		border-left: none;
		border-bottom: none;
		border-top: none;
	}
	#main-content table#trackit_thank_you tr.even.first,
	#main-content table#trackit_thank_you tr:first-child
	{
		background-color: transparent;
	}
	#main-content table#trackit_thank_you .first,
	#main-content table#trackit_thank_you tr:first-child td{
		color: #000 ;
		text-shadow:none;
		border-left: none;
		border-top: none;
		font-size: 1.2em ;
	}

	/*** TrackIT Wrapper Styling ***/
	.tinymce table.wrapper, .tinymce table.wrapper table{
		margin:0;
	}
	.tinymce table.wrapper .first,
	.tinymce table.wrapper tr:first-child td{
		text-shadow: none
	}
	.tinymce table.wrapper table ul li{
		color: #333
	}
	.tinymce table.wrapper table td.columnTotal{background-color: #666;}


	/* ----------------- FORMS : EMMA MAILING LIST SIGNUP ---------------- */
	.signup.emma{
		width:198px;
		padding: 10px;
		border: 1px solid #dadada;
	}
	.signup.emma .e2ma_signup_message{
		margin:0; padding:0;
	}
	.signup.emma .e2ma_signup_form_row{
		padding: 10px 0px 0px 8px;
	}

	.signup.emma .e2ma_signup_form_label{
		text-transform: uppercase;
		font-size:0.9em;
		color:#666;
		font-weight: bold;
	}

	.signup.emma .e2ma_signup_form_element{}
	.signup.emma .e2ma_signup_form_element input[type="text"]{width: 93%;}

	.signup.emma .e2ma_signup_form_groups{margin-top: 16px;}
	.signup.emma .e2ma_signup_form_group_label{font-style: italic; padding-bottom: 4px}

	#pog-transportation .e2ma_signup_form_required_footnote{
		color: #FF8226;
		font-size:0.9em;
		padding: 4px 0 10px 0;
	}

	#pog-transportation .e2ma_signup_form_required_asterix,
	#pog-transportation .e2ma_signup_form_required_footnote{
		color: #FF8226
	}


/* ===================== TEMPLATE-SPECIFIC STYLES ================== */

	/* ----------------- TEMPLATE : APPLICATION -------------------*/

	/* ----------------- TEMPLATE : CITY HOMEPAGE ---------------- */
/*    #featured-news p{
		line-height: 1.4em
	}*/

	.widget#elected-officials{
		height: 300px;
	}


	/* -------------- TEMPLATE : BUREAU HOMEPAGE -------------- */


	/* ----------------- TEMPLATE : OUTLINE TEMPLATE ---------------- */
	ul.outline {
		margin-left: 6px
	}
	ul.outline li p a:link, ul.outline li.category-block li.category-block p a:link {
		display: block;
		padding-left: 12px;
		font-size: 14px;
		background: url('/assets/images/ico-bullet-sm.png') no-repeat 0px 5px;
		border:none;
	}
	ul.outline li p a:hover, ul.outline li.category-block li.category-block p a:hover {
		color: #FFF;
		background-color: #2289A8
	}
	ul.outline li.category-block h2 a:visited {
		background-color: #FFF;
	}
	ul.outline li p, ul.outline li.category-block li.category-block p {
		font-size: 14px;
		margin: 0 0 8px 0
	}
	ul.outline li p.description, ul.outline li.category-block li.category-block p.description {
		font-size: 13px;
		margin: -6px 0 13px 13px
	}
	ul.outline li.category-block li.category-block {
		margin-left: 20px
	}
	ul.outline li.category-block {
		margin-bottom:25px
	}
	ul.outline li ul {
		margin-left: 6px
	}
	ul.outline h2 {
		font-size: 18px
	}
	ul.outline h3 {
		font-size: 15px
	}
	ul.outline h2, ul.outline h3 {
		background: #FFF url('/assets/images/outline-h2-bg.gif') repeat-x 0 13px;
		margin-bottom: 8px
	}
	ul.outline h2 a:link, ul.outline h3 a:link {
		background-color: #FFF;
		padding: 2px 8px 2px 4px;
		color: #333;
		line-height: 23px;
		text-decoration: none;
		border:none;
	}
	ul.outline h2 a:hover, ul.outline h3 a:hover {
		color: #FFF;
		background-color: #2289A8
	}
	ul.outline h3 {
		margin-left: -10px
	}
	ul.outline span.outline-date {
		font-size: 13px;
		color: #969696
	}


	/* -------------- TEMPLATE : CALENDAR -------------- */
	.daycell th a {
		border:0 none;
		color:#8c8e8f;
		display:block;
		font-size:12px;
		height:16px;
		line-height:16px;
		-moz-border-radius:2px;
		text-align:right;
		-webkit-border-radius:2px;
		padding:0 2px;
	}

	.dayevents a {
		border:0 none;
		color:#000;
		display:block;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		padding:1px;
	}

	.moreevents a {
		color:#8c8e8f;
		font-size:11px;
		text-align:right;
		padding:2px;
	}

	.pdxbox-cal {
		background:0 color-stop(0%,#ffffff);
		border:1px solid #fff;
		border-radius:3px;
		color:#333;
		display:none;
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F4F4F4',GradientType=0 );
		-moz-border-radius:3px;
		-moz-box-shadow:rgba(0,0,0,0.9) 0 0 6px;
		position:fixed;
		text-shadow:#fff 0 1px 0;
		-webkit-box-shadow:rgba(0,0,0,0.9) 0 0 6px;
		width:500px;
		z-index:9999;
		padding:10px;
	}

	.pdxbox-cal .close-btn {
		height:25px;
		position:absolute;
		right:-12px;
		top:-12px;
		width:25px;
	}

	.pdxbox-cal h3 {
		background:#eee;
		border-bottom:1px solid #ddd;
		font-size:1.2em;
		margin:0 0 5px;
		padding:5px 9px;
	}

	.pdxbox-overlay {
		background:#fff;
		display:none;
		height:1000px;
		left:0;
		position:fixed;
		top:0;
		width:100%;
		z-index:9998;
	}
	.pdxTooltip {
	background:#efefef;
	border:1px solid #ccc;
	padding:5px;
	border-radius:3px;
	-moz-box-shadow:rgba(0,0,0,0.25) 0 0 5px;
	box-shadow:rgba(0,0,0,0.25) 0 0 5px;
	opacity:0.97;
	}

	.pdxBox-overlay {
		width:100%;
		height:1000px;
		z-index:9998;
		position:fixed;
		top:0;
		left:0;
		background:#fff;
		display:none;
	}

	.pdxBox-wrap {
		background:#eee;
		border-radius:3px;
		-moz-border-radius:3px;
		position:fixed;
		z-index:9999;
		border:1px solid #fff;
		-webkit-box-shadow:rgba(0,0,0,0.9) 0 0 6px;
		-moz-box-shadow:rgba(0,0,0,0.9) 0 0 6px;
		text-shadow:#fff 0 1px 0;
		color:#333;
		display:none;
		padding:10px;
	}
	.pdxbox-wrap {
		background:#eee;
		border:1px solid #fff;
		border-radius:3px;
		color:#333;
		display:none;
		-moz-border-radius:3px;
		-moz-box-shadow:rgba(0,0,0,0.9) 0 0 6px;
		position:fixed;
		text-shadow:#fff 0 1px 0;
		-webkit-box-shadow:rgba(0,0,0,0.9) 0 0 6px;
		z-index:9999;
		padding:10px;
	}

	.pdxbox-wrap .close-btn {
		position:absolute;
		height:25px;
		right:-12px;
		top:-12px;
		width:25px;
	}

	.pdxfade-overlay h2 {
		border:none ;
	}

	.pdxfade-overlay-inner {
		padding:10px
	}

	.pdxfade-overlay-inner p,
	.pdxfade-overlay-inner h2{
		margin:0
	}

	.pdxbox-cal [type=text],
	.pdxbox-wrap [type=text] {
		border:1px solid #999;
		border-radius:2px 0;
		height:16px;
		margin-bottom:5px;
		margin-right:-2px;
		padding:5px;
	}

	#calendarlegend li span,
	.calendarevent span {
		border:1px solid rgba(0,0,0,.1);
		box-shadow:inset 1px 2px 1px rgba(255,255,255,0.7), inset 0 -1px 0 rgba(0,0,0,0.2);
		display:block;
		float:left;
		height:6px;
		-moz-border-radius:2px;
		-moz-box-shadow:inset 1px 2px 1px rgba(255,255,255,0.7), inset 0 -1px 0 rgba(0,0,0,0.2);
		position:relative;
		-webkit-border-radius:2px;
		-webkit-box-shadow:inset 0 1px 2px rgba(255,255,255,0.7), inset 0 -1px 0 rgba(0,0,0,0.2);
		width:6px;
		margin:3px 2px 0;
	}

	#calendarOptions, #calendaroptions {}
	#calendarOptions table {
		margin-left:0;
	}
	/*#calendarOptions table,#calendarOptions td { border:0; }*/
	#calendarOptions h2, #calendaroptions h2 {
		float:left;
		margin:8px;
	}
	#calendarOptions table, #calendaroptions table {
		margin-left:0;
	}
	.calendarWrap nav,
	.calendarwrap nav {
		position:relative;
		text-align:right;
	}
	.calendarWrap nav ul,
	.calendarwrap nav ul {
		position:absolute;
		right:0;
		top:-48px;
		margin:0;
		padding:0;
	}
	.calendarWrap nav li,
	.calendarwrap nav li {
		display:inline;
		margin:0 0 0 4px;
		padding:0;
	}
	#calendar-bubble img,
	.pdxbox-cal img {
		height:auto;
		width:100%;
	}
	#calendar-bubble h4,
	.pdxbox-cal h4 {
		border-bottom:1px dotted #ddd;
		font-size:1.1em;
		margin:0 0 5px;
	}
	#calendar-bubble span.detailData,
	.pdxBox-cal span.detailData,
	#calendar-bubble span.detaildata,
	.pdxbox-cal span.detaildata {
		display:block;
		margin:0 0 12px;
	}
	#calendar-bubble .wysiwyg {
		width: 96%
	}
	#calendar-bubble h3 {
		width: 333px;
	}
	.pdxBox-cal h2,
	.pdxBox-wrap h2,
	.pdxbox-cal h2,
	.pdxbox-wrap h2 {
		font-size:1.5em;
		padding:0 0 5px;
	}
	.pdxBox-cal[type=text], .pdxBox-wrap[type=text] {
		border:1px solid #999;
		border-radius:2px 0;
		height:16px;
		margin-bottom:5px;
		margin-right:-2px;
		padding:5px;
	}
	.pdxBox-cal .button-wrap, .pdxBox-wrap .button-wrap, .pdxbox-cal .button-wrap, .pdxbox-wrap .button-wrap {
		float:right;
		padding:10px 0 0;
	}
	.pdxBox-cal .close-btn, .pdxBox-wrap .close-btn {
		position:absolute;
		width:25px;
		height:25px;
		top:-12px;
		right:-12px;
	}
	#calendarMonth {
	}
	#calendarMonth th, #calendarmonth th {
		border:1px solid #cacccc;
		font-size:14px;
		text-align:center;
		border-width:1px 1px 0 0;
		padding:2px;
	}
	#calendarMonth td, #calendarmonth td {
		vertical-align:top;
		padding:0;
	}
	.dayCell, .daycell {
		border:1px solid #cacccc;
		height:100px;
		width:14%;
		border-width:0 1px 0 0;
	}
	.dayCell table, #eventRegistrationForm table, table.displayRegs, #eventregistrationform table, .daycell table, table.displayregs {
		width:100%;
	}
	.dayCell th, .daycell th {
		background-color:#fafafa;
		height:12px;
		border-width:1px 0 0;
		padding:1px;
	}
	.offDay, .offday {
		background-color:#fafafa;
	}
	.offDay th a, .offday th a {
		color:#555;
	}
	.prevMonth a, .nextMonth a, .nextmonth a, .prevmonth a {
		color:#999;
		font-size:14px;
		line-height:82px;
		text-align:center;
	}
	.prevMonth a:before, .prevmonth a:before {
		content:"\AB \0020";
	}
	.nextMonth a:after, .nextmonth a:after {
		content:"\0020 \BB";
	}
	.dayEvents, .dayevents {
		font-size:11px;
		padding:1px;
	}
	.dayEvents li, .dayevents li {
		list-style-type:none;
		margin:0 0 1px;
		padding:0;
	}
	.dayEvents a:hover, .dayevents a:hover {
		background:#e7f3fb;
		border:1px solid #a9c4f1;
		color:#000;
		padding:0;
	}
	.dayEvents a:active, .dayEvents a:focus, .dayevents a:active, .dayevents a:focus {
		position:inherit;
	}
	.moreEvents a:hover, .moreevents a:hover {
		padding:1px;
	}
	#calendarLegend li, #calendarlegend li {
		list-style-type:none;
		margin-bottom:1px;
	}
	#calendarOptions {
		background-color: #ccc;
		float: left;
		margin-bottom: 4px;
		width: 100%;
	}
	#calendarOptions h2 {
		float: left;
		margin: 8px;
	}
	#calendarOptions table {
		margin-left: 0px;
	}
	.calendarWrap nav {
		position: relative;
		text-align: right;
	}
	.calendarWrap nav ul {
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0;
		top: -48px;
	}
	.calendarWrap nav li {
		display: inline;
		margin: 0 0 0 4px;
		padding: 0;
	}
	.calendarWrap nav li a.active {
		color: #555;
		border: 0 none;
	}
	#calendar-bubble {
		position:absolute;
		background:#fff;
		background: -moz-linear-gradient(bottom, #F4F4F4 0%, #ffffff 100%);
		/* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #F4F4F4), color-stop(0%, #ffffff));
		/* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F4F4F4', GradientType=0);
		/* ie */
		-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F4F4F4', GradientType=0);
		/* ie */
		padding:10px;
		z-index:997;
		width:350px;
		border:1px solid #ccc;
		-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0 3px 3px;
		border-radius:3px;
	}
	#calendar-bubble img {
		width:100%;
		height:auto;
	}
	#calendar-bubble nav, #calendar-bubble h1, #calendar-bubble .wysiwyg p {
		display:none;
	}
	#calendar-bubble .wysiwyg p:first-child {
		display:block;
	}
	#calendar-bubble h3 {
		cursor:move;
		font-size:1.2em;
		background:#eee;
		border-bottom:1px solid #ddd;
		padding:5px 9px;
		margin:0 0 5px 0;
	}
	#calendar-bubble h4 {
		font-size:1.1em;
		border-bottom:1px dotted #ddd;
		margin:0 0 5px 0;
	}
	#calendar-bubble span.detailData {
		display:block;
		margin:0 0 12px 0
	}
	#calendar-bubble p.details {
		font-weight:bold;
		margin: 10px 0 0 0
	}
	#calendar-bubble .close-btn-cal {
		display:block;
		cursor:pointer;
		position:absolute;
		width:25px;
		height:25px;
		right:-12px;
		top:-12px;
	}
	.pdxBox-cal {
		background:#fff;
		background: -moz-linear-gradient(bottom, #F4F4F4 0%, #ffffff 100%);
		/* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #F4F4F4), color-stop(0%, #ffffff));
		/* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F4F4F4', GradientType=0);
		/* ie */
		width:500px;
		border-radius:3px;
		-moz-border-radius:3px;
		position:fixed;
		z-index:9999;
		display:inline-block;
		padding:10px;
		border:1px solid #fff;
		-webkit-box-shadow:rgba(0, 0, 0, 0.9) 0 0 6px;
		-moz-box-shadow:rgba(0, 0, 0, 0.9) 0 0 6px;
		text-shadow:#fff 0 1px 0;
		color:#333;
		display:none;
	}
	.pdxBox-cal h2 {
		font-size:1.5em;
		padding:0 0 5px 0;
	}
	.pdxBox-cal label {
	}
	.pdxBox-cal[type=text] {
		border:1px solid #999;
		border-radius:2px;
		-moz-border-radius:2px;
		padding:5px;
		height: 16px;
		margin-bottom: 5px;
		margin-right: -2px;
	}
	.pdxBox-cal .button-wrap {
		float:right;
		padding:10px 0 0 0;
	}
	.pdxBox-cal .close-btn {
		position:absolute;
		width:25px;
		height:25px;
		top:-12px;
		right:-12px;
	}
	.pdxBox-cal h1 {
		display:none;
	}
	.pdxBox-cal h3 {
		font-size:1.2em;
		background:#eee;
		border-bottom:1px solid #ddd;
		padding:5px 9px;
		margin:0 0 5px 0;
	}
	.pdxBox-cal h4 {
		font-size:1.1em;
		border-bottom:1px dotted #ddd;
		margin:0 0 5px 0;
	}
	.pdxBox-cal nav {
		display:none
	}
	.pdxBox-cal span.detailData {
		display:block;
		margin:0 0 12px 0
	}
	.pdxBox-cal p.details {
		font-weight:bold;
	}
	.pdxBox-cal img {
		width:100%;
		height:auto;
	}
	.legend_1 span {
		/*  background-color: #ccccff; */
		background-color: #693;
	}
	.legend_2 span {
		/*  background-color: #ffcccc; */
		background-color: #06c;
	}
	.legend_3 span {
		/*  background-color: #ccffcc; */
		background-color: #c33;
	}
	.legend_4 span {
		/*  background-color: #ffffcc; */
		background-color: #f63;
	}
	.legend_5 span {
		/*  background-color: #ffddaa; */
		background-color: #f3e722;
	}
	.legend_6 span {
		/*  background-color: #ccffff; */
		background-color: #0c9;
	}
	.legend_7 span {
		/*  background-color: #ddbbff; */
		background-color: #c3c;
	}
	.legend_8 span {
		/*  background-color: #cccccc; */
		background-color: #6cf;
	}

		/* -------------- TEMPLATE : CALENDAR VIEW -------------- */
		#calendarMonth {
			border: 1px solid #cacccc;
			border-width: 0 0 1px 1px;
			border-collapse: collapse;
			clear: left;
			margin-bottom: 8px;
			width: 100%;
		}
		#calendarMonth th {
			border: 1px solid #cacccc;
			border-width: 1px 1px 0 0;
			font-size: 14px;
			padding: 2px;
			text-align: center;
		}
		#calendarMonth td {
			vertical-align: top;
		}
		.dayCell {
			border: 1px solid #ece9e9;
			border-width: 0 1px 0 0;
			height: 100px;
			width: 14%;
		}
		.today {
			background-color: #fffde3;
		}
		.dayCell table {
			width: 100%;
		}
		.dayCell th {
			background-color: #fafafa;
			border-width: 1px 0 0 0;
			height: 12px;
			padding: 1px;
		}
		.today th {
			background-color: #ffeb65;
			-webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), inset 0 -8px 8px -10px rgba(0, 0, 0, 0.1);
		}
		#branding-wrap td.dayCell table {
			border:none;
		}
		#branding-wrap td.dayEvents {
			border: none;
		}
		#branding-wrap td.dayEvents a {
			text-decoration: none;
		}
		th.calendarWeek {
			font-family: Arial, sans-serif;
			font-size: 11px;
			text-transform: uppercase;
			background-color: #666;
			color: #FFF;
		}
		.dayCell.offDay th {
			background: transparent;
		}
		.dayCell.offDay th a {
			color: #aaa;
			text-decoration: none;
		}
		.dayCell .moreEvents a {
			font-weight: bold;
			text-decoration: underline;
		}
		.calendarWrap nav ul {
			margin: 6px 6px 0px 0px;
		}
		.calendarWrap nav li {
			margin-left: 10px;
			font-size: 12px;
			font-weight: bold;
		}
		.dayCell th a {
			border: 0 none;
			color: #8c8e8f;
			display: block;
			font-size: 12px;
			height: 16px;
			line-height: 16px;
			padding: 0 2px;
			text-align: right;
			-moz-border-radius: 2px;
			-webkit-border-radius:2px;
		}
		.offDay {
			background-color: #e4e4e4;
		}
		.offDay th a {
			color: #555;
		}
		.prevMonth a, .nextMonth a {
			color: #999;
			font-size: 14px;
			line-height: 82px;
			text-align: center;
		}
		.prevMonth a:before {
			content:"\AB \0020";
		}
		.nextMonth a:after {
			content:"\0020 \BB";
		}
		.dayEvents {
			font-size: 11px;
			padding: 1px;
		}
		.dayEvents ul {
			margin: 0;
			padding: 0;
		}
		.dayEvents li {
			list-style-type: none;
			margin: 0 0 1px 0;
			padding: 0;
		}
		.dayEvents a {
			border: 0 none;
			color: #000;
			display: block;
			padding: 1px 1px 1px 1px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
		}
		.dayEvents a:hover {
			background: #e7f3fb;
			border: 1px solid #a9c4f1;
			color: #000;
			padding: 0;
		}
		.dayEvents a:active, .dayEvents a:focus {
			position:inherit;
		}
		.moreEvents a {
			color: #8c8e8f;
			font-size: 11px;
			text-align: right;
			padding: 2px;
		}
		.moreEvents a:hover {
			padding: 1px;
		}
		#calendarLegend {
			margin: 0;
			padding: 0;
		}
		#calendarLegend li {
			list-style-type: none;
			margin-bottom: 1px;
		}
		#calendarLegend li span, .calendarEvent span {
			display: block;
			border: 1px solid rgba(0, 0, 0, .1);
			float: left;
			position: relative;
			height: 6px;
			margin: 3px 2px 0 2px;
			width: 6px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			-webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
			-moz-box-shadow: inset 1px 2px 1px rgba(255, 255, 255, 0.7), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
			box-shadow: inset 1px 2px 1px rgba(255, 255, 255, 0.7), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
		}

			/* -------------- CALENDAR : MONTH/WEEK OUTLINE -------------- */
		#eventList h2 {
			background:#fafafa;
			border-top:1px solid #cacccc;
			clear:both;
			padding:4px;
		}
		#eventList ul {
			list-style-type:none;
			margin:0;
		}
		#eventList ul li {
			margin:0 0 8px 6px;
			padding:8px;
		}
		#eventList ul li h3 a {
			border: 0 none;
		}
		#eventList h3 {
			font-size: 1.4em;
		}
		#eventList p.location, #eventList p.subDetailData {
			font-size: 1.2em;
			margin: 3px 0px;
			color: #000;
		}
		#eventList p.subDetailData {
			margin-bottom: 10px;
		}
		#eventList p.subDetailData.event-fee {
			margin: 0px;
		}
		.zLite {
			background-color: #fefefe;
		}
		.zDark {
			background-color: #e7f3fb;
		}
		/* Event */
		.regLink {
			float: right;
		}
		#eventRegistrationForm table, table.displayRegs {
			width: 100%;
		}

		/* -------------- CALENDAR : EVENT DETAIL -------------- */
		.eventDetail h3 {
			font-size: 2em;
			width: 470px;
			display:inline-block;
			vertical-align: top;
			margin: 0px;
		}
		.eventDetail h3.summary {
			width:100%;
		}
		.eventDetail h4 {
			font-size: 1.35em;
			margin-top:1.25em;
			padding-bottom: 2px;
			border-bottom: 1px solid #dadada;
			margin-bottom:6px;
		}
		.eventDetail div.vevent {
			padding-left: 10px;
			width: 96%;
		}
		.eventDetail p.location, .eventDetail p.event-date {
			color: #333;
			font-size: 1.45em;
			font-weight: bold
		}
		.eventDetail p.location {
			font-size: 1.6em;
			margin: 2px 0px 0px 0px;
		}
		.eventDetail p {
			font-size: 1.2em;
			color: #111
		}
		.eventDetail a.regLink {
			display:inline-block;
			vertical-align: top
		}
		.eventDetail .detailData {
			color: #111
		}
		/* -------------- CALENDAR : EVENT MODAL -------------- */
		div#calendar-bubble h4,
		div#calendar-bubble .detailData,
		div#calendar-bubble p {
			padding: 0 11px;
		}
		div#calendar-bubble h3 {
			margin: 0 0 10px 0;
		}

		/* -------------- CALENDAR : GRID DISPLAY -------------- */
		li.calendarEvent {
			margin: 0.25em 0
		}
		table#calendarMonth td.dayEvents ul {
			margin-left: 7px
		}
		.tinymce .calendarWrap table tr:first-child td {
			text-shadow: none;
		}
		.tinymce .calendarWrap table .dayEvents {
			font-size: 11px;
		}
		.tinymce .calendarWrap table tr {
			background-color: #fff;
		}
		.tinymce .calendarWrap table#calendarMonth td.dayCell.offDay table tr.even {
			background-color: #E4E4E4;
		}
		.tinymce .calendarWrap table td.offday table tr.even, td.offday table tr, td.offday table td {
			background-color: transparent;
		}

		/* -------------- CALENDAR : LEGEND -------------- */
		ul#calendarLegend {
			margin-left: 0px;
			border: 1px solid #dadada;
			padding: 4px;
		}
		ul#calendarLegend li {
			display:inline-block;
			width: 203px;
			vertical-align: top;
			border: 1px solid #dedede;
			padding: 4px;
			margin: 4px;
		}
		ul#calendarLegend li span {
			margin-right:6px;
		}

	/* ------------------------ TEMPLATE : SITE MAP ------------------ */
	#content-wrap .sitemap {
		font-size:14px;
		list-style-type:none;
		margin:0 0 0 20px;
	}
	#content-wrap .sitemap ul {
		border-left:1px dotted #eee;
		font-weight:700;
		list-style-type:none;
		margin-top:3px;
	}
	#content-wrap .sitemap ul ul {
		font-weight:400;
		border-color:#ccc;
	}
	#content-wrap .sitemap ul ul ul {
		font-size:12px;
		border-color:#999;
	}
	#content-wrap .sitemap ul ul ul ul {
		border-color:#666;
	}
	#content-wrap .sitemap ul ul ul ul ul {
		border-color:#333;
	}
	#content-wrap .sitemap ul ul ul ul ul ul {
		border-color:#000;
	}
	#content-wrap .sitemap ul li {
		margin-left:-18px;
		padding:4px 0 4px 18px;
	}
	#content-wrap .sitemap ul li a {
		margin-left:8px;
	}
	#content-wrap .sitemap ul li:before {
		color:#ccc;
		content:'\B7\B7\B7\B7\B7 \0020';
	}


	/* ------------------------ TEMPLATE : PAGE LISTINGS ------------------ */

	.page-listings .view-all-pages {
		color: #777;
		cursor: pointer;
		display: block;
		text-decoration: underline;
		margin: 12px 0 0 0;
	}

	/* Spacing between page listings */
	#f-wrap, .rowsep {
		padding: 15px 0;
	}

	.page-listings h2,
	.page-listings ul {
		width:300px;
	}

	.page-listings h2 a{
		color: #333;
	}

	.page-listings p {
		color:#333;
		width:300px;
		font-size: 1.2em;
	}

	.page-listings ul{
		list-style: disc url('/assets/images/ico-bullet-sm.png') outside;
		margin-left: 14px;
	}

	.page-listings ul li a{
		font-size: 1.2em;
	}

	.page-listings ul li{
		margin: 10px 0
	}


	/* ------------------------ TEMPLATE : BLOG -------------------------- */
	.entry-meta {
		color:#666;
		font-size:11px;
		padding:4px 0 0;
	}
	.blog .p27 p {
		font-size:1.24em;
		margin:10px 10px 0;
		color: #000;
	}

	.blog p.link{
		padding-left: 10px;
	}

	.blog p.summary{
		margin: 0px 0px 12px 0px;
		font-size: 1.5em;
		padding-left: 10px;
	}

	/* ------------------------ TEMPLATE : SOCIAL MEDIA ------------------ */

	div#social-media-quick-links{
		margin-bottom: 24px;
	}
	div.bare.grid_5,
	div.bare.grid_5 ul,
	div.bare.grid_5 h3,
	div.social-media-section h3{
		margin:0px;
	}

	div.social-media-section{
		margin-bottom: 24px;
	}

	div.social-media-section ul.links{
		height: 100%;
		margin: 0;
		padding: 0;
	}

	div.social-media-section ul.col{
		width: 200px;
		display:inline-block;
		vertical-align: top;
	}

	#twitter.social-media-section ul.col{
		width: 260px;
	}

	div.social-media-section ul.col.first{
		margin-right: 40px;
	}

	div.social-media-section h2{
		border-bottom: 1px solid #e8e8e8;
		padding-bottom: 8px;
		margin-bottom: 8px;
	}


	#pog-portlandoregon_gov div#sidebar.bare{
		margin-left: 0px;
	}

	ul#directory-nav{
		list-style: none;
		width: 220px;

	}
	ul#directory-nav li{
		background:none;
		border-bottom: 1px solid #fff;
		list-style: none;
		margin: 0px;
		padding:0;
	}
	ul#directory-nav li a{
		background-color: #e6e5e5;
		border-bottom: none;
		color: #222;
		display: block;
		text-decoration: none;
		padding: 8px 10px
	}

/* ===================== WIDGETS ==================== */

	/*---------- WIDGETS : SHARED STYLES ----------*/
	.widget{
		width:100%;
	}

	#main-content .widget,
	#main-content #i-want-to.alpha.omega.widget{
		margin-bottom: 24px;
	}

	#main-content .alpha.omega.widget{
		margin-bottom: 0px;
	}

	.program #main-content .widget{
		float:left;
	}

	.widget h1 {
		color:#444;
		font-weight:700;
		text-transform:uppercase;
		margin:0 0 12px ;
		padding:8px 10px 6px;
		font-size: 1.2em;
	}

	.widget h1 a {
		float:right;
		font-size:11px;
	}

	.alpha.omega.widget h1 {
		margin-bottom:8px ;
	}

	.alpha.omega.widget h1,
	.facebook-feed.widget h1,
	.instagram-feed.widget h1,
	.youtube-widget.widget h1{
		font-size: 1.2em;
	}

	.alpha h1 a:hover,
	.blog h1 a:hover,
	.events h1 a:hover {
		background-color:transparent;
		border-bottom:none;
		color:#00b0e5;
	}

	.alpha h1 a:link,
	.blog h1 a:link,
	.events h1 a:link,
	.facebook-photos h1 a:link {
		border-bottom:none;
		font-weight:400;
		text-transform:none;
	}

	.widget.blog h2 {
		font-size: 1.1em;
		line-height: 1.4em
	}

	.events h2 a:link,
	.widget.blog h2 a:link {
		border-bottom:1px dotted #D1D1D1;
		color:#291d10;
	}

	.widget h2 a:hover{
		background-color:#00b0e5;
		border-bottom:none;
		color:#FFF;
	}

	/*
	.blog h2 a:hover,
	.events h2 a:hover {
		background-color:#00b0e5;
		border-bottom:none;
		color:#FFF;
	}
	*/

	.alpha.omega.widget p {
		font-family:Georgia, serif ;
		font-size:1.3em;
		margin:12px 0;
		padding:0 12px;
	}
	.blog p,
	.events p,
	.calendar p{
		color:#000;
		text-rendering:optimizeLegibility;
		line-height: 1.4em;
		font-size: 1.177em;
		margin-bottom: 1.17em;
	}
	.widget.blog p{
		margin-bottom: 6px;
	}

	.widget ol {
		padding:0 10px;
		list-style: none;
	}

	#side-content .widget.twitterfeed li,
	.connect a,
	.recently-added li.last {
		border-bottom:none;
	}
	.widget li {
		border-bottom:1px dotted #D6D6D6;
		margin: 4px 0;
		padding: 4px 0;
	}

	.widget.blog .source-icon,
	.home .blog p.date,
	.home .blog div.content,
	.program .blog p.date,
	.program .blog div.content {
		display: inline-block;
		vertical-align: top;
	}

	.contact-sidebar {
		background-color:#ebebeb;
		border-bottom:1px solid #EBEBEB;
	}

	.contact-sidebar p.labels {
		display:inline-table;
		font-weight:700;
		line-height:1.7425em ;
		text-align:right;
		vertical-align:top;
		margin:16px 12px 0 24px;
	}

	.contact-sidebar p.more-link {
		border-top:1px solid #fff;
		padding:10px 0 0 20px;
	}

	.contact-sidebar p.phone-numbers {
		display:inline-table;
		vertical-align:top;
		font-size:15px ;
		margin:15px 0;
	}

	.contact-sidebar.water p.labels {
		margin-left:14px ;
	}

	*+html div.widget.contact-sidebar p.labels,
	*+html div.widget.contact-sidebar p.phone-numbers {
		display:inline;
		zoom:1px;
	}


	/* ---------------- WIDGET : SIDE CONTENT ---------------- */

	#side-content .widget{
		margin-bottom: 24px;
	}
	#side-content .widget h1{
		margin-bottom: 4px;
	}
	#side-content .view-more {
		padding-left:10px;
		text-align:left;
		margin-top: 12px;
	}

	#side-content .widget li{
		font-size: 1em;
		line-height: 1.3em;
		border-bottom:1px dotted #D6D6D6;
		margin: 0;
		padding: 4px 0;
	}

	#side-content .widget li a {
		border: none;
		text-decoration:none;
	}

	#side-content .widget ol {
		list-style:none;
		padding:0;
		color:#7c7878;
		margin: 0px;
	}

	#side-content .contact .vcard p.tel{
		margin-bottom: 24px;
	}
	.contact-sidebar address {
		display:block;
		border-bottom:1px solid #FFF;
		font-size:15px ;
		padding:15px 0 15px 20px;
	}

	/* ----------------- WIDGET : MOST POPULAR ------------------ */

	#side-content .widget.most-popular {
		margin-bottom: 24px;
	}

	/* ----------------- WIDGET : RECENTLY ADDED ---------------- */


	.recently-added ol {

	}

	.recently-added ul li a:hover {
		background-color:#00b0e5;
	}

	.recently-added li {

	}

	.recently-added li a {

	}

	/* ---------------- WIDGET : I WANT TO ------------- */
	#i-want-to{
		position: relative;
		background-color: #eeeeeb;
		padding: 0 0 8px;
	}

	#i-want-to ul{
		list-style: none;
		width: 640px;
		margin: 0;
		padding: 0 0 0 4px;
	}

	#i-want-to ul li{
		width: 200px;
		height: 45px;
		background-color: #fff;
		border: none;
		box-sizing: border-box;
		color: #444;
		display: inline-table;
		font-size: 1em;
		font-weight: 700;
		-moz-box-sizing: padding-box;
		text-align: center;
		vertical-align: top;
		-webkit-box-sizing: border-box;
		margin: 4px;
		line-height: 1.4em;
	}
	#i-want-to li:hover {
	background-color:#00b0e5;
	color:#FFF ;
	border-color:#ff9a2d;
	}
	.home #i-want-to h1,
	.program #i-want-to h1 {
		border: 0 none;
		margin: 0 0 8px 0;
		padding: 8px 0 5px 10px;
		color: #FFF;
		background-color: #666;
		background-image: none;
		border-bottom: 2px solid #565656;
		font-size: 1.6em;
		text-transform: none;
	}
	#i-want-to a{
		border-bottom: none;
		color: inherit;
		display: table-cell;
		text-decoration: none;
		text-shadow: inherit;
		vertical-align: middle;
	}
	#i-want-to a:hover{
		background: transparent;
		color: inherit;
	}
	#i-want-to a#view-all{
		font-size:11px;
		position:absolute;
		text-decoration:none;
		top:6px;
		color:#FFF;
		float:right;
		right:0;
		margin: 0px 8px 0px 0px;
		padding:3px 3px 3px 3px;
	}
	a#view-all:hover{
		background-color:#00b0e5;
		color:#FFF ;
		border-color:#ff9a2d;
	}

	/* ---------------- WIDGET : FLICKR ---------------- */
	.flicktures div,
	.twitterfeed div {
		background:#ddd;
		white-space:pre-wrap;
		padding:8px 0;
	}
	a.flickr-logo:hover,
	a.twitter-logo:hover {
		background:0 none;
	}
	.twitterfeed li:hover a.tweeturl,
	.pagination a:link,
	.pagination a:visited {
		color:#333;
	}

	.flickr-logo {
		float:left;
		margin:10px 0 0;
		padding:0;
	}

	#branding-wrap #content-wrap .flictures-wrap ul{
		margin-left: 0px;
	}
	.flictures-wrap ul {
		display:block;
		width:100%;
		margin:0;
	}

	li.flictures-image a img {
		width:67px;
	}


/* ---------------- WIDGET : TWITTER ---------------- */
	.tweets .no-tweets{
		background: url('/assets/images/icons/ico-twitter-none.png') no-repeat;
		background-position-x: 10px;
		background-position-y: 6px;
		color: #666;
		padding-top: 11px;
		padding-left: 55px ;
		border-bottom: none;
	}
	.tweets .header{
		border-bottom: 1px solid #a3a3a3;
		height: 74px
	}
	.tweets .header img.twitter-icon{
		float: left;
		border: 1px solid #ededed;
		margin-right: 10px;
		height: 54px;
		width: 54px
	}

	#side-content .tweets .header{
		padding:0px 10px 6px 8px;
		height:60px
	}
	#side-content .tweets img.twitter-icon{
		height: 52px;
		width: 52px
	}
	#side-content .tweets iframe{
		width: 180px ; /* overriding styles added by twitter */
	}
	#side-content .tweets ul li{
		line-height: 1.5em;
		text-rendering:optimizeLegibility;
		color: #333;
		padding: 10px 10px;
	}
	#side-content .tweets h3.username{
		margin-bottom: 5px
	}

	.home .tweets .header{
		padding: 4px 10px;
		height: 68px
	}
	.home .widget.tweets ul li{
		font-size:1.2em;
		margin: 0;
		padding: 10px
	}
	.home .widget .last,
	.tweets ul li.last{
		border-bottom: none;
	}

	.widget.tweets ul li a{
		word-break:break-all;
	}

	.widget.tweets h3.username{
		margin-top: 0;
		color: #333;
		font-size:1.3em
	}

	.widget.tweets h3.username a:link,
	.widget.tweets h3.username a:visited {
		color: #333;
		border-bottom: none;
	}

	.widget.tweets h3.username,
	.widget.tweets iframe{
		float:left
	}

	.widget.tweets ul{
		clear:both;
		margin: 0;
	}
	.widget.tweets ul li{
		font-size:1.1em;
		padding: 6px 10px;
		line-height: 1.4em;
		margin: 0.6em 0
	}
	.widget.tweets .follow{
		border-top: 1px solid #a3a3a3;
		padding-top: 3px
	}
	.widget.tweets .follow a{
		font-size: 0.9em;
		font-weight: bold;
		border:none;
		display: inline-block;
		vertical-align: top;
		margin-top: 4px;
		margin-right: 5px;
	}
	.widget.tweets .follow img{
		vertical-align: top;
		display: inline-block;
	}

	.widget.tweets .twitterPhoto {
		display: block;
		margin: 10px auto;
	}


	/* ---------------- WIDGET : RSS SUBSCRIBE ---------------- */
	#side-content #rss-subscribe {
		margin-bottom: 22px;
	}
	#side-content #rss-subscribe a {
		border: none;
	}

	/* ---------------- WIDGET : LOGIN ---------------- */
	.widget.login {
		width:260px;
		padding:10px;
		background:#FFF5DA;
	}

	.widget.login h1 {
		padding-left: 0;
		padding-right: 0;
	}
	.widget.login p.center {
		margin: 15px 0 20px;
		text-align: center;
	}

	.tabular,
	#login>form,
	#login .form,
	#login>div>table,
	#login>div>div>form{
		background:#fff;
		text-align:left;
		max-width:960px;
		margin:0 auto;
		padding:20px;
	}

	#login {
		min-width: 640px;
	}

	#login #main-header {
		margin-bottom: 60px;
		min-width: 550px;
	}

	#login #header-stripe {
		margin: 0 auto;
		max-width: 960px;
		height: auto;
	}

	#logo-container {
		margin-left: 15px;
	}

	#login #city-logo {
	}

	#login #utility-stripe {
		background-color: #484848;
	}

	#login #bannerImages{
		width:960px ;
		margin:0 auto 40px;
		padding:0;
	}

	#login .headerDescription img{
		height:60px;
	}

	#login {
		background:transparent url(/assets/images/bg-login.gif) repeat-x;
		border-top:1px solid #ccc;
	}
	#login>div>div form table {
		padding:0;
	}

	#login .formHeader span {
		top:0;
		left:600px;
	}

	.popup table.tabular {
		width: 100% ;
	}

	#login .tabular td,
	#login form td {
		padding:10px;
	}

/*
#login div,
	#login table {
		width:auto ;
	}
 */

	#login .formHeader span a{
		font-size:small;
		padding:0;
	}

	#login .note {
		font-size: 11px;
		color: #777;
	}

	#login ul {
		list-style: disc;
	}

	#login ul li {
		margin-left: 1em;
		padding: .1em .5em;
		list-style: disc;
	}

	#login td.formLabel {
		white-space: nowrap;
	}
	#login td.formData {
		width: 70%;
	}


	/* ---------------- WIDGET : FACEBOOK PHOTOS ---------------- */
	.facebook-photos h1{
		margin-bottom: 10px;
	}
	.facebook-photos ul#facebook-photo-list{
		list-style: none;
		margin-left: 0px;
		overflow: auto;
	}
	.facebook-photos ul#facebook-photo-list li{
		margin: 8px 0px 8px 14px ;
		/* border: 1px solid #79C7DC ; */
		float:left;
		width: 94px;
		height: 94px;
		overflow: hidden;
	}
	.facebook-photos ul#facebook-photo-list li:hover{
		/* border: 1px solid #2289A8; */
	}

	.facebook-photos ul#facebook-photo-list li.first-col{
		margin-left: 0px;
	}

	.facebook-photos ul#facebook-photo-list li.first{
		width: 309px;
		height: 205px;
		margin: 0px 0px 8px 0px;
		overflow: hidden;
	}

	.facebook-photos ul#facebook-photo-list li a{
		display: block;
		text-decoration: none;
		border-bottom: none;
		line-height: 0;
		background: none;
	}
	.facebook-photos ul#facebook-photo-list li.first img{
		width: 100%;
	}

	.facebook-photos .follow-link{
		margin: 0 0 7px;
	}

	.follow-link {
		color:#373737;
		display:block;
		font-size:13px;
		margin:0 0 0 10px;
	}

	/* ---------------- WIDGET : FACEBOOK FEED ---------------- */
	.facebook-feed a:link{
		text-decoration: none;
		border-bottom: none;
	}
	.facebook-feed .header{
		min-height: 74px;
		border-bottom:1px solid #A3A3A3;
		overflow: auto;
	}
	.facebook-feed .profile-details{
		margin-left: 65px;
		margin-bottom: 10px;
	}
	.facebook-feed div.fb-like iframe{
		width: 100%;
	}
	.facebook-feed img.profile-picture{
		width: 52px;
		height: 52px;
		float: left;
		border: 1px solid #EDEDED;
		margin-right: 10px;
		margin-left: 9px;
	}

	.facebook-feed .header h3{
		padding:0;
		margin: 0;
		font-size: 1.3em;
		color: #333
	}

	.facebook-feed .header h3 a:link,
	.facebook-feed .header h3 a:visited {
		color: #333;
	}

	.facebook-feed ul{
		clear:both;
		list-style: none;
		margin: 0;
		padding: 0 9px 6px 9px;
	}

	.facebook-feed li{
		padding: 14px 0 9px 0;
		clear: both;
		font-size: 1.1em;
		line-height: 1.4em;
	}

	.facebook-feed li.first{
		margin: 0px;
	}

	.facebook-feed li.last{
		padding-bottom: 10px;
	}
	.program .facebook-feed li.last{
		border-bottom: none;
	}

	.facebook-feed p.fbstats{
		font-size: 11px;
		color: #666;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.facebook-feed li .fb-link,
	.facebook-feed li p{
		display:inline-block;
		vertical-align: top
	}
	.facebook-feed li p.message{
		margin: 0;
		word-break: break-word;
		width: 298px;
		font-size: inherit;
	}
	.facebook-feed li p.message span.item-description{
		color: #444;
		font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
		font-size: 0.8em;
		display: block;
		line-height: 1.5em;
		margin-top: 3px;
	}
	.facebook-feed li p.message .item-name a{
		font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		display: block;
		line-height: 1.4em;
		margin-top: 10px;
	}
	.facebook-feed li .fb-link + p.message {
		margin: 0 0 0 6px;
	 }
	.program .facebook-feed li .fb-link + p.message {
		width: 198px;
	 }
	.home .facebook-feed li .fb-link + p.message {
		width: 180px;
	 }

	 .widget.facebook-feed div.posts ul li.link p.message a{
		display:table;
	 }

	.facebook-feed li .fb-link,
	.facebook-feed li .fb-link img{
		width: 100px
	}

	span.timestamp{
		font-style: italic;
		color: #6f6f6f;

		margin: 0px;
	}
	span.timestamp a:link,
	span.timestamp a:visited{
		color: #6F6F6F;
	}


	/* ---------------- WIDGET : INSTAGRAM ---------------- */
	.instagram-feed .header{
		min-height: 68px;
		margin-bottom: 14px;
		border-bottom:1px solid #A3A3A3;
		overflow: auto;
	}
	.instagram-feed .profile-details{
		margin-left: 65px;
		margin-bottom: 10px;
	}
	.instagram-feed img.profile-picture{
		width: 52px;
		height: 52px;
		float: left;
		/* border: 1px solid #EDEDED; */
		border-radius: 50%;
		margin-right: 10px;
		margin-left: 9px;
	}

	.instagram-feed .header h3{
		padding:0;
		margin: 0;
		font-size: 1.3em;
		color: #333;
	}

	.instagram-feed .header h3 a:link,
	.instagram-feed .header h3 a:visited {
		color: #333;
	}

	.instagram-feed p.igstats{
		font-size: 11px;
		color: #666;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.instagram-feed ul#instagram-photo-list{
		list-style: none;
		margin-left: 0px;
		overflow: auto;
	}
	.instagram-feed ul#instagram-photo-list li{
		margin: 8px 0px 8px 14px ;
		/* border: 1px solid #79C7DC; */
		float:left;
		width: 94px;
		height: 94px;
		overflow: hidden;
	}
	.program .instagram-feed ul#instagram-photo-list li{
		width: 100px;
		height: 100px;
	}
	.instagram-feed ul#instagram-photo-list li:hover{
		/* border: 1px solid #2289A8; */
	}

	.instagram-feed  ul#instagram-photo-list li.first{
		width: 100%;
		height: 100%;
		margin: 0px 0px 8px 0px;
		overflow: hidden;
	}
	.instagram-feed ul#instagram-photo-list li.first-col{
		margin-left: 0px;
	}

	.instagram-feed ul#instagram-photo-list li a{
		display: block;
		text-decoration: none;
		border-bottom: none;
		line-height: 0;
		background: none;
	}

	.instagram-feed ul#instagram-photo-list li img{
		width: 100%;
	}


	/* ---------------- WIDGET : EVENTS ---------------- */
	.widget.events h2 {
		border:none ;
		padding-bottom:0 ;
	}

	.widget.blog h1,
	.widget.events h1 {
		margin-bottom:10px ;
	}

	.home .widget.events h3.date,
	.home .widget.events p,
	.program .widget.events h3.date,
	.program .widget.events p{
		font-size: 1.1em;
		display:inline-block;
		vertical-align: top;
		color: #000
	}

	.home .widget.events li{
		margin: 8px 0 8px 0;
		padding: 4px 0 8px 0
	}
	.home .widget.events .content{
		width: 240px;
		display: inline-block
	}
	.home #side-content .widget.events .content{
		width: 230px;
	}

	.home .widget.events .location
	.program .widget.events .location {
		display: block;
		font-weight: normal;
		font-style: italic;
	/*    font-size: 90%;
	*/    color: #555
	}

	.home .widget.events p.date .month,
	.program .widget.events p.date .month{
		font-size: 1.1em;
	}

	.home .blog p.date{
		font-weight: bold;
		width: 32px;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0px;
		margin-right: 0px;
	}
	.home .widget.events span.day,
	.home .blog span.day,
	.program .blog span.day{
		display: block;
		font-size: 1.6em;
	}
	.home .widget.events p.date,
	.program .blog p.date {
		font-weight: bold;
		width: 32px;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 12px;
	}
	.home .widget.events p.date
	.program .widget.events p.date{
		width: 50px;
		font-weight: bold;
	}
	.home .widget.events p
	.program .widget.events p{
		width: 145px;
		margin: 0;
	}
	.home .widget.events p.date,
	.program .widget.events p.date{
		text-transform: uppercase;
		font-size: 1.1em;
	}
	.home .blog div.content {
		width: 224px;
		margin-left: 12px;
	}
	.home .widget.events li a:hover
	.program .widget.events li a:hover{
		background:none
	}
	.home .widget.events li:hover
	.program .widget.events li:hover{
		background-color: #ededed
	}

	/* ---------------- WIDGET : HOURS ---------------- */
	.hours.widget h3{
		padding-bottom: 6px
	}
	.hours.widget div.hours-row{
		padding-left: 12px;
		border-bottom: 1px dotted #D6D6D6;
		margin-bottom: 8px;
		padding-bottom: 4px;
	}
	.hours.widget div.hours-row:last-of-type{
		border-bottom: none;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.hours.widget p.day,
	.hours.widget p.time{
		display: inline-block;
		vertical-align: top;
		width: 126px;
	}
	.hours.widget p.time{
		margin-left: 12px;
	}
	.hours.widget p.day{
		text-align: right;
	}


	/* ---------------- WIDGET : YOUTUBE ---------------- */
	.widget-youtube p {
		margin:10px 0 0;
	}
	.video-snap {
		margin-top:6px;
		margin-bottom: 6px;
		cursor:pointer;
	}
	.video-playicon {
		position: absolute;
		top: 92px;
		left: 130px;
		cursor: pointer;
		opacity: 0.8;
	}
	.video-playicon:hover,
	.video-playicon.hover {
		opacity: 1;
	}

	/* ---------------- WIDGET : DISCLAIMER ----------- */
	.disclaimer{
		clear: both;
	}

	/* ---------------- WIDGET : JOBS ---------------- */
	#content-wrap .jobs ul {
		margin: 0px 0px 0px 8px;
	}
	#content-wrap .jobs ul li {
		margin-bottom: 6px;
	}
	#content-wrap .jobs ul p {
		margin:0;
		padding: 0;
		display:inline-block;
		vertical-align: top
	}
	#content-wrap .jobs ul p.jobTitle {
		width:187px;
	}
	#content-wrap .jobs ul p.jobClassification {
		width: 72px;
		text-align: right
	}
	#content-wrap .jobs p.view-all {
		margin-left: 8px
	}


	/* ---------------- WIDGET : CONNECT ---------------- */
	.connect-icons {
		margin-bottom:18px;
	}

	.leadership{
		margin-top: 12px;
	}
	#side-content .widget.connect li,
	#side-content .widget.leadership li {
		clear:left;
		list-style:none;
		margin-bottom:2px;
		border-bottom: none;
	}

	.leadership li {
		background:#fafafa ;
		clear:left;
		list-style:none;
		margin-bottom:2px;
		min-height:52px;
		padding:10px;
	}

	.leadership li img {
		border:2px solid #ccc;
		float:left;
		margin-right:5px;
	}

	#content-wrap .leadership h2 {
		font-size:13px;
	}

	#side-content .widget.connect{
		margin-bottom: 8px;
	}

	#side-content .widget.connect li{
		width: 138px;
		height: 40px;
		display: inline-block;
		background-color: #fafafa;
		padding-bottom: 0px
	}

	#side-content .widget.connect li:hover {
		background:#eee;
		color: #000;
	}

	#side-content .widget.connect li a {
		color:#666;
		line-height:16px;
		width: 138px;
		height: 40px;
		display: block;
		padding: 0;
		margin-bottom: 2px;
	}

	#side-content .widget.connect li a:hover{
		color: inherit;
		background-color: inherit;
	}

	#side-content .widget.connect li a img {
		vertical-align: middle;
		margin: 4px 2px 4px 4px;
	}


	#side-content .widget.connect li a:hover img {
		position:relative;
		top:-1px;
	}

	.home .connect li {
		display:inline-block;
		vertical-align: top;
		padding-bottom:0;
		width:138px;
	}

	.widget.connect h1{
		margin-bottom: 3px;
	}
	.connect li {
		display:inline-block;
		padding-bottom:0;
		width:133px;
	}

	/* ---------------- WIDGET : PROJECT PAGE ---------------- */

		/* --------- PROJECT PAGE : MOST RECENT/POPULAR (SIDEBAR) -------- */
		#side-content .widget.recently-added li a,
		#side-content .widget.most-popular li a{
			padding: 4px 12px;
			display: block
		}


		/* ---------------- PROJECT PAGE : TWITTER ---------------- */
		.program .tweets h3.username{
			width: 250px;
		}


		/* ---------------- PROJECT PAGE : BLOG ---------------- */

		.program .blog div.content {
			width: 260px;
		}

		.home .blog span.month,
		.program .blog span.month{
			display: block;
			font-size: 1.1em;
			text-transform: uppercase;
		}

		.home .blog h2 a:link,
		.program .blog h2 a:link{
			font-size: 1.2em;
			line-height: 1.4em;
		}

		.home .blog li,
		.program .blog li{
			margin: 12px 0;
			padding-bottom: 14px;
			font-size: 1em;
		}
		.home .blog p.date,
		.program .blog p.date{
			font-size: 1.1em;
		}
		.home .blog p,
		.program .blog p{
			font-size: 1.1em;
		}

		/* ---------------- PROJECT PAGE : CONTACT (SIDEBAR) ---------------- */
		.program .widget.contact h2,
		.program .widget.contact p{
			font-size: 1.1em ;
			color: #333;
		}
		.program .widget.contact .vcard{
			margin-left: 10px
		}

		.vcard .url,
		#calendar-bubble .wysiwyg p:first-child {
			display:block;
		}

		#side-content .widget.contact h1{
			margin-bottom: 8px;
		}

		/* ---------------- PROJECT PAGE : CONNECT (SIDEBAR) ---------------- */

		.program  #side-content .widget.connect{
			margin-bottom: 24px;
		}

		.program  #side-content .widget.connect li{
			width: 108px;
			height: 32px;
		}
		.program  #side-content .widget.connect a{
			width: 100%;
			height: 32px;
		}
		.program #side-content .widget.connect li a img {
			vertical-align: middle;
			margin: 0px 2px 4px 4px;
		}
		.program .widget.connect li{
			width: 108px
		}
		.program .widget.connect li a img{
			padding-top: 4px;
		}


		/* ---------------- PROJECT PAGE : SLIDESHOW ---------------- */
		.program #slideshow-wrap{
			margin-left: 20px;
		}


		/* ---------------- PROJECT PAGE : I WANT TO ---------------- */
		.program #i-want-to{
			margin-top: 12px;
		}
		.program #i-want-to ul{
			width: 675px; padding: 0 0 0 7px;
		}
		.program #i-want-to ul li{
			width: 212px;
		}


	/* ---------------- WIDGET : EVENTS (PROGRAM PAGE) ---------------- */
	.program #side-content .widget.events h1 {
		margin-bottom:0px;
	}
	.program #side-content .widget.events ol {
		padding: 0;
		margin:0
	}
	.program #side-content .widget.events li {
		padding: 11px 10px;
		margin: 0
	}
	.program #side-content .widget.events li:hover {
		background-color: #EEE
	}
	.program #side-content .widget.events p.date {
		width: 48px;
		font-weight:bold;
		margin:0
	}
	.program #side-content .widget.events p {
		width: 148px;
		padding:0;
		margin: 0;
	}
	.program #side-content .widget.events span.summary {
		font-weight: bold;
		color: #333
	}
	.program #side-content .widget.events .location {
		font-style: italic;
		color: #555;
	}
	.program #side-content .widget.events a:hover {
		background-color: transparent;
	}


	/* ---------------- WIDGET : GOOGLE TRANSLATE ---------------- */
	#google_translate_element {
		position: absolute;
		left: -180px;
		top: -50px;
		height: 50px;
		width: 178px;
		background-color: #EFEFF1;
	}
	#google_translate_element .skiptranslate.goog-te-gadget {
		height: 25px;
		overflow: hidden;
		padding-left: 12px;
		padding-top: 14px;
	}

	#utility-tools #google_translate_element a {
		color: #666;
	}


	/* ---------------- WIDGET : PUBLIC ALERTS ---------------- */
	#public-alerts {
		background:#fff4a8;
		border:1px solid #ffe74f;
		margin:0 0 15px;
		padding:0 8px;
	}

	#public-alerts li {
		padding:6px 0 6px 30px;
	}

	#public-alerts .p-1 {
		background:url(http://cdn.iconfinder.net/data/icons/tango/22x22/status/dialog-warning.png) no-repeat left center;
	}

	#public-alerts .p-w {
		background:url(http://cdn.iconfinder.net/data/icons/tango/22x22/status/weather-severe-alert.png) no-repeat left center;
	}

	#public-alerts .p-r {
		background:url(http://cdn.iconfinder.net/data/icons/tango/22x22/categories/applications-development.png) no-repeat left center;
	}

	#public-alerts a {
		border-bottom:1px dotted #069;
	}

	#public-alerts a:hover {
		background:none;
		border-bottom:1px solid #069 ;
		color:#069;
	}


	/* ---------------- WIDGET : POG BANNER MESSAGE ---------------- */
	#pog_banner {
		display: none;
		position: relative;
		min-height: 32px;
		line-height: 32px;
		text-align: center;
		background: #ffffbb;
		overflow: auto;
	}

	#pog_banner_message {
		display: inline-block;
		vertical-align: middle;
		line-height: normal;
		margin: 8px 30px 8px 10px;
		color: black;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}

	#pog_banner_message p {
		margin: 0;
	}

	#pog_banner_close {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		margin: 8px 10px;
		opacity: .7;
		border: none;
		line-height: 0;
	}

	#pog_banner_close:hover {
		opacity: 1;
	}


/* ================ ACCESSIBILITY STYLES ============= */
	/* Currently these styles are applied to forms needed
	a more ADA-friendly display. We're hoping to apply
	these globally eventually - Aug 7 2014 */
	#trackitForm.trackit-1672 label,
	#trackitForm.trackit-1672 legend {
		font-size: 1.3em;
	}

	#trackitForm.trackit-1672 td.spam_header p,
	#trackitForm.trackit-1672 td.spam_answer p{
		font-size: 1.3em;
		font-weight: bold;
	}

	#trackitForm.trackit-1672 input,
	#trackitForm.trackit-1672 textarea {
		font-size: 1.6em !important;
		padding: 8px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;
	}
	#trackitForm.trackit-1672 input:focus,
	#trackitForm.trackit-1672 textarea:focus {
		outline: #244793 solid 3px;
	}
	#trackitForm.trackit-1672 fieldset{
		padding: 12px 0px;
	}


/* ================ IE-SPECIFIC HACKS =============== */
	/* Overflow:auto causes horizontal scrollbar in IE9 */
	.ie #bureau-header{
		overflow:inherit;
	}
	.ie #i-want-to nav a, .ie #i-want-to nav a:hover {
		background:url(/assets/images/ico-bul-blue.png) no-repeat 0 3px;
	}
	.ie7 #column-wrap, .ie7 #footer-directory {
		background-position:710px 0;
		padding-left:20px;
	}
	.ie7 #footer-directory .column, .ie6 #footer-directory .column {
		padding-left:1px;
		width:219px;
	}
	.ie6 #i-want-to nav a, .ie6 #i-want-to nav a:hover {
		background:none;
	}
	.ie6 #column-wrap ol, .promoted article {
		padding-left:10px;
	}
	.ie6 header form div, .ie6 header form img {
		top:-9999px;
	}
	.ie7 #under-stripe, .ie7 #branding-area-wrap {
		z-index:-1;
	}
	.ie #search-form .text-input {
		background:url(/assets/images/search-box.png) no-repeat;
		color:#666;
		height:23px;
		line-height:1.1em;
		width:145px;
		padding:7px 30px 0 26px;
	}
	.ie .button.text-submit {
		border:0;
	}
	.ie .text-submit {
		background:url(/assets/images/search-button.png) no-repeat;
		color:#333;
		cursor:pointer;
		height:32px;
		width:59px;
	}
	.ie #search-form .text-submit {
		position:absolute;
		right:0;
	}
	.ie6 #i-want-to nav a {
		background:none;
		list-style:disc;
	}
	.ie6 #utility-stripe {
		overflow:hidden;
	}
	.ie6 #breadcrumbs a {
		padding-top:3px;
	}
	.ie6 #column-wrap {
		background:#fff;
	}
	.ie6 #footer li {
		line-height:0.9em;
	}


/* ============================= DEPRECIATED? ======================== */
#post {
	padding-top: 10px;
}

.postErrors, .postErrors p {
	color: red;
}

#post .postErrors ul li {
	margin-left: 1em;
}

#post_text {
	width: 99%;
}

#headerbuttons {
	right:-505px;
	top:-10px;
}

#headerButtons img,
#headerbuttons img {
	height:30px;
	width:30px;
}

#information {
	background:#000;
	bottom:0;
	color:#fff;
	height:0;
	overflow:hidden;
	position:absolute;
	z-index:200;
}

#information h3 {
	font-size:16px;
	margin:0;
	padding:0 8px;
}

#information p {
	font-size:12px;
	padding:0 8px 8px;
}

#information a {
	color:#fff;
	text-decoration:none;
}
