/* @override 
	http://www.platypus-ad.com/dev/atc10yearplan/wp-content/themes/ATC_tenyearplan_v1/css/layout.css
	http://www.atc10yearplan.com/wp-content/themes/ATC_tenyearplan_v1/css/layout.css
*/

html {
text-align: center;
}
body {
text-align: left;
}
html, body {  height: 100%; min-height: 100%; }
.hide {
	display: none;
	overflow: hidden;
}
/*.clear {
	clear: both;
}*/
.obscure {
	position: absolute;
	float: left;
	left:-9999px;
}
.mobileNavWrap select{ /*hide mobile nav*/
	display: none;
}
.mobileOnly{
	position: absolute;
	left: -9999px;
}
div#sidebar li.widget{
	margin-bottom: 20px;
}
div#zoneMapWrapper img,
div#posts img{
	max-width:100%;
	height: auto;
  	width: auto\9; /* ie8 */
}
li#getTheAssessment img{
	max-width:90%;
	height: auto;
  	width: auto\9; /* ie8 */
}
li#getTheAssessment ul{
	margin-left: 0;
	margin-bottom: 20px;
}
li#getTheAssessment li{
	margin-bottom: 10px;
	line-height: 100%;
}
ul#filterZones li{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
ul#filterZones li#allZones{
	margin-right: 0;
}
ul#filterZones li span{
	position: absolute;
	float: left;
	left:-9999px;
}
ul#filterZones a{
	padding: 8px;
	display: block;
}
ul#filterZones li#allZones a{
	padding: 0;
}
div#zoneDirectoryWrapper h6{
	margin-bottom: 10px;
}
ul#zoneDirectory{
	margin-bottom: 0;
}
ul#zoneDirectory li{
	float: left;
	width: 25%;
	margin-bottom: 0;
}
div#zoneDirectoryWrapper{
	padding: 2%;
}
ul.zoneDirectory li.zone{
	width: 20%;
	margin-bottom: 0;
}
div.zoneDirectoryWrapper{
	margin-bottom: 20px;
}
li.widget h5{
	margin-bottom: 10px;
}
div#zoneSelectionWrapper h5{
	margin-bottom: 20px;
}
div#header{
	margin-top: 50px;
	margin-bottom: 50px;
}
div#contentWrapper{
	margin-top: 50px;
	margin-bottom: 80px;
}
div#adminNavWrapper{
	position: relative;
}
/*search element styles*/
ul#adminNav{
	/*padding-top: 20px;
	margin-right: 20px;*/
	position: relative;
	padding-top: 0;
	top: -30px;
	right: 40px;
}
ul#adminNav li{
	float: right;
	margin-left: 20px;
}
/*ul#adminNav li li{
	margin-right: 5px;
}*/
div#searchPopUp{
	position: absolute;
	/*left: 530px;*/
	top: -10px;
	right: 40px;
	width: 370px;
	display: none;
}
div#searchPopUp form{
	padding: 0 20px 20px;
	margin-bottom: 0;
}
div#searchPopUp div#searchClose{
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 2px;

}
div#searchPopUp div#searchClose a{
	height: 16px;
	width: 16px;
	display: block;
}
div#searchPopUp div#searchClose a span{
	position: absolute;
	float: left;
	left:-9999px;
}
div#searchPopUp input{
	float: left;
}
div#searchPopUp input[type="text"]{
	margin-right: 8px;
	width: 240px;
	margin-bottom: 0;
}
div#searchPopUp input[type="submit"]{
	margin-bottom: 0;
}
/*div#footer div.mobileNavWrap,
div#footer p*/{
	float:left;
}
div#assessmentID{
	position: relative;
}
div#assessmentID h2{
	display: block;
	line-height: 100%;
}
div#assessmentID span#summaryYear{
	display: block;
	position: absolute;
	left: -80px;
	top:5px;
	line-height: 100%;
}
div#assessmentID span#tenYear{
	display: block;
	position: absolute;
	left: 90px;
	top: -10px;
	line-height: 100%;
}
div#assessmentID span#assessment{
	display: block;
	position: absolute;
	left: 90px;
	line-height: 100%;
}
div#mainContent h3{
	margin-bottom: 80px;
}
div#mainContent h5{
	line-height: 100%;
	margin-bottom: 1em;
}
div.constantContact{
	clear: both;
}
div.constantContact{
	margin-bottom: 20px;
}
div.constantContact h6{
	margin-bottom: 5px;
}
div.constantContact input,
div.constantContact fieldset{
	margin-bottom: 0;
}
div.constantContact label,
div.constantContact input{
	display: inline;
}
div.constantContact input[type="text"]{
	width: 200px;
}

ul#menu-footer-menu{
	margin-bottom: 10px;
}
ul#menu-footer-menu li{
	float: left;
	margin-right: 20px;
}
div#copyright p{
	margin-bottom: 2px;
}
div#footer {
	padding-bottom: 80px;
}

div#socialBookmarks{
	margin-bottom: 60px;
}
div#socialBookmarks li{
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
	display: block;
	width: 16px;
	height: 16px;
}
div#socialBookmarks ul{
	height:  16px;
	margin-bottom: 0;
}
div#socialBookmarks a{
	display: block;
	width: 16px;
	height: 16px;
}
div#posts{
	margin-bottom: 40px!important;
}
table.projectDirectory{
	width: 100%;
}
table.projectDirectory .projZone{
	text-align: center;
}
table.projectDirectory td p{
	margin-bottom: 0;
}
table.projectDirectory td,
table.projectDirectory th{
	padding: 2%;
	vertical-align: middle;
}
table.projectDirectory .projName{
	width: 30%;
}
table.projectDirectory .proDescription{
	width: 46%;
}
table.projectDirectory .projZone{
	width: 12%;
}
div#zoneHeaderWrapper div#zoneMapWrapper,
div#zoneHeaderWrapper h3{
	float: left;
	display: block;
}
div#zoneHeaderWrapper h3 span{
	display: block;
}
div#zoneHeaderWrapper div#zoneMapWrapper{
	width: 22%;
	margin-right:4%
}
div#zoneHeaderWrapper h3{
	width:74%;
}
ul.sidebarSubNav{
	margin: 0;
	margin-top: 20px;
}
ul.sidebarSubNav li{
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 5px;
	line-height: 100%;
}
div#sidebar li#mapDownloads ul,
div#sidebar li#projectTableNav ul{
	margin-left: 0;
}
div#sidebar li#mapDownloads ul li{
	margin-bottom: 10px;
}
div#sidebar li#mapDownloads a{
	display: block;
	height: 16px;
	line-height: 16px;
}
div#relatedResources{
	margin-top: 80px;
}
div.resourceTitle {
	position: absolute;
	left: 0px;
	text-align: right;
	padding: 6px 10px;
}
div#mainContent ul.resourceListing{
	margin-left: 14.5%;
}
ul.resourceListing div.relatedResourceLink.skinny{
	float: left;
	width:29%;
}
ul.resourceListing div.relatedResourceDescription{
	float: left;
	width:71%
}
ul.resourceListing li{
	margin-bottom: 10px;
	padding-bottom: 10px;
}

div#economicMeetingsListing div.singleEvent{
	margin-bottom: 20px;
	padding-bottom: 20px;
}
div#introDirectorsListing div.singleDirector{
	float: left;
	width: 30%;
	margin-right: 3%;
}
div#introDirectorsListing div.singleDirector img{
	max-width:80%;
	height: auto;
  	width: auto\9; /* ie8 */
}
div.singleDirector div.jobTitle,
div.singleDirector h6{
	margin-bottom: 5px;
}
/*isotope transitions*/
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/**** Isotope filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}/* end of Smaller than standard 960 (devices and browsers) */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
div#searchPopUp{
	/*top: 120px;
	left: 340px;*/
}
ul#filterZones a{
	padding: 6px;
}
ul#filterZones li{
	margin-right: 6px;
}
div#assessmentID span#summaryYear{
	left: -15px;
	top: 5px;
}
div#assessmentID span#tenYear{
	left: 140px;
	top: -10px;
}
div#assessmentID span#assessment{
	left: 140px;
}
div#mainContent h3{
	margin-bottom: 60px;
}
div.constantContact input[type="text"]{
	width: 170px;
}
div#zoneHeaderWrapper div#zoneMapWrapper{
	width: 28%;
	margin-right:4%
}
div#zoneHeaderWrapper h3{
	width:68%;
}
div#mainContent ul.resourceListing{
	margin-left: 20%;
}


}/* end of Tablet Portrait size to standard 960 (devices and browsers) */

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.mobileNavWrap select{ /*display mobile nav*/
	/*display: inline-block;*/
	display: block;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}
.mobileNavWrap ul,
ul#menu-footer-menu{ /*hide desktop nav*/
	display: none;
}
.mobileOnly{
	position: static;
}
/*div#searchPopUp{
	left: 0px;
}*/
div#contentWrapper{
	margin-top: 30px;
	margin-bottom: 60px;
}

ul.zoneDirectory li.zone{
	width: 25%;
}
div#posts,
div#sidebar,
div.zoneDirectoryWrapper,
div.zoneMap,
.footerInner,
div#zoneSelectionWrapper h5,
div#zoneSelectionWrapper ul#filterZones,
div#zoneDirectoriesWrapper h6,
div#introDirectorsListing{
	margin-left: 20px;
	margin-right: 20px;
}
div#mainContent ul.resourceListing{
	margin-left: 20px!important;
	margin-right: 20px!important;
}
div.constantContact input[type="text"]{
	width: 200px;
}
div#copyright,
h4#zoneLocationSearchHeader,
div#zoneSelectionWrapper h5,
li.selectZone,
div#footer div.constantContact h6,
div#zoneHeaderWrapper h3,
div#sidebar h5{
	text-align: center;
}
div#socialBookmarks,
div#atcFooterNavWrapper div.mobileNavWrap{
	margin-bottom: 20px;
}
div#zoneSelectionWrapper h5{
	margin-bottom: 10px;
}



ul#filterZones{
	text-align:center;
	margin-bottom: 10px;
}
ul#filterZones li{
	float: none;
	display:inline;
}
ul#filterZones a{
	display: inline-block;
}
ul#filterZones li#allZones{
	margin-top: 10px;
}
li#getTheAssessment{
	width: 280px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
div#socialBookmarks ul{
	text-align: center;
}
div#socialBookmarks ul li{
	float: none;
	display:inline;
}
div#socialBookmarks ul a{
	display: inline-block;
}
div#zoneHeaderWrapper div#zoneMapWrapper{
	width: 100%;
	margin-right:0%
}
div#zoneHeaderWrapper h3{
	width:100%;
}
div#zoneDirectoryWrapper{
	padding: 4%;
}

div#mainContent ul.resourceListing{
	margin-left: 0;
}
div.resourceTitle {
	position: static;
	text-align: center;
	padding: 6px 10px;
	margin-bottom: 20px;
}
div#introDirectorsListing div.singleDirector{
	float: none;
	width: 100%;
	margin-right: 0%;
	text-align: center;
	margin-bottom: 10px;
}
div#introDirectorsListing div.singleDirector img{
	max-width:100%;
	height: auto;
  	width: auto\9; /* ie8 */
}





}/* end of All Mobile Sizes (devices and browser) */

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
div#searchPopUp{
	width: 378px;
	/*top: 400px;
	left: 20px;*/
	right:20px;
	top: 5px;
}
ul#adminNav{
	right: 20px;
	top: -20px;
}
div#searchPopUp input[type="text"]{
	width: 252px;
}
div#assessmentID span#summaryYear{
	left: 50px;
	top:5px;
}
div#assessmentID span#tenYear{
	left: 180px;
	top: -10px;
}
div#assessmentID span#assessment{
	left: 180px;
}
div#mainContent h3{
	margin-bottom: 40px;
}
ul#zoneDirectory li{
	width: 33%;
}
}/* end of Mobile Landscape Size to Tablet Portrait (devices and browsers) */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
div#searchPopUp{
	width: 278px;
	/*top: 250px;
	left: 10px;*/
	right:10px;
	top: 5px;
}
ul#adminNav{
	right: 10px;
	top: -20px;
}
div#searchPopUp input[type="text"]{
	width: 152px;
}
div#contentWrapper{
	margin-top: 15px;
	margin-bottom: 30px;
}
ul.zoneDirectory li.zone{
	width: 33%;
}
ul#zoneDirectory li{
	width: 50%;
}
div#posts,
div#sidebar,
div.zoneDirectoryWrapper,
div.zoneMap,
.footerInner,
div#zoneSelectionWrapper h5,
div#zoneSelectionWrapper ul#filterZones,
div#zoneDirectoriesWrapper h6,
div#introDirectorsListing{
	margin-left: 10px;
	margin-right: 10px;
}
div#mainContent ul.resourceListing{
	margin-left: 10px!important;
	margin-right: 10px!important;
}
ul.resourceListing div.relatedResourceLink{
	text-align: center;
}
ul.resourceListing div.relatedResourceLink.skinny{
	float: none;
	width:100%;
}
ul.resourceListing div.relatedResourceDescription{
	float: none;
	width:100%
}
div#assessmentID span#summaryYear{
	left: 15px;
	top:5px;
}
div#assessmentID span#tenYear{
	left: 125px;
	top: -10px;
}
div#assessmentID span#assessment{
	left: 125px;
}
div#mainContent h3{
	margin-bottom: 20px;
}
div.constantContact input[type="text"]{
	width: 180px;
}
}/* end of Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */