/* CSS Document for Joomla styles 3x Association of Municipal Administrators */

/*	================================================================================= 
	AUTHORS
	The default Joomla CSS template was originally developed by Barrie North. 
	This document adjusted for Joomla 1.6 by C.R. van Oudheusden, Joomla-CSS.
	For more information go to www.joom-css.nl.

	DISCLAIMER
	While Joomla-CSS has taken the greatest care in preparing this document. No
	liability can be accepted by Joomla-CSS for any errors or omissions in the published
	information. Joomla-CSS like wise accepts no liability for loss arising from or related
	to the use of information presented in this document or website.

	COPYRIGHT
	You are free to copy and use this document or alter it in any way.
	================================================================================ */

.keynote-speakers {display: flex; flex-wrap: wrap; justify-content: left;}
.keynote-speakers div {width: 25%; border:  1px solid #eee; padding: 5px; margin: 0 10px; text-align: center;}
.keynote-speakers div img {border:  1px solid #bbb;}
.keynote-speakers div span {display: block; width: 100%; margin: 10px 0 0 0; text-align: left;}



body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; background-color: #fff;}

/* .site-heading { color: #fff;  font-size: 1.1em; line-height: 1.05em;  margin: 0 0 0 0; font-family: "merriweather",serif;  position: absolute;  top: -39px;} */
i.icon-arrow-left, i.icon-arrow-down, i.icon-arrow-right {background: none !important;}

#home li {list-style: none;}

#main-left #jcl_component .eventdesclarge a {color: #08c; text-decoration:underline;}
#main-left #jcl_component .eventdesclarge a:hover, #main-left #jcl_component .eventdesclarge a:focus {text-decoration: none;}

.maximenuck.level2 .floatck {display: none !important;}

.site-header-outer {background: #4d4d4d; background: #4d4d4d;}
.maximenuckh {float: right;}
	 
div#maxi ul.maximenuck li.level1.parent > a:after, div#maxi ul.maximenuck li.level1.parent > span.separator:after { content: none !important;}
div#maxi .level1 a span {color: #fff !important;}
div#maxi .level1 > a:hover span, div#maxi .level1 > a:focus span {color: #D7E6C2!important;}
div#maxi .level2 a span {color: #4d4d4d !important; text-transform: capitalize !important; padding: 5px; margin:0; display: block; background: #D7E6C2 !important;}

div#maxi .level2 a.wellness span{background: #D7E6C2 url(../img/wellness-logo-sm.png) 195px 1px no-repeat !important;}
div#maxi .level2 a:hover.wellness span, div#maxi .level2 a:focus.wellness span {background: #c0d89e url(../img/wellness-logo-sm.png) 195px 1px no-repeat !important;}

div#maxi .level2 a:hover span, div#maxi .level2 a:focus span { background: #c0d89e !important;}
div#maxi .level2 a {margin: 0 !important;}
div#maxi .level2 li {margin:0;}
div#maxi .level2 a {width: 100%;}

div#maxi ul.maximenuck li div.floatck {border: 2px solid #000;}
div#maxi ul.maximenuck li div.floatck div.maximenuck2 { padding: 0;}
div#maxi .active.level1 > a span {color: #50771b !important; background: #D7E6C2 !important;}
div#maxi .active > a span {padding: 5px;}


/* ========================================= */
/* formatting of drop-down heading menu item */
.menu-heading {font-weight: bold; font-size:1.1em;}
/* formatting of "secondiary" sidebar menu items */
 #main-sidebar a.menu-indent {padding: 0; margin: 0 0 2px 16px !important;}
/* ========================================= */

 #main-sidebar a.wellness {background: url(../img/wellness-logo-sm.png) 225px 1px no-repeat;}
 #main-sidebar a:hover.wellness,  #main-sidebar a:focus.wellness {background:#eff5ef url(../img/wellness-logo-sm.png) 225px 1px no-repeat !important;}

div#maxi div.maxidrop-main {width: 230px; background: #D7E6C2;}
.item887 div.maxidrop-main {width: 100px !important;}
.item129 div#maxi div.maxidrop-main { width: 170px !important;}
.item125 div.maxidrop-main {width: 420px !important;  background: #D7E6C2;}
.item125 div.maxidrop-main .maximenuck2 {width: 140px !important; background: #fff;}
.item125 div#maxi ul.maximenuck li div.floatck div.maximenuck2 {width: 140px !important;}



#main p, #main li, #main td {font-size: 12px; font-size: 1.1em; line-height: 1.45em}


.site-header { max-width: 1250px; margin: 0 auto; height: 100%}
.programs, .numbers-inner, .sponsors-inner { max-width: 1250px; margin: 0 auto;} 

.topbar {height: 37px; width: 100%; position: relative;}
.topbar .custom  {margin: 14px 0 0 0}
.topbar ul {
    margin: 0;
    float: right;
    width: 265px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.item-513 a {padding: 0 23px 0 8px !important; background: url(../img/magnifyingglass.png) top right no-repeat;}


.topbar a { padding: 0 8px; float: left; color: #fff;}
.topbar a:hover, .topbar a:focus {text-decoration: underline; color: #fff !important;} 

#search {float: right;  margin: 0 10px 0 0}
#search label {display: none;}
#search #submitbtn {margin: -10px 0 0 6px;}

.brand {position: relative;}

.logo {position: absolute;}
.logo  a span, .customsponsors span, .customoursponsors span, .brand .customskip span {text-indent: 100%; white-space: nowrap; overflow: hidden; display: block;}
.logo a {width: 140px; height: 139px; background:url(../img/ama_logo.png) 0 0 no-repeat; position: relative; display:block; margin: 0 0 0 0}


.customskip {position: absolute; top:30px; right:0; width: 1px; height:1px right: 160px}


.custommember a {color: #fff; width: 100px; height: 62px; display: block; background: #699e4d; padding: 5px 3px 3px 3px;  line-height: 1.2em;}
.custommember .login a, .custommember .become a {padding: 15px 3px 3px 3px;}
.custommember .login a {background: #dae9c4; color: #4b802b;}

.custommember a:hover, .custommember a:focus  {text-decoration:none; background: #4c7f30 ; margin: 0}
.custommember a:active {background: #699e4d;}
.custommember a:visited {text-decoration:none;}
.custommember p {margin: 0; padding:0; text-align: center;}


#main-sidebar .nav.menu {padding: 0 0 0 15px !important;}

.content-container {max-width: 1250px;  margin: 0 auto 0 auto; background: #fff; padding: 25px 0}

#main-sidebar .nav li {list-style: none;}



.custompi ul {margin: 30px auto; display: flex; flex-wrap: wrap; justify-content: center; }

.custompi li a span.pi_title {display: block;text-align: center;   padding: 15px 0 0 0; font-size: 14px; font-size: 1.4em; line-height: 1em; color: #000; text-decoration:none !important;}

.custompi li span.pi_text {padding: 10px; text-align: left; float: left; color: #000;}
.custompi {float: left; width: 100%; margin: 0 0 25px 0;}

.custompi li a:hover, .custompi li a:focus {text-decoration: none !important; border:1px solid #585858;}


.board div {width: 44%; float: left; min-height: 530px; margin: 0 10px 25px 0;}

.custompi h2, h2#num, .sponsors h2 {text-align: center; margin: 50px 0 10px 0; color: #000; font-weight: normal;}
.customoursponsors h2 {margin: 0 0 30px 0;}


#home .numbers {float:left; width: 100%; height: 350px; background:url(../img/num_bg.jpg); margin: 0 0 60px 0;}

#home .numbers ul {margin: 0 auto; float: none;} 

#home .numbers li#members {background:url(../img/numbers.png) 50% 0 no-repeat; }
#home .numbers li#regions {background:url(../img/numbers.png) 50% -109px no-repeat;}
#home .numbers li#programs {background:url(../img/numbers.png) 50% -218px no-repeat;}
#home .numbers li#resources {background:url(../img/numbers.png) 50% -337px no-repeat;}




#home .sponsors-inner {width: 100%; height: 360px;}
.customsponsors ul {float:left; width: 100%; margin: 40px 0 60px 0;}

.customsponsors li#agns a{background:url(../img/sponsors.png) 50% 0 no-repeat; }
.customsponsors li#diversity a{background:url(../img/sponsors.png) 50% -90px no-repeat;}
.customsponsors li#immigration a{background:url(../img/sponsors.png) 50% -198px no-repeat;}


.customoursponsors {float: left; width: 100%;}
.customoursponsors ul, .municipalities ul, .ama-sponsors ul {display: flex; flex-wrap: wrap;  justify-content: center;width: 100%; margin: 0 0 60px 0;}


.customoursponsors li#twitter a{background:url(../img/oursponsors.png) 50% 0 no-repeat; }
.customoursponsors li#pvsc a{background:url(../img/oursponsors.png) 50% -90px no-repeat;}
.customoursponsors li#dma a{background:url(../img/oursponsors.png) 50% -198px no-repeat;}
.customoursponsors li#unsm a{background:url(../img/oursponsors-new.png) 50% -297px no-repeat; position:relative; top: 14px;}
.customoursponsors li#gov a{background:url(../img/oursponsors.png) 50% -380px no-repeat;}
.customoursponsors li#safety a{background:url(../img/oursponsors.png) 50% -481px no-repeat;}

.footer-inner {max-width: 1250px; margin: 0 auto; padding: 0 10px 0 0; position: relative;}
 


#site-footer #mwv p { padding: 20px 0 0 0; margin:0; font-size: .9em;}
#site-footer a {color: #d7e6c2;}
#site-footer .nav {float: left;}

#site-footer .nav > li:nth-child(4) {width: 22%;}

#site-footer .nav {float: left;  margin:25px 0 25px 20px; padding: 0; font-size: 1em; font-weight: bold;}

#site-footer .nav ul li {min-width: 200px; float:left; margin: 2px 0; list-style: none; font-size: .9em; font-weight: normal;}
#site-footer .log-in {display: none;}
#home #site-footer .log-in {display: block;}

.footer-inner {position: relative;}

.customcontact p {text-align: right; margin: 0 118px 10px 0}



/* JCE Editor styles */
.image_right_border {float:right; margin: 0 0 15px 15px; padding: 3px; border: 1px solid #aaa;}
.image_right {float:right; margin: 0 0 15px 15px;}
.image_left_border {float:left; margin: 5px 15px 15px 0; padding: 3px; border: 1px solid #aaa;}
.image_left_border-no-float {float:none; margin: 0 15px 15px 0; padding: 3px; border: 1px solid #aaa;}
.image_left {float:left; margin: 0 15px 15px 0;}
.image_centered img, img.image_centered {margin: 0 auto 30px auto; display: block; height: auto; width:auto;}
.image_centered_border img {margin: 0 auto 30px auto; display: block; height: auto; width:auto; padding: 2px; border: 1px solid #aaa;}
.centre_text {text-align:center;}
p img.centered, p.centered img  {display:block; margin: 0 auto 10px auto; width:auto;}
.caption { text-align: center; display: block; width: 100%; font-size:.95em; }
.no-bullets {list-style: none; margin: 0 0 35px 0 !important; padding:0;}





/* Main Sidebar */

#main-sidebar .nav a, #main-sidebar ul.mostread a, .whitespace_preserver a {  width: 100%; text-align: left; text-decoration: none; float: left; display: block; color: #000; font-size: 11px; font-size: .9em; padding: 0 2px; }

#main-sidebar .nav a, #main-sidebar ul.mostread a {
  display: block;
  padding: 2px 0 2px 14px;
  border-left: 8px solid #699e4d;
  font-size: 1.05em;
   margin: 0 0 2px 0
}

#main-sidebar .nav a [href^="http:"], #main-sidebar .nav a[href^="https:"] {display: block;
  padding: 2px 0 2px 14px;
  border-left: 8px solid #699e4d;
  font-size: 1.05em;
   margin: 0 0 2px 0; background:url(../img/external.gif) top right no-repeat;}

#main-sidebar .nav {margin: 0 0 0 10px;}


#main-sidebar .nav .item-420 a {
  display: block;
  padding: 2px 0 2px 14px;
  border-left: 8px solid #699e4d;
  font-size: 1.125em;
   margin: 0 0 2px 0
}

#main-sidebar .whitespace_preserver a {
  display: block;
  padding: 1px 0 1px 22px;
  font-size: 1em;
  margin: 0 0 1px 0;
  color: #000
  text-decoration: none;
  background:url(../img/pdf.gif) 0 0 no-repeat;
  }


#main-sidebar .nav li:last-child a {margin:0; padding: 2px 0 2px 14px;}
#main-sidebar .nav .current.active.deeper.parent > a, #main-sidebar .nav .current.active > a, #main-sidebar .nav ul .current > a, #main-sidebar .nav a:hover, #main-sidebar .nav a:focus, #main-sidebar ul.mostread a:hover, #main-sidebar ul.mostread a:focus, #education-and-events .item-170 a {  border-left: 8px solid #7a7572 ; color: #56752c; padding: 2px 0 2px 14px; background: #eff5ef;}
#main-sidebar .nav a[href^="http:"]:hover, #main-sidebar .nav a[href^="https:"]:hover, #main-sidebar .nav a[href^="http:"]:focus, #main-sidebar .nav a[href^="https:"]:focus {border-left: 8px solid #7a7572; color: #56752c; padding: 2px 0 2px 14px; background: #eff5ef url(../img/external.gif) top right no-repeat;}

#main-sidebar .nav .current a:hover, #main-sidebar .nav .current a:focus {text-decoration:none;}
#main-sidebar .nav ul a, .item-133 a {font-size: 13.3px; font-size: .95em;}
#main-sidebar a:hover, #main-sidebar .nav .current li a:hover, #main-sidebar a:focus, #main-sidebar .nav .current li a:focus {color: #85ae4d;}






.k-pagination ahref^="http:"], .k-pagination ahref^="https:"],  #main-left a[href^="http:"], #main a[href^="https:"] {padding: 0 14px 0 0; background:url(../img/external.gif) top right no-repeat; margin-left: 2px;}
#main-left .osmap-items a[href^="http:"], .osmap-items a[href^="http:"], .osmap-items a[href^="https:"] {background: none !important;}
a.doclink {padding: 0 18px 0 0;}

#osmap li {list-style: none;}
#osmap ul li a {text-decoration: none;}
#osmap ul li a:hover, #osmap ul li a:focus {text-decoration: underline !important;}
#osmap .level_0 a {font-size: 1.3em;}
#osmap .level_1 a {font-size: 1em;}
#osmap .level_2 a {font-size: .9em;}
#osmap .level_2 li {line-height: 1.2em;}

.breadcrumb {
    padding: 16px 15px 8px 15px;
    margin: 0 0 20px;
    list-style: none;
    float: right;
}


.staff section {width: 300px; margin: 0 0 20px 20px;}
.staff {display: flex; flex-wrap: wrap;}
.staff h2 { font-size:  1.2em !important;}
.staff-name {font-weight: bold;}



.breadcrumb-path { padding: 8px 15px; margin: 10px 0 20px; list-style: none; background: rgba(0, 0, 0, 0.07); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ddd;}
.breadcrumb-path a {color: #699e4d;}
.breadcrumb-path > li { display: inline-block; display: inline; text-shadow: 0 1px 0 #ffffff; zoom: 1;}


/* apply a natural box layout model to all elements */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

h1, h2, h3, h4, h5, h6  {text-rendering: optimizelegibility; color: #699e4d;}
.item-page h1, .blog h1 {font-size: 24px; font-size: 2.4em; line-height: 32px; margin: 0 0 35px 0; font-weight: 700  !important;}
.item-page h2, h3.koowa_header {font-size: 18px; font-size: 1.8em; line-height: 28px; margin: 30px 0 15px 0; font-weight: 700  !important;}
.item-page h3 {font-size: 16px; font-size: 1.6em; line-height: 1em; margin: 30px 0 10px 0; font-weight: 400 !important;}
.item-page h4 {font-size: 14px; font-size: 1.4em; line-height: 1em; margin: 25px 0 7px 0; font-weight: 400 !important;}
.item-page h5 {font-size: 12px; font-size: 1.2em; line-height: 1em; margin: 20px 0 5px 0; font-weight: 400 !important;}
.item-page h6 {font-size: 10px; font-size: 1em; line-height: 1em; margin: 15px 0 4px 0; font-weight: 400 !important;}
.docman_category .koowa_wrapped_content  {font-size: 14px; font-size: 1.4em; line-height: 28px; margin: 30px 0 15px 0; font-weight: 700  !important;}

.item-page h1, .item-page h2, .item-page h3, .item-page h4, .item-page h5, .item-page h6, h3.koowa_header, .docman_category .koowa_wrapped_content { font-family: "futura-pt",sans-serif !important;}
.contact-details section {float: left; margin: 0 50px 0 0 !important;}


.blog div.item {margin: 0 0 40px 0;}

ol {margin: 0 0 1.2em 0;}
ol li {margin: 0 0 0 20px;}
.item-page ol, .item-page ul {margin: 0 0 25px 17px;}

p.page-image {width: 100%}
p.page-image img {text-align: center;}
.contact-details {width: 100%; margin: 0 0 25px 0; float: left;}


table { border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em; width: 100%; }
.item-page table p {margin:0; padding:0;}
.item-page table td {vertical-align: top; padding:10px 0 10px 5px;}
th { font-size: 1.4em; color:#699e4d; }
th, td, caption { padding: 0.25em .5em; text-align: left; }
tfoot { font-style: italic }
caption { background-color: transparent }
tbody tr { border: 1px solid #dbdada }
tbody tr:nth-child(odd) td { background-color: #F6F3F3 }

#itemid-513 #main-left table { margin: -10px 0 0 1px !important;}
table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; margin:  15px 0 25px 0;}
#___gcse_0 table, #___gcse_0 table tbody {margin: 0; border: none !important;}
#___gcse_0 table td {background: none !important; padding: 0 !important;}


.table { width: 100%; margin-bottom: 20px; }
.table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; }
.table th { font-weight: bold }
table.standard td {vertical-align: middle; line-height: 1em !important; padding: 10px 0 10px 10px;}
.table thead th { vertical-align: bottom }
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0 }
.table tbody + tbody { border-top: 2px solid #ddd }


.item-page a { -ms-word-break: break-all;     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;
     /* Non standard for webkit */
     word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto;
        hyphens: auto;}
.item-page a {text-decoration:underline; color: #699E4D;}
.item-page a:focus, .item-page a:hover {text-decoration:underline; color: #345f1d;}

#upcoming-training-and-events .item-page a {text-decoration:underline; color: #3d4dc4;}
#upcoming-training-and-events .item-page a:focus, #upcoming-training-and-events .item-page a:hover {color: #1124ab;}
#upcoming-training-and-events .item-page a:visited {color: #813dc4;}

		
#main section {margin: 0 20px 25px 0}
#main p {margin:0 0 15px 0; padding:0;}


#main-sidebar .item-216 a {display: none !important;}
#main-left .com_docman .docman-title {margin: 5px 0 6px 0 !important;}


div.profile {width: 100%; margin: 0 0 60px 0;}
.osmap-sitemap #main-left h2 {display: none;}
.osmap-sitemap #main-left h1 {font-size: 20px; font-size: 2em; line-height: 32px; margin: 20px 0 35px;} 



#itemid-145 .item-page section {float: left; width: 45%;}
#itemid-145 .item-page section#set2 {margin: 0 0 0 5%;}

.item-page form{ position: relative; top: 20px;}

#topics section {float: left; width: 45%; margin-right: 15px; border: 1px solid #000; min-height: 220px; margin: 10px;}
#topics section h4 {text-align: center;}
#topics section p {padding: 10px;}
#topics section#topic5 {margin: 10px 24%;} 
table.koowa_table a {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; text-decoration: underline;
    color: #699E4D;}
	table.koowa_table a:hover, table.koowa_table a:focus {color: #345f1d;;}
	
	
	#maxi-mobile {top: 160px !important;}
	.mobilemaximenucktitle {padding: 11px 0 0 20px !important;}
	
	
.button-area {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; max-width: 100%; list-style:none; margin: 0 0 50px 0 !important;}
  
.button-area  a { background: #eff5ef; padding: .5em;
   font-size: 1em;
    margin: .5em;
    color: #000;
    text-decoration: none;
    flex-grow: 1;
    text-align: center;
	display: block;
	border: 1px solid #a3cea3;}

.button-area  a:hover, .button-area  a:focus {text-decoration: none; color: #000; border: 1px solid #000;}

.item-page blockquote {
    padding: 15px;
    margin: 0 0 20px;
    border-left: 5px solid #699e4d;
    font-size: 23px;
    color: #699e4d;
	line-height: 1.2em;
}


.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin: 0 auto;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.item-page .video {
    width: 80%;
    margin: 0 auto 20px auto;
}



@media print { 

* { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; }
a, a:visited { text-decoration: underline }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group }
tr, img { page-break-inside: avoid }
img { max-width: 100% !important }

.topbar, .custompskip, .maximenuckh, #main-sidebar, .breadcrumb, #site-footer .nav, .custommember, .slider, .numbers, .sponsors {display: none;}


.customcontact {float: right; display: block; margin: 0 !important;}
.customcontact p {margin:0 !important;}
#site-footer #mwv {float: left; margin: 40pt 0 0 0; display: block}
#main-left {width: 100% !important;}


.item-page h2 {border: 0 solid #fff; margin: 40px 0 10px 0;}
#homepage #main-left {width: 100%;}
[href]:after {content:"" !important;}

.logo a span {overflow: visible !important; display: block; margin: 30pt 0 0 -110pt; font-size: 22pt; text-align: 0 !important; text-decoration:none !important; font-weight: bold; border-bottom: none !important;}
.site-header-outer {height: 60px !important;}

}


@media (min-width: 1024px) {

.site-header-outer { height: 187px;}
.maximenuckh {margin: 105px 0 0 0; }
.customsponsors ul li a{float:left; width: 25%; height: 100px}
.customsponsors li#clean a{background:url(../img/sponsors.png) 50% -307px no-repeat; height: 100px; width: 25%;}
#site-footer .nav li a {float:left; margin: 0 20px 0 0; width: 81%; line-height: 1.5em;}
#site-footer .nav > li:first-child {width: 14%;}
#site-footer .nav { width: 82%;}
#site-footer .nav ul {margin:0 0 25px 0; padding:0;}
#site-footer .nav > li {float: left; width: 21%; margin: 0; }
#site-footer {background: #4d4d4d; color: #fff; height: 470px;}
.customcontact {position: absolute; top: 250px; right: 10px; width: 330px; background:url(../img/amalogo_sm.png) 220px 30px no-repeat;}
#site-footer #mwv {position: absolute; left: 20px; top: 410px;}
h2.sponsors1  {width: 55%; margin: 20px auto; font-size: 13px; font-size: 1.3em; text-transform: capitalize !important;}
.custommember {position: absolute; top: 57px; right: 0; width: 215px;}
.custommember .login a{margin-right: 15px;}
}


@media all and  (max-width: 1023px) and (min-width: 480px) {
	
	.site-header-outer {height: 207px;}
	.maximenuckh {margin: 0 0 0 0; }
	.customsponsors ul li a{float:left; width: 45%; height: 100px}
	
	
	#site-footer .nav > li {float: left; width: 100%; margin: 0; }
	#site-footer {background: #4d4d4d; color: #fff; height: 270px;}
	
	#site-footer #mwv {position: absolute; left: 10px; top: 200px; width: 90%;}
	
	#site-footer {background: #4d4d4d; color: #fff; height: 270px;}
	.maximenuckh {margin: 120px 10px 0 0; }
}




@media all and  (max-width: 1023px) and (min-width: 768px) {
	.customsponsors li#clean a{background:url(../img/sponsors.png) 50% -307px no-repeat; height: 100px; width: 44%;}
	.custommember {position: absolute; top: 76px; right: 0px}
	.custommember {width: 335px;}
	.custommember .login a{margin: 0 15px;}
}

@media (min-width: 769px) {
	.custompi li a  {width: 350px; min-height: 379px; display: block; border: 1px solid #cdcdcd; margin: 0 10px 10px 10px;}
	.customoursponsors ul li a {float:left;  height: 100px}
	#main-left {float: right; width: 70%; padding-right: 15px;}
	#main-sidebar {float: left; width: 28%;}
	.moduletabletwitter {margin: 20px 0 0 0; float: left; padding-left: 15px; width: 100%;}
	#home .numbers li {float: left; height: 110px; width: 25%; margin: 52px 0 0 0; }
	#home #safety a { width: 142px; display: block; margin: 0 auto; float: none;}
	.custommember {width: 245px;}
	.custommember .login a{margin: 0 15px;}
		
	#past-conference-presentations #main-left, #bylawsandpolicies #main-left  {float: left; width: 100%; padding-right: 15px;}
	#past-conference-presentations #main-sidebar, #bylawsandpolicies #main-sidebar {display: none;}
	
}

@media (max-width: 768px) {
	.customoursponsors ul li a {float:left; width: 33%; height: 100px}
}



@media (max-width: 768px) { 
	.custompi li a {width: 300px; min-height: 381px; display: block;border: 1px solid #cdcdcd; margin: 15px;}
	.customsponsors ul li a{float:left; width: 100%; height: 100px}
	.customoursponsors ul li a{float:left; width: 100%; height: 100px}
	.customsponsors ul li a{float:left; width: 100%; height: 100px}
	.customsponsors li#clean a{background:url(../img/sponsors.png) 50% -307px no-repeat; height: 100px; width: 100%;}
	#main-left {float: left; width: 100%; padding: 0 15px; margin: 0 0 25px 0;}
	#main-sidebar {float: left; width: 100%;}
	#main-sidebar .moduletable {margin: 0 0 30px 0; float: left; }
	.moduletabletwitter {margin: 0 auto; width: 50%;}
	#home .numbers li {float: left; height: 110px; width: 50%; margin: 52px 0 0 0; }
	#home .numbers {height: 450px !important;}
	#topics section {min-height: 240px !important;}
	#rev_slider_1_1 p {display: none !important;}
	
}





@media (min-width: 840px) {
	div#maxi.maximenuckh ul.maximenuck li.level1.parent > a, div#maxi.maximenuckh ul.maximenuck li.level1.parent > span.separator {padding: 5px 15.5px;}
	h2.sponsors1  {width: 90%; margin: 0 auto; font-size: 15px; font-size: 1.5em; text-transform: capitalize !important; line-height: 1.3em}
}



@media (max-width: 839px) {
	div#maxi.maximenuckh ul.maximenuck li.level1.parent > a, div#maxi.maximenuckh ul.maximenuck li.level1.parent > span.separator {padding: 5px 6px; font-size:10px; font-size: .8em;}
	h2.sponsors1  {width: 90%; margin: 0 auto; font-size: 13px; font-size: 1.3em; text-transform: capitalize !important; line-height: 1.3em}
}






@media all and  (max-width: 767px) and (min-width: 480px) {
	.custommember {position: absolute; top: 78px; right: -73px}
	.custommember {width: 335px;}
	.custommember .login a{margin: 0 15px;}
}


@media all and (max-width: 1023px) { 
	#site-footer .nav ul  {display: none;}
	.customcontact {position: absolute; top: 30px; right: 10px; width: 330px; background:url(../img/amalogo_sm.png) 220px 30px no-repeat;}
}
	

@media (min-width: 480px) { 
.logo a { top: -25px; left: 10px; }
#home .numbers span {position: relative; top:90px; left: 30%; text-align: center; color: #000; font-size: 12px; font-size: 1em;}
#home .numbers #resources span {left: 23%;}
#home .numbers #programs span {left: 10%;}
.logo a:active {position: relative; top: -24px; left: 11px;}
#maxi-mobilebarmaximenuck {top:135px !important;}
.mobilemaximenuckclose {margin: 5px 10px 5px 10px !important;}
}


@media (max-width: 479px) {
	#site-footer {background: #4d4d4d; color: #fff; height: 400px;}
	#site-footer .nav {margin: 175px 0 25px 20px;}
	#site-footer .nav > li:nth-child(4) {width: 100% !important;}
	#site-footer #mwv {position: absolute; left: 10px; top: 290px; width: 90%;} 
	
	.custommember {position: absolute; top: 50px; right: 10px}
	#home .numbers span {position: relative; top:90px; left: 14%; text-align: center; color: #000; font-size: 10px; font-size: 1em;}
	#home .numbers #resources span {left: 0%;}
	.site-header-outer {height: 240px;}
	.mobilebarmaximenuck .mobilebuttonmaximenuck {position: absolute; right: 5px; top: 0;}
	.custompi li a {width: 97% !important; min-height: 381px; display: block; float: left; border: 1px solid #cdcdcd; margin: 1.3%;}
	
}

@media (max-width: 479px) and (min-width: 320px) {
.mobilebarmaximenuck {top: 33px !important;}
#maxi-mobilebarmaximenuck {top:165px !important;}
.logo a { top: 8px; left: 19px; }
.custommember {width: 125px;}
	.custommember .login a{margin: 0 5px;}
	.custommember p a {margin: 0 0 5px 0 !important; display: block;}	
}

@media (max-width: 319px) {	
	.mobilebarmaximenuck {top: 63px !important;}
	#search form input {max-width: 150px !important;}
	.custommember {display: none;}
	.logo a { top: 25px; left: 32%; }
}



@media (min-width: 664px) { 
	.customoursponsors ul li, .municipalities ul li, .ama-sponsors ul li {margin: 30px 40px;}
}

@media (max-width: 663px) { 
	.customoursponsors ul li, .municipalities ul li, .ama-sponsors ul li {margin: 30px 1em;}
}