/* ===============================================
   GLOBAL ELEMENTS
   =============================================== */
div.preview-notice {
  display: none;
}
body:after {
  display: none;
}
body {
  background: #336598 url(/images/bg_body.jpg) no-repeat scroll 50% 0;
}
body,
button,
input,
select,
textarea {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 12px;
}
h1 {
  color: #369;
  font-size: 30px;
  font-weight: normal;
}
h2 {
  color: #333;
  font-weight: normal;
  font-size: 20px;
}
h3 {
  color: #333;
  font-weight: normal;
  font-size: 14px;
}
h4,
h5,
h6 {
  color: #000;
}
.listed-item h3.title {
  font-weight: bold;
  font-size: 14px;
  color: #369;
}
a {
  color: #369;
}
button,
a.button {
  background-color: #369;
  float: none;
}
/***** top_signin *****/
#top_signin ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  line-height: 1em;
}
#top_signin li {
  color: #A7AFB8;
  font-size: 12px;
  margin: 0;
  float: left;
  padding: 0;
}
#top_signin li.register_now {
  border-left: 1px solid #fff;
}
#top_signin li.preferences {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
#top_signin li.greeting,
#top_signin li.username {
  padding-right: 4px;
}
#top_signin li a {
  text-decoration: none;
  color: #fff;
  display: block;
  font-weight: normal;
  padding: 0 4px 2px;
}
/***** page tools *****/
#toolswrapper {
  margin: 0 0 1em;
}
ul#tool_items {
  float: left;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0 10px 0 0;
}
ul#tool_items li {
  color: #666;
  float: left;
  font-size: 10px;
  line-height: 23px;
  margin: 0;
  padding: 2px;
}
ul#tool_items li a {
  text-decoration: none;
  color: #7a7a7a;
  display: block;
  font-weight: normal;
}
ul#tool_items li.email a {
  background: transparent url(/images/email_tool.png) no-repeat scroll 0 50%;
  margin-right: 10px;
  padding-left: 25px;
}
ul#tool_items li.print a {
  background: transparent url(/images/print_tool.png) no-repeat scroll 0 50%;
  margin-right: 10px;
  padding-left: 28px;
}
ul#tool_items li.espanol a {
  background: transparent url(/images/espanol_tool.png) no-repeat scroll 0 50%;
  margin-right: 10px;
  padding-left: 25px;
}
/***** homepage *****/
body.is-home #bottomrow .bottom_priorities {
  background-color: #f3f3f3;
  background-image: -moz-linear-gradient(top, #e7e7e7, #fff);
  background-image: -ms-linear-gradient(top, #e7e7e7, #fff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7e7), to(#fff));
  background-image: -webkit-linear-gradient(top, #e7e7e7, #fff);
  background-image: -o-linear-gradient(top, #e7e7e7, #fff);
  background-image: linear-gradient(top, #e7e7e7, #fff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#fff', GradientType=0);
}
body.is-home #bottomrow .bottom_priorities h2 {
  margin: 0;
  padding: 0 10px 10px;
  background: #e7e7e7;
}
body.is-home #bottomrow .bottom_priorities ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
}
body.is-home #bottomrow .bottom_priorities ul li.participation {
  background: transparent url(/images/img_participation.jpg) no-repeat;
}
body.is-home #bottomrow .bottom_priorities ul li.rights {
  background: transparent url(/images/img_rights.jpg) no-repeat;
}
body.is-home #bottomrow .bottom_priorities ul li.empowerment {
  background: transparent url(/images/img_empowerment.jpg) no-repeat;
}
body.is-home #bottomrow .bottom_priorities ul li.education {
  background: transparent url(/images/img_education.jpg) no-repeat;
}
body.is-home #bottomrow .bottom_priorities ul li.health {
  background: transparent url(/images/img_health.jpg) no-repeat;
}
body.is-home #bottomrow .bottom_priorities ul li.housing {
  background: transparent url(/images/img_housing.jpg) no-repeat;
}
body.is-home #bottomrow .bottom_priorities ul li.immigration {
  background: transparent url(/images/img_immigration.jpg) no-repeat;
}
body.is-home #bottomrow .bottom_priorities ul li.service {
  background: transparent url(/images/img_service.jpg) no-repeat;
}
body.is-home #bottomrow .bottom_priorities ul li.technology {
  background: transparent url(/images/img_technology.jpg) no-repeat;
  border-bottom: none;
}
body.is-home #bottomrow .bottom_priorities ul li {
  border-bottom: 2px solid #ccc;
}
body.is-home #bottomrow .bottom_priorities ul li a {
  display: block;
  height: 40px;
}
/* ===============================================
   DESKTOP LAYOUT
   =============================================== */
@media only screen and (min-width: 641px) {
  #top_signin {
    margin: 2.5em auto 0;
    width: 980px;
  }
  #top_signin ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    line-height: 1em;
  }
  #top_signin li {
    color: #A7AFB8;
    font-size: 12px;
    margin: 0;
    float: left;
    padding: 0;
  }
  #top_signin li.register_now {
    border-left: 1px solid #fff;
  }
  #top_signin li.preferences {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  #top_signin li.greeting,
  #top_signin li.username {
    padding-right: 4px;
  }
  #top_signin li a {
    text-decoration: none;
    color: #fff;
    display: block;
    font-weight: normal;
    padding: 0 4px 2px;
  }
  #container {
    margin: 0 auto;
    width: 996px;
    border: 8px solid #a7afb8;
  }
  #top {
    background: #345980 url(/images/bg_top.jpg) no-repeat;
    height: 97px;
  }
  #top h2 {
    float: left;
    height: 97px;
    width: 385px;
  }
  #top h2 a {
    display: block;
    height: 97px;
    width: 385px;
  }
  #search_top {
    width: 479px;
    padding: 10px 0 0 10px;
    float: left;
  }
  #search_espanol {
    float: left;
    padding: 0 18px 0 0;
    width: 255px;
  }
  #search_box h3 {
    margin: 5px 0 0 0;
    color: #8d8e8f;
    text-transform: uppercase;
  }
  #search_box h3 #search_keywords {
    width: 169px;
    display: inline-block;
  }
  #search_box h3 input[type="image"] {
    display: inline-block;
  }
  #join_lulac {
    float: left;
    padding: 0;
    width: 198px;
  }
  #signup_box h3 {
    margin: 0;
    color: #cc0000;
    text-transform: uppercase;
  }
  #email_address {
    width: 140px;
  }
  #zip_code {
    width: 140px;
  }
  #vamos {
    margin: -14px 0 0;
  }
  #donate_now {
    float: left;
    width: 76px;
    height: 30px;
    padding: 0 0 0 30px;
  }
  #donate_now a {
    display: block;
    height: 30px;
    width: 76px;
  }
  #topnav {
    padding: 0 0 0 75px;
    background: url(/images/bg_topnav.png) no-repeat;
    position: relative;
    /* these two fix menu hiding behind absolutely-positioned div in IE */
    z-index: 10;
  }
  #topnav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    overflow: visible;
  }
  #topnav li ul {
    padding: 0;
    width: 180px;
    position: absolute;
    top: 53px;
    left: -999em;
    background-color: #5f74a3;
    border: 1px solid #fff;
    border-top-width: 0;
    z-index: 32767;
  }
  #topnav li ul ul {
    margin: 0 0 0 180px;
    top: 0;
  }
  #topnav li:hover ul ul,
  #topnav li.over ul ul {
    left: -999em;
    z-index: 32767;
  }
  #topnav li:hover ul,
  #topnav li.over ul,
  #topnav li li:hover ul,
  #topnav li li.over ul {
    left: 0;
    z-index: 32767;
  }
  #topnav li {
    background: transparent url(/images/bg_nav_border_off.gif) no-repeat scroll right top;
    margin: 0;
    float: left;
    position: relative;
  }
  #topnav li a,
  #topnav li strong {
    padding: 0;
    line-height: 53px;
    display: block;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    text-transform: none;
    text-align: center;
  }
  /* widths for topnav */
  li#home {
    width: 80px;
  }
  li#about {
    width: 100px;
  }
  li#members {
    width: 100px;
  }
  li#programs {
    width: 110px;
  }
  li#advocacy {
    width: 110px;
  }
  li#events {
    width: 90px;
  }
  li#media {
    width: 80px;
  }
  li#blog {
    width: 84px;
  }
  li#mylulac {
    width: 100px;
    background: none;
  }
  #topnav strong {
    cursor: default;
  }
  #topnav li li,
  #topnav li li strong {
    background: #326497;
    z-index: 32767;
  }
  #topnav li li a,
  #topnav li li strong {
    width: 180px;
    height: auto;
    padding: 5px 15px 5px 10px;
    display: block;
    font-size: 12px;
    line-height: normal;
    color: #fff;
    border-top: 1px solid #fff;
    border-right: none;
    text-align: left;
  }
  #topnav a:hover {
    text-decoration: none;
  }
  #topnav li:hover,
  #topnav li.over,
  #topnav li.selected {
    background: transparent url(/images/bg_nav_hover.jpg) repeat-x;
  }
  #topnav li li a:hover,
  #topnav li li:hover strong,
  #topnav li li.over strong,
  #topnav li li:hover a.submenu,
  #topnav li li.over a.submenu {
    background-color: #980e10;
  }
  #topnav .submenu {
    background-image: url(/images/bg_submenu_pointer.png);
    background-repeat: no-repeat;
    background-position: 165px 50%;
  }
  li#mylulac a {
    border: none;
  }
  li#blog a:hover {
    border-right: 1px solid #6e8db0;
  }
  #hilite {
    background: transparent url(/images/title_bg.jpg) repeat-x;
    height: 72px;
    margin: 0;
    padding: 0 20px;
  }
  #hilite h2 {
    color: #fff;
    font-size: 28px;
    line-height: 72px;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
  }
  #breadcrumbs {
    color: #fff;
  }
  #breadcrumbs a {
    color: #fff;
    text-decoration: none;
  }
  #middle {
    background: #fff;
    line-height: 1.4;
  }
  #content {
    float: left;
    padding: 10px;
    width: 667px;
  }
  body.no-sidebar #content,
  body.layout-no-sidebar #content,
  body.section-cover #content {
    width: 980px;
    float: none;
  }
  #toolswrapper {
    margin: 0 0 1em;
  }
  ul#tool_items {
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0 10px 0 0;
  }
  ul#tool_items li {
    color: #666;
    float: left;
    font-size: 10px;
    line-height: 20px;
    margin: 0;
    padding: 2px;
  }
  ul#tool_items li a {
    text-decoration: none;
    color: #7a7a7a;
    display: block;
    font-weight: normal;
  }
  ul#tool_items li.email a {
    background: transparent url(/images/email_tool.png) no-repeat scroll 0 50%;
    margin-right: 10px;
    padding-left: 25px;
  }
  ul#tool_items li.print a {
    background: transparent url(/images/print_tool.png) no-repeat scroll 0 50%;
    margin-right: 10px;
    padding-left: 28px;
  }
  ul#tool_items li.espanol a {
    background: transparent url(/images/espanol_tool.png) no-repeat scroll 0 50%;
    margin-right: 10px;
    padding-left: 25px;
  }
  #bookmarks {
    border-left: 1px solid #ccc;
    float: left;
    padding-left: 10px;
  }
  #multilingual {
    float: left;
    padding-left: 10px;
  }
  #multilingual a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    line-height: 2em;
    padding-right: 10px;
  }
  #sidebar {
    float: left;
    padding: 10px;
    width: 313px;
  }
  #sidebar_articles h2 {
    color: #333;
    font-size: 25px;
    font-weight: normal;
    margin: 0;
  }
  #sidebar_articles .title a {
    color: #ba1319;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
  }
  #sidebar_news .full_text h1 {
    display: none;
  }
  #sidebar_actions {
    margin: 0 0 1em;
  }
  #sidebar_actions ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
  }
  #sidebar_actions li.today {
    background: transparent url(/images/btn_join.jpg) no-repeat scroll 0 0;
    width: 293px;
    margin: 5px 0;
    height: 53px;
  }
  #sidebar_actions li.council {
    background: transparent url(/images/btn_donate.jpg) no-repeat scroll 0 0;
    width: 293px;
    margin: 5px 0;
    height: 53px;
  }
  #sidebar_actions li.involved {
    background: transparent url(/images/btn_take.jpg) no-repeat scroll 0 0;
    width: 293px;
    margin: 5px 0;
    height: 53px;
  }
  #sidebar_actions a {
    display: block;
    height: 40px;
  }
  #sidebar_priorities {
    margin: 0 0 1em;
  }
  #sidebar_priorities h2 {
    margin: 0;
    padding: 0 10px 10px;
    background: #e7e7e7;
  }
  #sidebar_priorities ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
  }
  #sidebar_priorities li.participation {
    background: transparent url(/images/img_participation.jpg) no-repeat;
  }
  #sidebar_priorities li.rights {
    background: transparent url(/images/img_rights.jpg) no-repeat;
  }
  #sidebar_priorities li.empowerment {
    background: transparent url(/images/img_empowerment.jpg) no-repeat;
  }
  #sidebar_priorities li.education {
    background: transparent url(/images/img_education.jpg) no-repeat;
  }
  #sidebar_priorities li.health {
    background: transparent url(/images/img_health.jpg) no-repeat;
  }
  #sidebar_priorities li.housing {
    background: transparent url(/images/img_housing.jpg) no-repeat;
  }
  #sidebar_priorities li.immigration {
    background: transparent url(/images/img_immigration.jpg) no-repeat;
  }
  #sidebar_priorities li.service {
    background: transparent url(/images/img_service.jpg) no-repeat;
  }
  #sidebar_priorities li.technology {
    background: transparent url(/images/img_technology.jpg) no-repeat;
    border-bottom: none;
  }
  #sidebar_priorities li {
    border-bottom: 2px solid #ccc;
  }
  #sidebar_priorities li a {
    display: block;
    width: 293px;
    height: 40px;
  }
  #bottom_top {
    background: transparent url(/images/bg_topfooter.jpg) no-repeat;
    height: 31px;
    color: #666;
    margin: 0;
    padding: 0 15px;
    font-size: 13px;
    font-weight: bold;
  }
  #bottom_top h2 {
    float: left;
    padding-right: 10px;
    padding-right: 2em;
    font-size: 13px;
    font-weight: bold;
  }
  #bottom_top a {
    color: #004990;
    text-decoration: none;
  }
  #bottom_top ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
  }
  #bottom_top li {
    float: left;
    margin: 0;
  }
  #bottom_top li a {
    text-decoration: none;
    padding: 0 10px;
    line-height: 2.5em;
    border-right: 1px solid #bbbbbb;
  }
  #bottom_top .council a {
    color: #666;
    background: transparent url(/images/arrow_img_btm.gif) no-repeat 100% 50%;
    border-right: none;
    padding-right: 15px;
  }
  #bottom {
    background: transparent url(/images/bg_bottomnav.gif) repeat-x;
    padding: 0 10px;
    height: 67px;
  }
  #bottom a {
    color: #a6cde8;
    text-decoration: none;
  }
  #bottom ul.socnet {
    float: right;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 1em auto 0;
    padding: 0;
  }
  #bottom ul.socnet li {
    float: left;
    margin: 0;
    padding: 0 6px 0 0;
  }
  #bottom ul.socnet li a {
    display: block;
    height: 28px;
    width: 28px;
  }
  #bottom ul.socnet li.youtube a {
    background: transparent url(/images/icon_youtube.png) repeat scroll 0 0;
  }
  #bottom ul.socnet li.twitter a {
    background: transparent url(/images/icon_twitter.png) repeat scroll 0 0;
  }
  #bottom ul.socnet li.facebook a {
    background: transparent url(/images/icon_facebook.png) repeat scroll 0 0;
  }
  #bottom ul.socnet li.myspace a {
    background: transparent url(/images/icon_myspace.png) repeat scroll 0 0;
  }
  #bottom p {
    color: #fff;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
  }
  /* Breadcrumbs and Social Networking  */
  #tools {
    height: 27px;
    background: #333;
    padding: 0 10px;
    line-height: 27px;
  }
  .pt-wrapper {
    margin-bottom: 1em;
  }
  .pt-wrapper a {
    color: #336699;
  }
  .pt-wrapper ul.pt-list {
    margin: 0;
    list-style: none;
  }
  .pt-wrapper ul.pt-list li.pt-top-li {
    float: left;
    margin: 0 10px 0 0;
    position: relative;
  }
  .pt-wrapper ul.pt-list li.pt-top-li a.pt-top-a {
    text-decoration: none;
    display: block;
    font-weight: normal;
    line-height: 20px;
  }
  .pt-wrapper ul.pt-list li.pt-email a.pt-top-a {
    background: transparent url(/images/icon_email.png) no-repeat 0 50%;
    padding-left: 25px;
  }
  .pt-wrapper ul.pt-list li.pt-print a.pt-top-a {
    background: transparent url(/images/icon_print.png) no-repeat 0 50%;
    padding-left: 25px;
  }
  .pt-wrapper ul.pt-list li.pt-share a.pt-top-a {
    background: transparent url(/images/icon_share.png) no-repeat 0 50%;
    padding-left: 22px;
  }
  .pt-wrapper .pt-share-wrapper {
    width: 110px;
    padding: 5px 5px 5px 0;
    border: 1px solid #ccc;
    position: absolute;
    left: -8888px;
    top: 22px;
    background: #fff;
    z-index: 100;
  }
  .pt-wrapper .pt-share-wrapper .bookmark_list li {
    padding: 2px 0 2px 6px;
  }
  .fb_share_count_nub_right,
  .fb_share_count_right {
    visibility: visible !important;
  }
  /* slideshow */
  body.section-cover #fade {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
  }
  body.section-cover #switcher {
    margin-left: -10px;
    margin-right: -10px;
  }
  #fade > div {
    margin: 0;
  }
  #switcher {
    background: #656565 url(/images/bg_switcher.jpg) repeat-x bottom;
  }
  #switcher table {
    width: 100%;
    margin: 0;
  }
  #switcher td {
    padding: 0;
    text-align: center;
  }
  #switcher a {
    padding: 5px 10px;
    display: block;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    border-right: 1px solid #fff;
  }
  #switcher a.last {
    border-right: none;
  }
  #switcher a.selected {
    background: transparent url(/images/bg_featitle_hvr.jpg) repeat-x;
  }
  #switcher a:hover {
    text-decoration: none;
  }
  /* about feature image */
  #about_feature {
    margin: 0;
  }
  #about_ feature img {
    margin: 10px 0;
  }
  #about_feature p {
    margin: 0 0 10px 0;
    background: #ffffe5;
    color: #006699;
    font-size: 21px;
    font-weight: normal;
  }
  /***** HOMEPAGE *****/
  body.is-home #content {
    padding: 0;
    width: 980px;
  }
  body.is-home #toprow {
    margin: 0;
    padding: 0;
  }
  body.is-home #toprow .home_top_left {
    width: 343px;
    margin: 0;
    padding: 0;
    float: left;
  }
  body.is-home #toprow .home_top_left .align-l {
    margin: 0;
  }
  body.is-home #toprow .home_top_right {
    width: 637px;
    float: left;
    margin: 0;
    padding: 0;
  }
  body.is-home #toprow .home_top_right .listed-item {
    margin: 0;
  }
  body.is-home #home_feature {
    margin: 0;
    width: 637px;
    position: relative;
    background: #000;
  }
  body.is-home #fade {
    margin: 0;
    list-style: none;
  }
  body.is-home #fade li {
    margin: 0;
  }
  body.is-home #middlerow {
    margin: 0.5em 0;
    padding: 0;
  }
  body.is-home #middlerow a {
    color: #cc0000;
    text-decoration: none;
  }
  body.is-home #middlerow .middle_story {
    width: 332px;
    margin: 0;
    padding: 5px;
    float: left;
    background: #ffffce url(/images/news_pub_bg.jpg) repeat-x;
    border: 1px solid #ccc;
  }
  body.is-home #middlerow .middle_story .img {
    margin-bottom: 3em;
  }
  body.is-home #middlerow .middle_story h3 {
    font-size: 11px;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #7f7f77;
  }
  body.is-home #middlerow .middle_story .listed-item {
    margin: 0.5em 0 0;
  }
  body.is-home #middlerow .middle_story .listed-item h3.title {
    text-transform: none;
  }
  body.is-home #middlerow .middle_story fieldset {
    margin: 0 0 3px;
  }
  body.is-home #middlerow .middle_story label {
    width: 70px;
  }
  body.is-home #middlerow .middle_story input[type="text"],
  body.is-home #middlerow .middle_story select {
    width: 150px;
  }
  body.is-home #middlerow .middle_story input[type="submit"] {
    margin-left: 70px;
  }
  body.is-home #middlerow .middle_story table {
    margin-bottom: 0;
  }
  body.is-home #middlerow .middle_story td {
    padding: 0 8px;
  }
  body.is-home #middlerow .middle_news {
    width: 312px;
    float: left;
    margin: 0 7px;
    padding: 5px 5px 0;
    background: #ffffce url(/images/news_pub_bg.jpg) repeat-x;
    border: 1px solid #ccc;
  }
  body.is-home #middlerow .middle_news .img {
    margin-bottom: 60px;
  }
  body.is-home #middlerow .middle_news h3 {
    font-size: 11px;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #7f7f77;
  }
  body.is-home #middlerow .middle_btns {
    width: 294px;
    float: left;
    margin: 0;
    padding: 0;
  }
  body.is-home #middlerow .middle_btns ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
  }
  body.is-home #middlerow .middle_btns ul li.join {
    background: transparent url(/images/btn_join.jpg) no-repeat;
  }
  body.is-home #middlerow .middle_btns ul li.donate {
    background: transparent url(/images/btn_donate.jpg) no-repeat;
    margin: 0.4em 0;
  }
  body.is-home #middlerow .middle_btns ul li.take {
    background: transparent url(/images/btn_take.jpg) no-repeat;
  }
  body.is-home #middlerow .middle_btns ul li a {
    border-bottom: 2px solid #fff;
    display: block;
    height: 51px;
    width: 294px;
  }
  body.is-home #feature_link {
    text-align: right;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
  }
  body.is-home #border_bottom {
    background: #336699;
    height: 11px;
    margin: 0;
  }
  body.is-home #bottomrow {
    margin: 0 0 1em 0;
    padding: 0 5px;
  }
  body.is-home #bottomrow a {
    color: #336699;
    text-decoration: none;
  }
  body.is-home #bottomrow .img {
    margin-bottom: 4em;
  }
  body.is-home #bottomrow #feature_link {
    text-align: left;
  }
  body.is-home #bottomrow .bottom_news {
    width: 332px;
    margin: 0;
    padding: 0;
    float: left;
  }
  body.is-home #bottomrow .bottom_news h2 {
    margin: 0;
  }
  body.is-home #bottomrow .bottom_news .listed-item {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
  }
  body.is-home #bottomrow .bottom_news .listed-item h3.title {
    font-size: 12px;
  }
  body.is-home #bottomrow .bottom_events {
    width: 315px;
    float: left;
    margin: 0 10px;
    padding: 0 5px;
  }
  body.is-home #bottomrow .bottom_events h2 {
    margin: 0;
  }
  body.is-home #bottomrow .bottom_events .listed-item {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
  }
  body.is-home #bottomrow .bottom_events .listed-item h3.title {
    font-size: 12px;
  }
  body.is-home #bottomrow .bottom_priorities {
    width: 293px;
    float: left;
    margin: 0;
    padding: 0;
  }
  /*Form Body*/
  body.is_form #content {
    width: 900px;
    padding: 20px 40px;
  }
  body.is_form .intro h1 {
    margin: 0;
    display: none;
  }
  body.is_form form label {
    color: #666;
  }
  body.is_form span.req {
    color: #006699;
  }
  /*Tell A Friend Form */
  form#tell_a_friend_form .leftcell {
    width: 380px;
    float: left;
    padding: 0 20px 0 0;
  }
  form#tell_a_friend_form .leftcell h3 {
    font-size: 21px;
    color: #006699;
  }
  form#tell_a_friend_form .rightcell {
    width: 480px;
    float: left;
    padding: 0 0 0 20px;
  }
  form#tell_a_friend_form .rightcell h3 {
    font-size: 21px;
    color: #006699;
  }
  form#tell_a_friend_form button {
    float: right;
    background: transparent url(/images/btn_tell_form.jpg) no-repeat;
    margin: 0;
    height: 57px;
    width: 189px;
    text-indent: -999em;
  }
  form#tell_a_friend_form div.submit p {
    text-indent: -999em;
    margin: 0;
    padding: 0;
  }
  /*Tell A Friend Form */
  form#contact_us_form .leftcell {
    width: 430px;
    float: left;
    padding: 0 20px 0 0;
  }
  form#contact_us_form .leftcell h3 {
    font-size: 21px;
    color: #006699;
  }
  form#contact_us_form .rightcell {
    width: 430px;
    float: left;
    padding: 0 0 0 20px;
  }
  form#contact_us_form .rightcell .input#id_subject {
    width: 304px;
  }
  form#contact_us_form .rightcell .input#id_message {
    width: 308px;
  }
  form#contact_us_form .rightcell h3 {
    font-size: 21px;
    color: #006699;
  }
  form#contact_us_form button {
    float: right;
    background: transparent url(/images/btn_contact_form.jpg) no-repeat;
    margin: 0;
    height: 57px;
    width: 189px;
    text-indent: -999em;
  }
  form#contact_us_form div.submit p {
    text-indent: -999em;
    margin: 0;
    padding: 0;
  }
  /* Contribution Form */
  form#contribution_form .leftcell h3 {
    font-size: 21px;
    color: #006699;
  }
  form#contribution_form .rightcell h3 {
    font-size: 21px;
    color: #006699;
  }
  form#contribution_form button {
    float: right;
    background: transparent url(/images/btn_contribute_form.jpg) no-repeat;
    margin: 0;
    height: 57px;
    width: 189px;
    text-indent: -999em;
  }
  form#contribution_form div.submit p {
    text-indent: -999em;
    margin: 0;
    padding: 0;
  }
  /* Community Contribution Form */
  body.community_contribution_form .intro h1 {
    margin: 10px 0;
    font-size: 26px;
    display: block;
  }
  body.community_contribution_form form#contribution_form button {
    float: right;
    background: transparent url(/images/btn_submit_form.jpg) no-repeat;
    margin: 0;
    width: 301px;
    height: 53px;
    text-indent: -999em;
  }
  body.community_contribution_form .info {
    float: left;
    padding: 0 20px;
    width: 237px;
  }
  body.community_contribution_form .info strong {
    font-size: 21px;
    color: #666;
  }
  body.community_contribution_form .info_middle {
    width: 304px;
    border-right: 1px solid #ced4de;
    border-left: 1px solid #ced4de;
    float: left;
    padding: 0 20px;
  }
  body.community_contribution_form .info_middle strong {
    font-size: 21px;
    color: #666;
  }
  /* Community Contribution Editor */
  body.community_contribution_editor_form .taskbuttons {
    margin: 1em 0;
  }
  body.community_contribution_editor_form .taskbuttons ul {
    margin: 0;
    list-style: none;
  }
  body.community_contribution_editor_form .taskbuttons li {
    margin: 0;
    float: left;
    width: 309px;
  }
  #lulacsbmenu {
    width: 293px;
    font-family: Verdana, Arial;
    margin: 0;
    font-size: 90%;
    font-weight: bold;
    margin: 0px;
  }
  #lulacsbmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #lulacsbmenu li a {
    voice-family: inherit;
    height: 24px;
    text-decoration: none;
  }
  #lulacsbmenu li a:link,
  #lulacsbmenu li a:visited {
    color: #594D47;
    display: block;
    background: url("/images/sbmenuoff.gif");
    padding: 0px 0 0 0px;
  }
  #lulacsbmenu li a:hover {
    color: #26370A;
    background: url("/images/sbmenuon.gif");
    padding: 0px 0 0 0px;
  }
  #lulacsbmenu li a:active {
    color: #26370A;
    background: url("/images/sbmenuon.gif");
    padding: 0px 0 0 0px;
  }
  #lulacnavlist {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: bold;
    list-style: none;
  }
  #lulacnavlist a {
    display: block;
    width: 250px;
    color: #d60800;
    text-decoration: none;
    background: url("/images/bgsbmenu.gif") no-repeat;
    padding: 7px 10px 6px 10px;
  }
  #lulacnavlist a:hover {
    background-position: 0 -25px;
    color: #1e5ebd;
  }
  #lulacnavlist a:active {
    background-position: 0 -51px;
    color: #1e5ebd;
  }
  /* Section Cover */
  body.section-cover #hilite,
  body.section-cover #breadcrumbs,
  body.section-cover #tools,
  body.section-cover #toolswrapper,
  body.section-cover #sidebar {
    display: none;
  }
  body.section-cover #section_bottom {
    padding: 10px;
  }
  body.section-cover #section_bottom .two-columns {
    margin-bottom: 36px;
  }
  body.section-cover #section_bottom .two-columns .column-1 {
    width: 600px;
    margin-right: 40px;
  }
  body.section-cover #section_bottom .two-columns .column-2 {
    width: 300px;
  }
  body.section-cover #home_feature ul li img {
    width: 980px;
  }
  /* New contribution thermometer 12/5/12 */
  .component.thermometer {
    position: relative;
    width: 235px;
    height: 315px;
    background-image: url(/images/thermometer_std.png);
    background-repeat: no-repeat;
    color: #606060;
    float: right;
    margin-left: 1em;
  }
  .component.thermometer > div {
    position: absolute;
    white-space: nowrap;
  }
  .component.thermometer .goal {
    top: 85px;
    left: 132px;
  }
  .component.thermometer .raised {
    top: 127px;
    left: 132px;
  }
  .component.thermometer .count {
    top: 169px;
    left: 132px;
  }
  .component.thermometer .average {
    top: 211px;
    left: 132px;
  }
  .component.thermometer .progress-bar {
    width: 32px;
    height: 190px;
    top: 29px;
    left: 64px;
    overflow: hidden;
  }
  .component.thermometer .progress-bar .value {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #a5d2ff;
  }
  /* New contribution thermometer 12/5/12 */
  #bottom_donors {
    background: transparent url(/images/bg_formarea.png) no-repeat;
    color: #333;
    margin: 0;
    padding: 20px;
  }
  #bottom_donors h2 {
    color: #00529b;
    border-bottom: none;
  }

  /***** EVENT LISTINGS 1/16 *****/
  .event_listing .event-info-summary,
  .event_listing .group-info-summary {
    margin-bottom: 20px;
  }
  .event_listing .event-info-summary .event-avatar,
  .event_listing .group-info-summary .event-avatar,
  .event_listing .event-info-summary .group-avatar,
  .event_listing .group-info-summary .group-avatar {
    float: right;
    margin-left: 21px;
  }
  .event_listing .event-info-summary h2,
  .event_listing .group-info-summary h2 {
    margin-bottom: 7px;
  }
  .event_listing .tmpl-event-search table .img-wrapper {
    width: 50px;
  }
  .event_listing .tmpl-event-details .two-columns .column-1 {
    width: 620px;
    margin-right: 40px;
    float: left;
  }
  .event_listing .tmpl-event-details .two-columns .column-1 .box p {
    margin: 0;
  }
  .event_listing .tmpl-event-details .two-columns .column-1 .map-wrapper {
    width: 100%;
    height: 300px;
  }
  .event_listing .tmpl-event-details .two-columns .column-2 {
    width: 300px;
    float: left;
  }
  .event_listing .tmpl-event-details .two-columns .column-2 .box {
    border: 1px solid #c0c0c0;
    padding: 10px 10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .event_listing .tmpl-event-member-group .rsvp {
    width: 100px;
    margin-right: 10px;
  }
  .event_listing .tmpl-event-member-group .rsvp .txt-wrapper {
    text-align: center;
  }
  .event_listing .tmpl-event-member-group .two-columns .column-1 {
    width: 620px;
    margin-right: 40px;
    float: left;
  }
  .event_listing .tmpl-event-member-group .two-columns .column-2 {
    width: 300px;
    float: left;
  }
  .event_listing .tmpl-event-member-group .two-columns .column-2 .box {
    border: 1px solid #c0c0c0;
    padding: 10px 10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .event_listing .tmpl-event-calendar .cal-next-prev {
    width: 100%;
    margin-bottom: 0;
  }
  .event_listing .tmpl-event-calendar .cal-next-prev td {
    width: 50%;
  }
  .event_listing .tmpl-event-calendar .cal-next-prev td.next {
    text-align: right;
  }
  .event_listing .tmpl-event-calendar .cal-display {
    width: 100%;
  }
  .event_listing .tmpl-event-calendar .cal-display th {
    font-size: 125%;
  }
  .event_listing .tmpl-event-calendar .cal-display td {
    height: 100px;
    width: 14.28%;
    border: 1px solid #c0c0c0;
  }
  .event_listing .tmpl-event-calendar .cal-display td .day-of-month {
    font-weight: bold;
  }
  .event_listing .tmpl-event-calendar .cal-display .cal-prev-month,
  .event_listing .tmpl-event-calendar .cal-display .cal-next-month {
    background: #e0e0e0;
  }
  .event_listing .tmpl-event-search table .img-wrapper {
    width: 100px;
  }
  .event_listing .tmpl-event-search table .img-wrapper img {
    max-width: 100%;
  }
  /***** NEW EVENT LISTING 4/16 *****/
  body.event-listing .tmpl-event-search .top-wrapper,
  body.event-listing .tmpl-event-calendar .top-wrapper {
    *zoom: 1;
  }
  body.event-listing .tmpl-event-search .top-wrapper:after,
  body.event-listing .tmpl-event-calendar .top-wrapper:after {
    content: "";
    display: table;
    clear: both;
  }
  body.event-listing .tmpl-event-search .top-wrapper form#event_listing,
  body.event-listing .tmpl-event-calendar .top-wrapper form#event_listing {
    width: 65%;
    margin-right: 10%;
    float: left;
  }
  body.event-listing .tmpl-event-search .top-wrapper .buttons,
  body.event-listing .tmpl-event-calendar .top-wrapper .buttons {
    width: 25%;
    float: left;
  }
  body.event-listing .tmpl-event-details .thermometer-wrapper {
    *zoom: 1;
  }
  body.event-listing .tmpl-event-details .thermometer-wrapper:after {
    content: "";
    display: table;
    clear: both;
  }
  /***** PHOTO GALLERY OVERRIDES 2/17 *****/
  body.photo-gallery .pg-top .img-wrapper {
    padding: 0;
    margin: 0 0 21px;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  body.photo-gallery .pg-top .img-wrapper .img {
    border: 0;
  }

}
/* ===============================================
   MOBILE LAYOUT
   =============================================== */
@media only screen and (max-width: 640px) {
  body {
    background: #fff;
  }
  iframe {
    max-width: 100% !important;
  }
  #top #search_top,
  #top #donate_now,
  #breadcrumbs,
  #sidebar,
  #hilite,
  #bottom_top,
  body.is-home .middle_news,
  body.is-home #switcher {
    display: none;
  }
  .preview-notice {
    background: #c00;
    padding: 5px 10px;
    min-height: 0;
  }
  .preview-notice p {
    display: none;
  }
  #top_signin {
    background: #369;
    padding: 5px 10px;
  }
  #top {
    padding: 10px;
  }
  #top .mobile-wrapper {
    display: table;
    width: 100%;
  }
  #top .mobile-wrapper .logo {
    display: table-cell;
    width: 80%;
    vertical-align: middle;
  }
  #top .mobile-wrapper #menu-toggle {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    text-align: right;
    font-size: 24px;
  }
  #topnav .subnav {
    float: right;
  }
  #topnav > ul {
    display: none;
    float: none;
    width: 100%;
    *zoom: 1;
  }
  #topnav > ul:after {
    content: "";
    display: table;
    clear: both;
  }
  #topnav > ul > li {
    float: none;
    margin: 0;
    width: 100%;
    height: auto;
    display: block;
    border-top: 1px solid #fff;
  }
  #topnav > ul > li > a {
    display: block;
    width: 100%;
    color: #fff;
    background: #808080;
    text-align: left;
    height: auto;
    line-height: 1;
    font-size: 16px;
    font-weight: bold;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 10px;
  }
  #topnav > ul > li > a i {
    display: none;
  }
  #topnav > ul > li > div.subnav {
    float: right;
    padding: 6px 10px;
    color: #fff;
    width: auto;
    background: none;
  }
  #topnav > ul > li > div.subnav i {
    font-size: 16px;
  }
  #topnav .level2 {
    display: none;
  }
  #topnav .level2 > ul > li > a {
    display: block;
    line-height: 1;
    padding: 8px 10px 8px 25px;
    color: #fff;
    background: #808080;
    border-top: 1px solid #fff;
    border-bottom: none;
    text-decoration: none;
  }
  #topnav .level2 > ul > li > div.subnav {
    float: right;
    padding: 6px 10px;
    color: #fff;
    width: auto;
    background: none;
  }
  #topnav .level3 {
    display: none;
  }
  #topnav .level3 > ul > li > a {
    display: block;
    line-height: 1;
    padding: 8px 10px 8px 50px;
    color: #fff;
    background: #808080;
    border-top: 1px solid #fff;
    border-bottom: none;
    text-decoration: none;
  }
  #topnav .level3 > ul > li > div.subnav {
    float: right;
    padding: 6px 10px;
    color: #fff;
    width: auto;
    background: none;
  }
  #content {
    padding: 10px;
  }
  #bottom {
    padding: 10px;
  }
  #bottom ul.socnet {
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    padding: 10px;
    background: #369;
  }
  #bottom ul.socnet li {
    float: left;
    margin: 0;
    padding: 0 6px 0 0;
  }
  #bottom ul.socnet li a {
    display: block;
    height: 28px;
    width: 28px;
  }
  #bottom ul.socnet li.youtube a {
    background: transparent url(/images/icon_youtube.png) repeat scroll 0 0;
  }
  #bottom ul.socnet li.twitter a {
    background: transparent url(/images/icon_twitter.png) repeat scroll 0 0;
  }
  #bottom ul.socnet li.facebook a {
    background: transparent url(/images/icon_facebook.png) repeat scroll 0 0;
  }
  #bottom ul.socnet li.myspace a {
    background: transparent url(/images/icon_myspace.png) repeat scroll 0 0;
  }
  /***** HOMEPAGE *****/
  body.is-home .bottom_news,
  body.is-home .bottom_events {
    border-top: 1px solid #808080;
    margin-bottom: 18px;
  }
  body.is-home .home_top_left img {
    width: 100%;
  }
}
@media only screen and (max-width: 320px) {
  #content input.text,
  #content select,
  #content textarea {
    width: 175px;
  }
}