/**
 * 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
 * > > 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 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:16px 10px 0 0; height: 86px}
    #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;}

    #pog-water #bureau-titles hgroup {margin-left: 130px; padding-top: 17px; padding-bottom: 10px;}
    #pog-bps #bureau-titles hgroup {margin-left: 100px;}
    #pog-pssrp #bureau-titles hgroup {margin-left: 90px;}
    #pog-utility_billing #bureau-titles hgroup {margin-left: 215px; padding-top: 28px; padding-bottom: 10px; height: auto;}


	/* --------------- 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;
	    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 {
	    position:absolute;
	    right:0;
	    top:-60px;
	}


	/* ----------------- 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;
        font-size:11px;
        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;
    }



	/* --------------- NAVIGATION : BUREAU NAV ---------------*/
    #bureau-nav {
        background:#bcbcbc;
        border-bottom:1px solid #bbbbbb;
        border-top:1px solid #dedede;
        clear:both;
        line-height: 1em
    }

	#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;
    }

    #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 ;
    }

    #breadcrumbs label {
        line-height:1.7;
        width:auto;
    }

    nav#breadcrumbs label {
    	line-height:0
	}

    #breadcrumbs label img {
        position:relative;
        top:-3px;
    }

    #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:11px;
        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: 0.85rem;
    }

	article .full-text ul{
		margin: 12px 0px 24px 0px;
	}
	article .full-text ul li {
	    border:none;
	}
	article .full-text ol{
		margin: 12px 0px 24px 20px;
		font-size: 0.85rem;
		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 {
        margin: 0 ;
        color:#fff;
        list-style:none;
    }

    .pdxslide-wrapper{
        margin:0 0 20px;
    }

    .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 ----------------- */
    #comments {
        margin-top: 20px;
        border-top: 3px solid #efefef;
    }

    #comments > header h3 {
        font-size: 18px;
        margin: 5px 0 10px;
    }

    #comments > header p {
        margin: 15px 0;
    }

    #comments .comment {
        margin-bottom: 15px;
        background: #efefef;
        color: #666;
    }

    #comments .comment > * {
        padding-left: 10px;
        padding-right: 10px;
    }

    #comments .comment header {
        position: relative;
        height: 55px;
        margin: 10px 0;
    }

    #comments .comment header > * {
        margin-left: 58px;
    }

    #comments .comment header .commentNumber {
        position: absolute;
        top: -15px;
        right: 10px;
        font-size: 40pt;
        font-style: italic;
        color: #d9d9d9;
    }

    #comments .comment header .manage-button {
        top: -10px;
        right: -10px;
    }

    #comments .comment header img {
        position: absolute;
        top: 0px;
        left: 10px;
        margin: 0;
        padding: 0;
        border: 2px solid #aaa;
        cursor: auto;
    }

    #comments .comment header h4 {
        font-size: 1.3em;
    }

    #comments .comment header p {
        margin-top: 10px;
        margin-bottom: 0;
        font-style: italic;
    }

    #comments .comment header p a:link,
    #comments .comment header p a:visited {
        color: #666;
        text-decoration: none;
        border: none;
    }

    #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-bottom: 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{
		padding-left: 14px;
		margin-bottom: 20px;
	}
	section.search-results section.search-result p{
		margin-bottom: 6px
	}
	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{
		font-size: 1.4em;
	}
	
	section.search-results footer.pagination{
		border-top: 1px solid #bebebe;
	}
	section.search-results footer.pagination p{
		margin-top: 12px;
		padding: 6px 14px;
		text-align: left;
	}

/* =================== 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-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 : 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{
        margin-bottom: 18px;
        padding-bottom: 18px;
        border-bottom: 1px solid #D3D0C2;
    }
    .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:7px 10px;
        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,
    .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 {
        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.blog li,
    .widget.events li,
    .widget.tweets 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: 5px 0 8px 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.events .last,
    .home .widget.blog .last,
    .tweets ul li.last{
        border-bottom: none;
    }

    .widget.tweets ul li a{
        word-break:break-all;
    }

    .widget.tweets h3.username{
        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 {
        background:#FFF5DA;
        width:270px;
        padding:5px;
    }

    .widget.login p{
        padding-left: 10px;
        font-weight: bold;
    }
    .widget.login .no-account{
        padding-top: 12px
    }
    .widget.login .no-account,
    .widget.login .forgot-password,
    .widget.login .remember-me{
        font-size:11px;
    }
    .widget.login .no-account,
    .widget.login .forgot-password {
        padding-bottom:12px;
        margin:0;
        padding-left: 0
    }

    .widget.login [type=submit] {
        margin-right:5px;
    }
    .widget.login [type=text],
    .widget.login [type=password]{
        width:240px;
    }
    .widget.login form{
        margin-left:10px
    }

    .tabular,
    #login>form,
    #login .form,
    #login>div>table,
    #login>div>div>form{
        background:#fff;
        text-align:left;
        width:960px ;
        margin:0 auto;
        padding:20px;
    }

    #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 ---------------- */
    .widget.facebook-photos h1{
        margin-bottom: 10px
    }
    .widget ul#facebook-photo-list{
        list-style: none;
        margin-left: 0px;
    }
    .widget ul#facebook-photo-list li{
        margin: 8px 0px 8px 14px ;
        border: 1px solid #79C7DC ;
        float:left;
        width: 92px;
        height: 92px;
        overflow: hidden;
    }

    .widget ul#facebook-photo-list li.first-col{
        margin-left: 0px;
    }

    .widget ul#facebook-photo-list li:hover{
        border: 1px solid #2289A8
    }

    .widget  ul#facebook-photo-list li.first{
        width: 308px;
        height: 205px;
        margin: 0px 0px 8px 0px;
        overflow: hidden
    }
    .widget ul#facebook-photo-list li.first img{
        width: 415px;
    }

    .facebook-widget .follow-link{
        margin: 0px;
    }

	.follow-link {
	    color:#373737;
	    display:block;
	    font-size:13px;
	    margin:0 0 0 10px;
	}

	/* ---------------- WIDGET : FACEBOOK (2012 EDITION) ---------------- */
    .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{
        border-top: 1px dotted #D6D6D6;
        padding: 14px 0 9px 0;
        clear: both;
        font-size: 1.1em;
        line-height: 1.4em;
    }

    .facebook-feed li.first{
        border-top: none;
        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-bottom: 6px
    }

    .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;
    }
    .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;
        word-break:break-all;
     }

    .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 : 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 .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-right: 0px;
        margin-bottom: 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-right: 12px;
        margin-bottom: 0;
    }
    .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 {
		width: 310px;
		height: 220px;
		margin-bottom: 6px;
	}

	/* ---------------- WIDGET : DISCLAIMER ----------- */
	.disclaimer{
		clear: both;
	}

	/* ---------------- WIDGET : JOBS ---------------- */
    #content-wrap .jobs ul {
        margin: 0px 0px 0px 8px;
    }
    #content-wrap .jobs ul li {
        border-bottom: 1px solid #ebebeb;
        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.seeAll {
        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{
        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;
    }

/* ================ 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 =============== */
	 .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;
}