/*-------------------------------------------------------------*/
/*-----------------------YUI CSS RESET-------------------------*/
/*-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/*-------------------------------------------------------------*/
/*-----------------------HTML ELEMENTS-------------------------*/
/*-------------------------------------------------------------*/ 
html { 
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    -o-font-smoothing:antialiased;
    font-smoothing:antialiased;
    color: #797979;
    font-size: 12px; /*increased by Matt from 11px, was way too small, 12 is still pretty small*/
    font-family: "Helvetica Neue", Helvetica, "Liberation Sans", Verdana, sans-serif;
    background: #EEEEEE;
    background:url('../img/bg_stripe_grey.png') top left repeat;
}
body {
    width: 100%;
    background: url('../img/bg_stripe_green.png') top left repeat-x;
    box-shadow: 0 0 3px 1px #587a7f;
    -webkit-box-shadow: 0 0 3px 1px #587a7f;
    -moz-shadow: 0 0 3px 1px #587a7f;
}
p {
    line-height: 1.6em;
    letter-spacing: .05em;
    padding: 0 0 2em;
}
a:link, a:visited {
    color: #4E97AA;
    text-decoration: none !important;
}
a:hover, a:active {
    color: #5DACC0;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}
h1,h2,h3,h4,h5,h6 {
    display: block;
    color: #A0A0A0;
    font-family: "Gill Sans", "Helvetica Neue", Helvetica, "Liberation Sans", Verdana, sans-serif;
}

/* NOTE: Matt added padding-bottom to the H1 and H2 */
h1 {
    font-size: 24px;
    padding-bottom: 10px;
}
h2 {
    font-size: 21px;
    padding-bottom: 10px;
}
h3 {
    font-size: 18px;
    padding-bottom: .6em;
}
h4 {
    font-size: 14px;
    color: #5c5c5c;
    padding-bottom: .5em;
}
h5 {
    font-size: 14px;
    text-decoration: underline;
}
h6 {
    font-size: 14px;
    font-weight: 100;
    text-decoration: underline;
}
input, textarea {
    color: #797979;
    font-size: 14px;
    line-height: 1.3em;
    padding: 20px 20px 15px;
    background: #F0F0F0;
    margin: 0 0 15px;
    border: 2px solid #ECECEC;
    border-radius: 2px;
}
#edit_textarea {width:80%;}
input:hover, input:active, textarea:hover, textarea:active {
    border: 2px solid #5DACC0;
}
/*added by matt*/
strong {
	font-weight:bold;
}
iframe {
    margin-bottom: 10px;
}
/*----------------------------------------------------------------------*/
/*-----------------------ADDITIONAL TEXT STYLES-------------------------*/
/*----------------------------------------------------------------------*/
h1.site_title a {
    color: #505050!important;
}
h1.site_title a:hover, h1.site_title a:active {
    color: #6D6D6D!important;
}
h2.home_feature {
    text-align: left!important;
}
@media screen and (max-width: 767px) {
    h2.home_feature {
        text-align: center!important;
    }
}
div.home_feature_content p {
    line-height: 1.3em;
    /* below added by Matt 2013-12-12*/
    letter-spacing: 0em;
}
@media screen and (max-width: 1024px) {
    div.home_feature_content p {
        padding: 10px 15px;
        margin-top: -14px;
        border: 1px solid #F0F0F0;
    }
    h2.home_feature {
        font-size: 18px;
    }
    .home_feature_content .button a {
        -moz-border-radius: 0;
        border-radius: 0;
        max-width: 768px;
    }
}
div.home_feature_content img { /*TEMPORARY prior to proper image thumbnails */
    width: 100%;
    margin-bottom: 10px;
}
#pageslide h2, #pageslide h3 {
    color: #FFFFFF;
}
#pageslide h3 {
    font-size: 21px;
}
article ul {
    padding: 0 0 1em 20px;
    list-style-type:circle;
    letter-spacing: .05em;
    color: #6f6f6f;
}
article ol {
    padding: 0 0 1em 20px;
    letter-spacing: .05em;
    color: #6f6f6f;
}
article ul li, article ol li {
    line-height: 1.3em;
    padding: 0 0 .6em;
}
div#footer, div#footer p {
    color: #FFFFFF;
}
div#footer p {
    font-size: 14px;
    line-height: 1.3em;
    padding: 0 0 1.6em;
}
div#footer a {
    text-decoration: underline;
}
p.address {
    font-size: 12px;
    line-height: 1em;
    padding: -.8em 0 1em;
}
#copyright {
    font-size: 11px;
}
div.subpage_heading h2 {
    width: 100%;
    font-size: 24px;
    color: #FFFFFF;
    padding: 8px 6px 8px 15px;
    background: #5DACC0;
    margin: 0 0 20px 0;
}
.blockquote {
    padding-left: 50px;
    font-size: 1.5em;
    line-height: 1.6em;
    padding-bottom: 1.4em;
    font-style: italic;
    background: url('../img/blockquote.png') top 7px left no-repeat;
}
/*---------------------------------------------------------------*/
/*-----------------------BASIC STRUCTURE-------------------------*/
/*---------------------------------------------------------------*/
div#main_wrapper {
    max-width: 1180px;
    background: #FFFFFF;
    padding: 0 40px;
    margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    div#main_wrapper {
        padding: 0 40px 0 20px;
    }
    div#main_content {
        margin-left: -3px;
    }
    div#sidebar {
        padding-left: 20px;
    }
    div#footer {
        padding: 0 30px;
    }
    div#footer hr {
        width: auto;
    }
}
@media screen and (max-width: 767px) {
    div#main_wrapper {
        padding: 0 20px 0 0;
    }
}
div#body_wrapper {
}
div#body/*We may not need this container*/ {
}
div#slider {
    width: 100%;
    min-height: 200px;
}
div#content {
}
div#main_content {
    padding: 0 20px 40px;
    border-right: 2px solid #f0f0f0;
}
@media screen and (max-width: 767px) {
    div#main_content {
        border-right: none;
    }
}
/*------------------------------------------------------*/
/*-----------------------HEADER-------------------------*/
/*------------------------------------------------------*/ 
header#header_wrapper {
    width: 100%;
}
div#header {
    width: 100%;
    margin: 40px 0 20px 0;
    clear: both;
    text-align: center;
}
/* hidden by Matt 20131212
h1#logo {
    display: block;
    height: 26px;
    width: 784px;
    text-indent: -9999px;
}
h1#logo a {
    width: 100%;
    height: 100%;
    background: url('../img/dpz_logo.png');
}
*/
div#header a {
	font-size:30px;
	letter-spacing:0.4em;
	font-family:times,"times new roman",serif;
	font-variant:small-caps;
}
/*Commented out by Brian 1/22/2014
/*@media screen and (max-width: 767px) {
	div#header a {
	font-size:20px;
	letter-spacing:0.4em;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	div#header a {
	font-size:26px;
	letter-spacing:0.3em;
}
}*/

/*---------------------------------------------------------------*/
/*-----------------------MAIN NAVIGATION-------------------------*/
/*---------------------------------------------------------------*/ 

/*----------------- COMMON TO ALL SCREENS --------------------*/

nav ul li ul {z-index:100;}
nav ul li:hover ul.fallback {display:block;z-index:100;}
ul#main_nav {font-family: "Gill Sans", "Helvetica Neue", Helvetica, "Liberation Sans", Verdana, sans-serif;}
ul#main_nav a {
	color: #A0A0A0!important;
}
ul#main_nav li ul {
    position: absolute;
    background: #FFF;
    margin-top: 10px;
}
ul#main_nav li ul li {
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    text-align: left;
    border-top: 2px solid #F0F0F0;
}
ul#main_nav li ul li a:hover {
	color: #5DACC0 !important;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;  
    background: #FFFFFF !important;
}
ul#main_nav li a {
    display: block;
    color: #A0A0A0;
}
ul#main_nav li a:hover, ul#main_nav li a:active {
     color: #5DACC0 !important;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;   
    background: #FFFFFF !important;
}

/*----------------- STANDARD MENU SPECIFIC --------------------*/

@media screen and (min-width: 768px) {
	
	ul#main_nav {font-size: 16px;}
	ul#main_nav li {
	    display: inline;
	    text-align: center;
	    padding-bottom: 10px;
	}
	ul#main_nav li ul li a {
	    display: block;
	    padding: 13px 20px;
	    color: #A0A0A0;   
	}
	/* fallback class from menu pattern selected by Brian */
	ul#main_nav li ul.fallback {
	    display:none;
	}
	ul#main_nav li:hover ul.fallback {
	    display:block;
	}
	nav ul li ul.fallback {display:none;}
	nav ul li:hover ul.fallback {display:block;z-index:100;}

}

/*----------------- MOBILE MENU SPECIFIC --------------------*/
/* TO DO: enable scrolling of the mobile menu on small devices */

/*fix for issues with navigation on tablets*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
	/*need to add a height for the navigation on tablets*/
	#main_nav_container.grid-100{
		height:60px;
	}
}
/* Mobile menu, main settings are for larger screens like the large Samsung phones */
@media screen and (max-width: 1024px) {
	div#mobile_nav_img {
		/*fix to make the hamburger clickable*/
		position:relative;
		z-index:200;
	}
	div#mobile_nav {
		background-color:#5DACC0;
		width:100%;
		height:50px;
		position:fixed;
		top:0;
		left:0;
		margin:0;
        z-index:100;
	}
	div#mobile_nav p {
		vertical-align:middle;
		padding:0;
		margin-top:6px;
		letter-spacing:0.2em;
		text-align:center;
		font-size:22px;
		font-family:times,"times new roman",serif;
		font-variant:small-caps;
		color:#FFF;
	}
	header#header_wrapper {
		min-height:50px;
		margin-bottom:10px;
	}
	ul#main_nav {
		background-color:#FFF;
		width:100%;
		position:absolute;
		top:50px;
		left:0;
		padding-bottom:6px;
		font-variant:small-caps;
		font-size: 20px;
		border-bottom: 6px solid #5DACC0;
		display: none;
		z-index: 100;
	}
	ul#main_nav li {
	    display: block;
	    text-align:left;
	    height:40px;
	    border-top: 2px solid #F0F0F0;
	}
	ul#main_nav li a {
		padding-left:15px;
		padding-top:7px;
	}
	ul.main_nav_submenu {
		width: 100%;
		margin-bottom: 2px;
		padding-left: 12px;
		position:relative;
		left: 0;
	}
	ul.main_nav_submenu li {
		height:20px;
	}

}
/* Overrides for iPhone and similar screens */
@media screen and (max-width: 320px) {
	div#mobile_nav p {
		margin-top:15px;
		letter-spacing:0.1em;
		line-height:18px;
		text-align:center;
		font-size:15px;
	}
}
#tablet_title {
	font-size:24px;
	letter-spacing:0.4em;
	font-family:times,"times new roman",serif;
	font-variant:small-caps;
    color: #FFFFFF;
    margin: 10px auto 0;
    text-align: center;
    position: relative;
    left: -30px;
}
#tablet_title a, #tablet_title a:hover, #tablet_title a:active, #mobile_title a, #mobile_title a:hover, #mobile_title a:active {
    color: #FFFFFF;
}
#mobile_title {
	font-size: 22px;
	letter-spacing:0.4em;
	font-family:times,"times new roman",serif;
	font-variant:small-caps;
    color: #FFFFFF;
    margin: 11px auto 0;
    text-align: center;
    position: relative;
    left: -30px;
}
/*------------------------------------------------------*/
/*-----------------------FOOTER-------------------------*/
/*------------------------------------------------------*/ 
/*div#footer_wrapper { Moved this to HTML5 compliant footer tag, added overrides for width, padding, margin, height due to framework*/
footer {
    width: 100%;
    background: #A5D2D5 url('../img/bg_footer.jpg');
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding: 20px 0 30px 0!important;
    box-shadow: 0 0 3px 1px #e4ddef;
    -webkit-box-shadow: 0 0 3px 1px #e4ddef;
    -moz-shadow: 0 0 3px 1px #e4ddef;
}
div#footer {
    max-width: 1180px;
    margin: 0 auto;
}
/*added by matt*/
/*Commented out by Brian*/
/*div#footer hr {
	border-color: #FFFFFF;
	border-style:solid;
	border-width:1px;
    margin: 10px;
}*/
div#footer hr {
    margin: 10px;
}
address.footer_content {
	font-size:14px;
    margin-bottom: 10px;
}
address.footer_content img {
	margin-left:10px;
	margin-top:-5px;
	float:right;
}
@media screen and (max-width: 767px) {
    address.footer_content {
        margin-bottom: 20px;
    }
    address.footer_content img {
        margin-left: 0;
        margin-right: 10px;
        margin-bottom: 10px;
        float: left;
    }
}
address.footer_content a {
	color:#FFFFFF;
}

/*---------------------------------------------------------------*/
/*-----------------------COMMON ELEMENTS-------------------------*/
/*---------------------------------------------------------------*/

/*----------PAGE BANNERS-------------*/
#page_banner {
    margin:0 auto -3px;
}
@media screen and (max-width: 767px) {
    #page_banner {
        margin: 0 auto -5px;
    }
}
/*..........BUTTONS..........*/
/*20131212 - changed from anchor tag to span to match pmwiki structure which wraps an anchor in a span which can be classed*/
#page_banner img {
    max-width: 1140px;
    width: 100%;
    height: auto;
    margin-left: 10px;
}
.button {
    display: block;
}
.button a {
    display: block;
    min-width: 100px;
    max-width: 200px;
    height: 12px;
    padding: 14px;
    background: #BBBBBB;
    -moz-border-radius: 2px;
    border-radius: 2px;    
    color: #FFFFFF;
    font-size: 11px;
    text-align: center;
    font-family: "Gill Sans", "Helvetica Neue", Helvetica, "Liberation Sans", Verdana, sans-serif;
}
@media screen and (max-width: 1024px) {
    .button a {
        background: #5DACC0;
    }
}
.button:hover, .button:active, .button a:hover, .button a:active {
    background: #5DACC0;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    /*max-width: 228px;*/
}
.button:active, .button a:active {
    position: relative;
    top: 1px;
}

/*..........UNDERLINES..........*/
hr {
    width: 100%;
    height: 3px;
    background: #F0F0F0 url('../img/underline_bg.png') top left repeat-x; /* Old browsers */
    /*background: -moz-linear-gradient(top, #dbd9e4 0%, #f4f4f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbd9e4), color-stop(100%,#f4f4f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dbd9e4 0%,#f4f4f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dbd9e4 0%,#f4f4f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dbd9e4 0%,#f4f4f5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dbd9e4 0%,#f4f4f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbd9e4', endColorstr='#f4f4f5',GradientType=0 ); /* IE6-9 */
    border-style: none;
    margin: 0 0 30px 0;
}

/*..........SOCIAL MEDIA LINKS..........*/
ul.sm_links {
    list-style: none;
    clear: both;
}
ul.sm_links li { 
    display:inline; 
    float:left; 
}
ul.sm_links li a { 
    display:block; 
    width:50px; 
    height:50px; 
    position:relative;
    padding: 0 10px 0 0;
}
li.facebook_icon {
    background-image: url('../img/fb_icon.png');
}
li.twitter_icon {
    background-image: url('../img/tw_icon.png');
}
li.youtube_icon {
    background-image: url('../img/yt_icon.png');
}
li.linkedin_icon {
    background-image: url('../img/li_icon.png');
}
/*-----------------------THUMBNAIL FIXES-------------------------*/
li.project_link img, div.staff_link img {
    width: 100%;
    height: auto;
}
.hidden {display:none;}
/*------------------------------------------------------------------*/
/*-----------------------HOME PAGE ELEMENTS-------------------------*/
/*------------------------------------------------------------------*/ 
/*-----------------------SLIDER-------------------------*/

div#dpz_homepage-gallery {
	margin-bottom:30px;
    max-width: 1160px;
    height: auto;
    margin-left: 10px;
}
#dpz_homepage-gallery img {
    width: 100%;
    height: auto;
}
/*-----------------------FEATURED CONTENT-------------------------*/
.home_column {
    margin-bottom: 30px;
}
.home_feature_content {
}
/*------------------------------------------------------------*/
/*-----------------------CONTACT FORM-------------------------*/
/*------------------------------------------------------------*/ 
#pageslide label, #contact p, #pageslide {
    color: #FFFFFF;
}
form#contact {
    margin-bottom: 40px;
}
#contact_close {
    width: 100%;
    height: 80px;
}
#contact_close .button {
    margin-left: -20px;
    background: none;  
    position:relative;
}
#contact_close .button a {
    width: 120px;
    background: #5DACC0!important;
}
.contact_phone {
    font-size: 14px;
    padding-bottom: 5px;
}
#pageslide hr {
    margin: 20px 0;
}
div#pageslide label {
    font-size: 12px;
    padding: 0 0 3px;
}
#pageslide input, #pageslide textarea {
    padding: 10px 10px 8px;
    width: 256px;
}
.submit_button {
    width: 278px!important;
    background: #5DACC0;
    color: #FFFFFF;
    border: #5DACC0 2px solid!important;
    cursor: pointer;
}
div#pageslide form .button {

}

/*-------------------------------------------------------*/
/*-----------------------SIDEBAR-------------------------*/
/*-------------------------------------------------------*/ 
div#sidebar {
    height: 100%;
    padding-top: 12px;
    /*border-left: 2px solid #f0f0f0;*/
    /*background: url('../img/bg_sidebar.png') top left repeat-y;*/
}
/*---Project Page and Search Results Fix---*/
@media screen and (min-width: 1025px) {
    .projects_sidebar {
        position:relative!important;
        left: 75%!important;
    }
    .projects_main_content {
        position:relative!important;
        left:-25%!important;
    }
    .search_results_container {
        position:relative!important;
        left:-25%!important;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
        .projects_sidebar {
        position:relative!important;
        left: 66%!important;
    }
    .projects_main_content {
        position:relative!important;
        left:-33%!important;
    }
    .search_results_container {
        position:relative!important;
        left:-33%!important;
    }
}


div.widget {
    clear: both;
    padding: 0 10px 30px;
}
div.widget img {
    width: 100%;
    height: auto;
}
div.widget h3 {
}
/*..........REGULAR SUBNAVIGATION..........*/
div.widget ul {
    width: 100%;
    border-top: 2px solid #F0F0F0;
    font-family: "Gill Sans", "Helvetica Neue", Helvetica, "Liberation Sans", Verdana, sans-serif;
    font-size: 14px;
    overflow: visible;    
}
div.widget ul li {
    display: block;
    width: 100%;
}
div.widget ul li a {
    display: block;
    width: 100%;
    padding: 8px 0;
    border-bottom: 2px solid #F0F0F0;
}
div.widget ul li a:hover, ul.sub_nav li a:active {
    width: 100%;
    padding: 8px 0 8px 20px;
    margin-left: -20px;
}
div.widget ul li ul {    
}
div.widget ul li ul li {
    display: block;
}
div.widget ul li ul li a {
    display: block;
    width: 100%;
    padding: 8px 0 8px 20px;
    border-bottom: 2px solid #F0F0F0;
}
div.widget ul li ul li a:hover, ul.sub_nav li ul li a:active {
    width: 100%;
    margin-left: -20px;
    padding-left: 40px;
}
/*..........FILTER SUBNAVIGATION..........*/
/*Retains the same styles as the regular subnavigation, but background-color changes on hover and active. Apply this class to the regular .sub_nav menu.*/
div#filter_list ul li a:hover, ul li a:active, ul li ul li a:hover, ul li ul li a:active {
    color: #FFFFFF !important;
    background: #5DACC0 !important;
    -moz-transition: color, background 0.1s linear;
    -webkit-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}
/*..........PROJECT MAP | SIMPLE SEARCH..........*/
form.simple_search {
}
form.simple_search input.search {
}
form.simple_search input.submit {
    display: block;
    float: right;
    margin-top: -50px;
}
.active a{
	color:#000;
}

/*container for the map on the projects page, needs initial size*/
/*#map_container_project_page {
    max-width:1140px;
    height: 260px;
    padding: 0;
    margin: auto;
}*/
#map_container_project_page {
max-width: 1140px;
height: 260px;
padding: 0 20px;
margin: auto;
position: relative;
left: -20px;
}
#map_container_full {
    height: 100%;
    padding: 0px 10px 0px 10px;
    margin: -20px auto 0px auto;
}

/*.............GOOGLE SEARCH FIXES...............*/
.gsst_a .gscb_a {
    color: #4E97AA!important;
}
.gsst_a:hover .gscb_a, .gsst_a:focus .gscb_a {
    color: #5DACC0!important;
}
input.gsc-search-button {
    background-color: #4E97AA!important;
}
input.gsc-search-button:hover, input.gsc-search-button:focus {
    background-color: #5DACC0!important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    margin-top: 16px!important;
}
.gs-image-box.gs-web-image-box.gs-web-image-box-landscape, .gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
    margin-left: 7px!important;
}
.gsib_b{padding-top:4px;}/*....the "x" in the searchbar to clear it....*/
.gsc-control-searchbox-only{margin-top:-16px;margin-bottom:-12px;}/*....fix padding above advanced search link for searchbar....*/

/*--------------------------------------------------------------*/
/*---------------------------POSTS------------------------------*/
/*--------------------------------------------------------------*/ 
.post_container {
    margin-bottom: 30px!important;
    clear: both;
    min-height: 80px;
}
div.post_summary {
	float: left;
	padding-left:20px;
	width: 75%;
    margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
    div.post_summary {
        width: 66%;
    }
}
div.post_summary h3{
	color:#5dacc0;
    margin-top: -.2em;
}
div.post_summary a{
}
div.post_date {
    width: 50px;
    height: auto;/*80px;*/
    background: #5dacc0;
    float: left;
    padding: 7px 2px;
    min-height: 80px;
    margin-left: -10px;
}
div.post_date p {
	margin:auto;
    color: #ffffff;
    text-align: center;
    padding: 0;
}
div.post_date p.month {
	margin:auto;
    font-size: 16px;
}
div.post_date p.day {
	margin:-12px auto -10px auto;
    font-size: 30px;
}
div.post_date p.year {
	margin:auto;
    font-size: 14px;
}
.post_author {
    font-size: 14px;
    padding: 0 0 5px;
    margin-top: -.3em;
}
.post_link {
    font-size: 11px;
}
/*..........FLOWING CONTENT..........*/
.lfloat {
    float: left;
    margin-right: 20px;
    clear: left;
}
.rfloat {
    float: right;
    margin-left: 20px;
    clear: right;
}
.frame {
    display: block;
    background: #5DACC0;        
    width: 40%;
    padding-bottom: 10px;
    color: #FFFFFF;
    -moz-border-radius: 2px;
    border-radius: 2px;      
    border-bottom: 1px solid #5DACC0;
    border-left: 1px solid #5DACC0;
    border-right: 1px solid #5DACC0;
    margin-bottom: 20px;
}
.frame img {
    display: block;
    width: 100%;
    height: auto;
   /*-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
    box-sizing: border-box;*/    
    border-top: 1px solid #F0F0F0;
    border-left: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    margin-left: -1px;
}
.frame span {
    display: block;
    font-size: 100%!important;
    padding: 0 15px;
    font-weight: bold;
    text-align: left!important;
}
.frame a, .frame a:hover {
    color: #FFFFFF;
    text-decoration: underline!important;
}
@media screen and (max-width: 768px) {
    .frame {
        width: 100%;
        padding: 0 0 10px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .frame {
        width: 50%;
    }
}
/*-------------------------------------------------------------------*/
/*-----------------------INITIATIVES & BOOKS-------------------------*/
/*-------------------------------------------------------------------*/ 
.initiative_post {
    border-top: 2px solid #F0F0F0;
    padding: 20px 0;
}
.book_post {
    border-bottom: 2px solid #F0F0F0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.initiative_post img, .book_post img {
    width: 100%;
    height: auto;
    border: 2px solid #F0F0F0;
    margin-bottom: 10px;
}
.initiative_post .button, .book_post .button {
    width: 25%;
    margin-right: 10px;
    font-weight: bold;
}
.initiative_post_cover, .initiative_post_summary, .book_post_cover, .book_post_summary {
    position: relative;
    left: -10px;
}
.book_post_info {
    font-size: 14px;
    padding: 0 0 10px;
    margin-top: -.3em;
}
/*----------------------------------------------------------*/
/*-----------------------OUR PEOPLE-------------------------*/
/*----------------------------------------------------------*/ 
div.staff_link {
    min-height: 390px;
}
div.folder {
    position: relative;
    left: -10px;
    cursor: pointer;
    padding-bottom: 30px;
}
div.folder h3, div.folder p, .staff_title {
    text-align: center;
    color: #4E97AA;
}
.staff_title {
    height: 1.3em;
}
.staff_name {
    margin-top: 7px;
}
@media screen and (max-width: 1024px) {
    .staff_title, .staff_name {
        min-height: 2em;
    }
}
div.folder h3 {
    font-size: 16px;
    padding: 0 0 3px;
}
div.folder p {
}
div.folder img {
    padding: 0;
    margin-bottom: -3px;
}
div.headshot_container {
    background-repeat:no-repeat;
    /*Commented out by Brian 1/22/2014*/
    /*height:365px;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}
span.headshot_1 p, span.headshot_2 p {
	padding:0;
}
span.headshot_1 a {
    padding:0;
}
.staff_bio {
    margin: 0 0 30px -80px;
    padding: 0 20px 0 70px !important;
    width: auto !important;
    position: relative;
    left: 20px;
}
.staff_bio p {
	font-size: 14px;
    color: #FFFFFF;
}
.bio_text {
    padding-top: 20px;
}
.staff_bio_extra {
    padding-top: 20px;
}
.jaf-container {
}

@media screen and (max-width: 767px) {
    div.staff_link {
        min-height: 250px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    div.staff_link {
        min-height: 280px;
    }
}
/*-----------------------App-Folders plugin specific-------------------------*/
/*.app-folders-container { width: 90%; margin: 0 auto;}*/
/*.jaf-container > div.folder { width: 19%; display: inline-block; text-align: center;}*/
/*.jaf-container {position: relative;padding: 0;}*/
/*.jaf-row {zoom: 1;}*/
.folderContent {
    background: #426567 url('../img/bg_panel.jpg') top left repeat;
    box-shadow: inset 0 0 3px 1px #587a7f;
    -webkit-box-shadow: inset 0 0 3px 1px #587a7f;
    -moz-shadow: inset 0 0 3px 1px #587a7f;
    
}

/*-------------------------------------------------------*/
/*----------------------PROJECTS-------------------------*/
/*-------------------------------------------------------*/ 
.project_link {
    cursor: pointer;
    margin: 0 0 20px;
    text-align: center;
    position: relative;
    left: -10px;
    min-height: 246px;
}
.project_list_title {
    font-size: 14px;
    padding: 0 0 3px;
}
.project_attribute {
    font-size: 14px;
    padding: 0 0 7px;
    margin-top: -.3em;
}
#project_attributes {
    padding: 0 0 13px;
}
#project_image {
    margin-bottom: 10px;
}

/*---Fix for project media and awards layouts---*/
#project_media ul#posts, #project_awards ul#posts {
    padding: 0 0 0 10px!important;
    list-style-type:none;
    letter-spacing: 0em;
    color: inherit!important;
}
#project_media ul#posts li, #project_awards ul#posts li {
    line-height: 1.3em;
    padding: 0;
}

/*---- Project page fix project data block overlapping image on big screens ----*/
#project_image {width:auto;margin-right:10px;}
#project_attributes {width:auto;}
#project_desc {clear:left;}

/*--------------------------------------------------------------*/
/*----------------------QUICKSAND FIXES-------------------------*/
/*--------------------------------------------------------------*/ 

/* Dont know yet, but the image transition need correcting */
.project_list_image img {
	width:100%;
	height:auto;
    margin: 0 0 7px;
}
/*--------------------------------------------------------------*/
/*---------------------UNSEMANTIC FIXES-------------------------*/
/*--------------------------------------------------------------*/ 

@media screen and (max-width: 767px) {
	.mobile-prefix-0 {
	  margin-left: 0!important;
	}
	.mobile-suffix-0 {
	  margin-right: 0!important;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.tablet-prefix-0 {
	  margin-left: 0!important;
	}
	.tablet-suffix-0 {
	  margin-right: 0!important;
	}
}
/*----------------------------------------------------------*/
/*---------------------RANGE SLIDER-------------------------*/
/*----------------------------------------------------------*/ 
/*Added by Brian. We need to pare this down to necessities*/
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:2em;height:2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.7em;margin-left:-1em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #4E97AA;background:#5DACC0/*url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x*/!important;box-shadow:inset 0 0 3px 1px #587a7f;-webkit-box-shadow: inset 0 0 3px 1px #587a7f;-moz-shadow: inset 0 0 3px 1px #587a7f;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_ef8c08_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_ef8c08_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_ef8c08_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_228ef1_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_ffd27a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:8px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:8px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:8px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:8px}.ui-widget-overlay{background:#666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}
#date_min, #date_max {
    display: inline-block;
    font-size: 14px;
    width: 32%;
    text-align: center;
    padding: 5px;
    margin: 10px 5% 20px;
    color: #ffffff;
    background: #5dacc0;
}
#date_dash {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    padding: 5px;
}
#year_slider {
    width: 91%;
    margin: 0 auto;
}
/*----------------------------------------------------------*/
/*---------------------GOOGLE MAPS--------------------------*/
/*----------------------------------------------------------*/ 
/*height is required for the map to load on project pages, on the full page map, the height is calculated in JS*/
#practice_map_container {height:250px;}