/******************************************************************************************************
 * This file represents the common styles used throughout all the pages on the site. It defines all
 * layout rules, base font styles, and common content elements.
 ******************************************************************************************************/

/********************************************************************************************************/
/** Global Zero Out *************************************************************************************/
/********************************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
}
 
html, body 
{
    margin: 0;
    padding: 0;
}

body 
{
    font: 62.5%/1.5 Verdana, sans-serif;
    background-color: #ffffff;
    color: #4a5053;
}

input 
{
    outline: none;
}

p, td, li, h1, h2, h3, h4, h5, h6, td, span
{
    text-align:left;
}

img 
{
	border: 0;
}

object, embed 
{
    outline: none;
    border: 0;
}

/********************************************************************************************************/
/** Layout **********************************************************************************************/
/********************************************************************************************************/

body {
    text-align: left;
    /*padding-bottom: 3em;*/
    background-image: url(/Aaaai/Images/BodyBg.gif);
}

#Container {
    position: relative;
    width: 990px;
    margin: 0 auto;
    padding: 0px 0px 5px 0px;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    z-index: 9;
}

/** Header **********************************************************************************************/

#Header
{
    position: relative;
    width: 100%;
    z-index: 500;
}

#header-mobile {
    height: 60px;
    background-color: #19608a;
}

#header-mobile > .row > .col {
    height: 60px;
}

/** Utility Nav *****************************************************************************************/

#Header #UtilityNavBar
{
    margin: 0px 15px -9px 0px;
    float: right;
}

#Header #UtilityNavBar #UtilityNavLeftEndCap
{
    background-image: url(/Aaaai/Images/Header/UtilityNav/UtilityNavLeftEndCap.png);
    float: left;
    height: 38px;
    width: 15px;
}

#Header #UtilityNavBar #UtilityNav
{
    background-image: url(/Aaaai/Images/Header/UtilityNav/UtilityNavBg.png);
    float: left;
    height: 38px;
}

#Header #UtilityNavBar #UtilityNav .Links
{
    font-size: 0.9em;
    line-height: 0.9em;
    padding: 15px 20px 5px 20px;
}

#Header #UtilityNavBar #UtilityNav .Links p
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/** Member Login Status *********************************************************************************/

#Header #UtilityNavBar #MemberLoginLeftEndCap
{
    background-image: url(/Aaaai/Images/Header/MemberLogin/MemberLoginLeftEndCap.png);
    float: left;
    height: 38px;
    width: 15px;
}

#Header #UtilityNavBar #MemberLogin
{
    float: left;
    height: 38px;
}

.LoggedOut
{
    background-image: url(/Aaaai/Images/Header/MemberLogin/MemberLoginBg.png);
}

.LoggedIn
{
    background-image: url(/Aaaai/Images/Header/MemberLogin/MemberLoginBgLoggedIn.png);
}

#Header #UtilityNavBar #MemberLogin .Links
{
    color: #fff;
    padding: 15px 20px 5px 20px;
}

#MemberLogin .Links a
{
    color: #fff;
}

#Header #UtilityNavBar #MemberLoginRightEndCap
{
    background-image: url(/Aaaai/Images/Header/MemberLogin/MemberLoginRightEndCap.png);
    float: left;
    height: 38px;
    width: 18px;
}

/** Logo Bar *************************************************************************************************/

#Header #LogoBar
{
    background-image: url(/Aaaai/Images/Header/LogoBar/LogoBarBg.png);
    clear: both;
    height: 97px;
    margin: 0px 9px 0px 9px;
    overflow: hidden;
    width: 972px;
}

#Header #LogoBar #Logo
{
    float: left;
    height: 88px;
    padding: 9px 0px 0px 10px;
    width: 513px;
}

#Header #LogoBar #Logo a
{
    outline: medium none;
}

#Header #LogoBar #HeaderSearchForm
{
    border-right: 1px solid #c0c5b7;
    float: left;
    margin: 26px 0px 0px 0px; 
    padding: 20px 25px 20px 26px;
    text-align: right;
    width: 248px;
}

#Header #LogoBar #HeaderSearchForm .SearchField
{
    float: left;
    text-align: left;
}

#Header #LogoBar #HeaderSearchForm .SearchField input
{
    border: 1px solid #c1c5b7;
    display: block;
    height: 19px;
    margin: 0px 5px 0px 0px;
    padding: 0;
    width: 180px;
}

#Header #LogoBar #HeaderSearchForm .SearchButton
{
    float: left;
}

#Header #LogoBar #HeaderQuickLinks
{
    float: left;
    padding: 24px 18px 0px 24px;
    width: 107px;
}

#Header #LogoBar #HeaderQuickLinks p
{
    font-size: 0.9em;
    line-height: 1.4em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/** Primary Nav **********************************************************************************************/

.PrimaryNav  
{
    background-image: url(/Aaaai/Images/Header/PrimaryNav/PrimaryNavBg.png); 
    background-repeat: no-repeat;
    overflow: hidden;
    width: 990px;
}

.PrimaryNav ul 
{ 
    list-style-type: none;
    width: 100%;
}

.PrimaryNav li 
{ 
    display: inline; 
    float: left; 
}

.PrimaryNav ul ul 
{ 
    position: absolute;
	display: none;
	width: 190px;
}

.PrimaryNav ul ul li 
{ 
    clear: left; 
    display: block; 
    position: relative;
}

.PrimaryNav ul li:hover ul ul 
{ 
    display: none;
}

.PrimaryNav ul ul li:hover ul ul 
{ 
    display: none;
}

.PrimaryNav ul li:hover ul 
{ 
    display: block;
}

.PrimaryNav ul ul li:hover ul 
{ 
    display: block;
}

.PrimaryNav ul ul ul li:hover ul 
{ 
    display: block;
}

/* Primary nav tabs */
.PrimaryNav ul li a
{
    background-image: url(/Aaaai/Images/Header/PrimaryNav/MenuItemBg.png);
    background-position: 0 0;
	background-repeat: no-repeat;
    color: #fff;
    display: block;
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 1.5em;
    height: 48px;
    line-height: 1.2em;
    margin-left: 1px;
    outline: medium none;
    padding-top: 23px; 
    text-align: center;
    text-decoration: none;
    width: 190px;
}

/* Primary nav tabs - active */
.PrimaryNav ul li a:hover,
.PrimaryNav ul li.Level1CMSListMenuHighlightedLI a,
.PrimaryNav ul li.Level1CMSListMenuHighlightedLIFirstItem a,
.PrimaryNav ul li.Level1CMSListMenuHighlightedLILastItem a
{
    background-position: 0 -71px;
}

/* First (left-most) primary nav tab */
.PrimaryNav ul li.Level1CMSListMenuLIFirstItem a,
.PrimaryNav ul li.Level1CMSListMenuHighlightedLIFirstItem a
{
    background-image: url(/Aaaai/Images/Header/PrimaryNav/FirstMenuItemBg.png);
    margin-left: 0px;
    padding-left: 9px;
    width: 205px;
}

/* Last (right-most) primary nav tab */
.PrimaryNav ul li.Level1CMSListMenuLILastItem a,
.PrimaryNav ul li.Level1CMSListMenuHighlightedLILastItem a
{
    background-image: url(/Aaaai/Images/Header/PrimaryNav/LastMenuItemBg.png);
    padding-right: 9px;
    width: 193px;
}

/* Primary nav sub-menus */
.PrimaryNav ul ul li a
{
    background-color: transparent;
    background-image: url(/Aaaai/Images/Header/PrimaryNav/SubMenuItemBg.png);
    background-repeat: repeat-y;
    font-family: Verdana, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    height: auto;
    line-height: normal;
    margin-left: 1px;
    padding: 0px 20px 10px 20px;
    text-align: left;
    width: 150px !important;
}

/* Primary nav sub-menus - active */
.PrimaryNav ul ul li a:hover,
.PrimaryNav ul ul li.Level2CMSListMenuHighlightedLI a,
.PrimaryNav ul ul li.Level2CMSListMenuHighlightedLIFirstItem a,
.PrimaryNav ul ul li.Level2CMSListMenuHighlightedLILastItem a
{
    color: #a0e0fd;
}

/* First (left-most) primary nav sub-menu */
.PrimaryNav ul li.Level1CMSListMenuLIFirstItem ul li a,
.PrimaryNav ul li.Level1CMSListMenuHighlightedLIFirstItem ul li a
{
    background-image: url(/Aaaai/Images/Header/PrimaryNav/FirstSubMenuItemBg.png);
    margin-left: 21px;
    padding-left: 18px;
    width: 164px;
}

/* Last (right-most) primary nav sub-menu */
.PrimaryNav ul li.Level1CMSListMenuLILastItem ul li a,
.PrimaryNav ul li.Level1CMSListMenuHighlightedLILastItem ul li a
{
    background-image: url(/Aaaai/Images/Header/PrimaryNav/LastSubMenuItemBg.png);
    padding-right: 18px;
    width: 164px;
}

/* First (top) item in all primary nav sub-menus */
.PrimaryNav ul ul li.Level2CMSListMenuLIFirstItem a,
.PrimaryNav ul ul li.Level2CMSListMenuHighlightedLIFirstItem a
{
    padding-top: 6px;
}

/** Mobile Nav **********************************************************************************************/

#nav-toggle {
    width: 60px;
    height: 60px;
    padding: 4px 0;
    margin: 0 10px 0 0;
}

#nav-toggle .icon-bar-container {
    width: 35px;
    height: 35px;
    margin: 20px 0 0 10px;
}

#nav-toggle .icon-bar {
    display: block;
    height: 3px;
    width: 25px;
    background-color: #eef0e8;
    margin: 4px 8px;
    box-shadow: 0 1px 0 rgba(0,0,0,.15);
}

#header-mobile .btn {
    display: inline-block;
    /*border: 1px solid #ccc;*/
    border: none;
    background-color: #1e7fac;
    /*padding: .5em 1.5em;*/
    text-align: center;
    cursor: pointer;
    font-size: inherit;
    text-decoration: none;
}

#header-mobile .btn &:hover {
    background-color: #eee;
    border-color: #bbb;
}

#header-mobile #site-title {
    position: relative;
    top: -5px;
    display: inline-block;
}

#flyout-nav {
    position: absolute;
    top: 0;
    /*left: -258px;*/
    width: 258px;
    background-color: #064065;
}

/*.show-nav #container {
    -webkit-transform: translateX(258px);
    transform: translateX(258px);
}*/

#flyout-nav ul li {
    margin: 1px 0;
    /*padding: 20px 0;*/
    background-color: #13608d;
}

#flyout-nav ul > li.mobile-link-home {
    background-color: #064164;
}

#flyout-nav ul li > a {
    padding: 20px 0 20px 10%;
    display: block;
}

#flyout-nav ul li a {
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

#flyout-nav #UtilityNavMobile,
#flyout-nav #MembershipNavMobile {
    background-color: #1d7fab;
    padding: 0 0 2em;
}

/*#flyout-nav #UtilityNavMobile {
    padding: 0 0 10px 0;
}*/

#flyout-nav .mobile-link-home a span.icon {
    width: 11px;
    height: 13px;
    margin: 0 0 -3px -17px;
    padding-right: 5px;
    background: url(/Aaaai/Images/Header/MobileNav/mobileNavIndicator.png) no-repeat 0 0;
    display: inline-block;
}

#flyout-nav #UtilityNavMobile .utilityNavMobileTitle,
#flyout-nav #MembershipNavMobile .myMembershipTitle {
    width: 100%;
    padding: 5px 0 0;
    font-weight: 700;
    text-align: center;
    display: block;
    color: #064164;
    text-transform: uppercase;
}

#flyout-nav #MembershipNavMobile .myMembershipTitle {
    /*margin: 20px 0 0;*/
    padding-bottom: 10px;
    border: 1px solid #064164;
    border-width: 1px 0 0 0;
}

#flyout-nav #UtilityNavMobile li,
#flyout-nav #MembershipNavMobile li {
    margin: 0;
    background-color: #1d7fab;
}

#flyout-nav #UtilityNavMobile li a,
#flyout-nav #MembershipNavMobile li a {
    padding: 10px 0 0px 10%;
    font-weight: 100;
    text-transform: none;
}

#mobile-search-btn {
    width: 60px;
    height: 60px;
    float: right;
}

#mobile-search-btn .icon-mag-glass {
    width: 35px;
    height: 35px;
    /*background-color: #eef0e8;*/
    background: url(/Aaaai/Images/Header/LogoBar/mobile-icons-sprite.png) no-repeat 0 0;
    display: inline-block;
    /*margin: 4px 8px;*/
    /*box-shadow: 0 1px 0 rgba(0,0,0,.15);*/
    /*-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;*/
}

#site-search {
    position: absolute;
    width: 100%;
    height: 35px;
    margin-top: -1px;
    padding: 5px 0 0 0;
    background-color: #1d7fab;
    display: none;
    z-index: 110;
}

#site-search .search-form {
    margin: 0 2% 0 0;
    text-align: right;
}

#site-search label {
    display: none;
}

#site-search .btn {
    color: #1e7fac;
    border: 1px solid #fff;
    background-color: #fff;
    font-size: 1.5em;
}

/** Breadcrumbs Nav ******************************************************************************************/

#Header #BreadcrumbsBar
{
    background-image: url(/Aaaai/Images/Header/BreadcrumbsBar/BreadcrumbsBarBg.png);
    clear: both;
    height: 25px;
    width: 100%;
}

#Header #BreadcrumbsBar .Breadcrumbs
{
    color: #b0e5fc;
    font-size: 1.0em;
    line-height: 25px;
    padding: 0px 0px 0px 40px;
}

.Breadcrumbs a,
.Breadcrumbs a:visited
{
    color: #b0e5fc;	
}

.Breadcrumbs a:hover, 
.Breadcrumbs a:active,
.CMSBreadCrumbsCurrentItem
{
    color: #fff;
}

/** Content *************************************************************************************************/
#WaterMark {
        display: none;
}

#Content
{
    background-image: url(/Aaaai/Images/MainContent/MainContentBg.png);
    padding: 0px 19px 0px 19px;
    width: 952px;
    display: inline-block;
}

/** Callouts *************************************************************************************************/

.Callout
{
    clear: both;
    margin: 0px 0px 11px 0px;
}

.CalloutHeader
{
    overflow: hidden;
    width: 100%;
}

#GenericCalloutHeader
{
    background-image: url(/Aaaai/Images/BlueBg.gif);
}

#ElementsCalloutHeader
{
    background-image: url(/Aaaai/Images/RedBg.gif);
}

#QuickLinksCalloutHeader
{
    background-image: url(/Aaaai/Images/GreenBg.gif);
}

#NewsCalloutHeader
{
    background-image: url(/Aaaai/Images/OrangeBg.gif);
}

#GenericCalloutHeader
{
    background-image: url(/Aaaai/Images/BlueBg.gif);
}

.CalloutHeaderImage {
    padding-top: 11px;
}

.CalloutHeaderLeft
{
    float: left;
    padding: 8px 10px 10px 20px;
    text-transform: uppercase;
}

.CalloutHeaderLeft p,
.CalloutHeaderLeft a
{
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.1em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.CalloutHeaderRight
{
    float: right;
    padding: 10px 10px 5px 0px;
    text-transform: uppercase;
}

.CalloutHeaderRight p,
.CalloutHeaderRight a
{
    font-size: 1.0em;
    line-height: 1.0em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;   
}

.CalloutHeaderRightRss
{
    float: right;
    padding: 4px 5px 0px 0px;
}

.CalloutHeaderRightRss p,
.CalloutHeaderRightRss a
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.CalloutBody,
.CalloutBody1
{
    border-bottom: 1px solid #c0c5b7;
    border-left: 1px solid #c0c5b7;
    border-right: 1px solid #c0c5b7;
    padding: 12px 28px 10px 18px;
}

.CalloutBody p,
.CalloutBody1 p
{
    padding: 0px 0px 5px 0px;
}

/** Tabbed Content *******************************************************************************************/

#Content ul.TabButtons
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.TabButtons
{
    list-style-type: none;
    width: 100%;
}

.TabButtons li
{
    float: left;
}

.TabButtons li a
{
    background-image: url(/Aaaai/Images/TabButtonBg.gif);
    background-position: 0 0;
	background-repeat: no-repeat;
    color: #13608d;
    cursor: pointer;
    display: inline;
    float: left;
    font-weight: bold;
    height: 36px;
    margin-bottom: -1px;
    margin-right: 2px;
    outline: none;
    padding: 9px 25px 0px 25px;
    text-align: center;
    width:90px;
}

.TabButtons li a p
{
    line-height: 1.1em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.TabButtons li a:hover
{
    color: #b86728;
}

.TabButtons li a.Active,
.TabButtons li a.Active:hover
{
    background-position: 0 -45px;
    color: #4a5053;
}

.TabContent
{
    border: 1px solid #c0c5b7; 
    clear: both;
    display: none;
    margin: 0px 0px 15px 0px;
    padding: 30px 20px 15px 20px;
}

/** special *********************************************************************************/
#memberloginbox-floater
{
    width: 200px;
    padding: 10px;
    background-color: rgb(217, 224, 208);
    border: 1px dotted rgb(197, 204, 188);
    float: right;
    margin: 10px;
}

/** Misc *****************************************************************************************************/

.SectionDivider
{
    background-image: url(/Aaaai/Images/BlackAndWhiteBg.gif);
    clear: both;
    height: 11px;
    width: 100%;
}

.ValidationError
{
    color: #9f1320;
}

/** Footer ***************************************************************************************************/

#Footer
{
    background-image: url(/Aaaai/Images/Footer/FooterBg.png);
    background-repeat: no-repeat;
    font-size: 0.9em;
    line-height: 0.9em;
    overflow: hidden;
    width: 990px;
}

#Footer #FooterMainCopy
{
    float: left;
    padding: 42px 0px 15px 19px;
    width: 690px;
}

#Footer #FooterSecondaryCopy
{
    float: left;
    padding: 42px 19px 15px 0px;
    text-align: right;
    width: 262px;
}

#Footer #FooterSecondaryCopy p
{
    text-align: right;
}

/*************************************************************************************************************/
/** Text Styles **********************************************************************************************/
/*************************************************************************************************************/

h1 {
    font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 2.2em;
    font-weight: normal;
    line-height: 1.2em;
    padding-bottom: 5px;
}

.h1 {
    font-family: Georgia, "Times New Roman", Times, Serif !important;
	font-size: 2.2em !important;
    font-weight: normal !important;
    line-height: 1.2em !important;
    padding-bottom: 5px !important;
}

h2 {
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.2em;
    padding-bottom: 5px;
}

.h2 {
    font-family: Georgia, "Times New Roman", Times, Serif !important;
    font-size: 1.5em !important;
    font-weight: normal !important;
    line-height: 1.2em !important;
    padding-bottom: 5px !important;
}

h3 {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.2em;
    padding-bottom: 5px;
}

.h3 {
    font-size: 1.2em !important;
    font-weight: normal !important;
    line-height: 1.2em !important;
    padding-bottom: 5px !important;
}

#Content ul
{
    padding: 0px 0px 15px 15px; font-size: 1.1em;
}

#Content ol
{
    padding: 0px 0px 15px 21px; font-size: 1.1em;
}

p
{ 
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0px 0px 10px 0px;
}

p.LinksListItem
{ 
	padding: 0px 0px 5px 0px;
}

a, 
a:visited
{
	color: #13608d;
	text-decoration:underline;
}

a:hover, 
a:active
{
	color: #b86728;
}

.CalloutHeaderLeft p,
.CalloutHeaderLeft a
{
    color: #fff;
}

.CalloutHeaderLeft a:hover
{
    color: #ffff99;
}

.CalloutHeaderRight p,
.CalloutHeaderRight a
{
    color: #fff;
}

.CalloutHeaderRight a:hover
{
    color: #ffff99;
}

#art_testimonials_nav
{
	text-align:center;
}

#art_testimonials div
{
	width: 300px;
}

#art_testimonials img
{
	float: left;
	margin-right: 10px
}

/*
START NAB Styles 2.0
*/

.smalllink { }

.navlink { }

.bluebg { }

.smalltitle
{
	font-size: 1.4em;
}

.big
{
	font-size: 1.6em;
	font-weight: bold;
}

.small
{
	font-size: 0.9em;
}

.title
{
	font-size: 1.8em;
	font-weight: bold;
}

.white
{
	color: #ffffff;
}

.whitetitle
{
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.2em;
	padding-bottom: 5px;
}

.disclaimer
{
	font-size: 1.6em;
	color: #708090;
	text-decoration: none;
}

.error
{
	color: #ff0000;
	font-weight: bold;
}

.l
{
	background-color: #ccffcc;
}

.m
{
	background-color: #ffff66;
}

.h
{
	background-color: #ff9900;
}

.v
{
	color: #ffffff;
	background-color: #cc0000;
}
.absent
{
	color: #000000;
	background-color: #ffffff;
}

#LeftZone ul.pollenCountRegions ul {
    list-style: none;
    padding-left: 0;
    padding-bottom: 0.3em;
}

#LeftZone ul.pollenCountRegions ul li {
    display: inline-block;
    margin-right: .5em;
    font-size: 11px;
}

#p_lt_ctl03_SearchBox_txtWord {
	border: 1px solid #c1c5b7;
    display: block;
    height: 19px;
    margin: 0 5px 0 0;
    padding: 0;
    width: 180px;
	float: left;
    text-align: left;
}

/*
END NAB
*/

/** Mobile **********************************************************************************************/
@media only screen and (min-width: 990px) {
    .mob,
    /*#Header .PrimaryNav,*/
    #header-mobile,
    #flyout-nav,
    #site-search,
    .sectionExploreMobileContent,
    .mobile-sub-nav-wrapper,
    .mobile-subnav-trigger,
    .show-for-mobile {
        display: none !important;
    }

    .no-mob,
    .show-for-desktop {
        display: block !important;
    }

    .show-nav #container {
        -webkit-transform: none;
        transform: none;
    }
    
    #GenericCallout #GenericCalloutList .LinksListItem,
    #RightZone .Callout .CalloutBody ul > li.LinksListItem {
        list-style: none;
    }
    
    .RedCssButton {

        border: none;
        padding: 0.5em 1em;
        background-color: #9f1f29;
        color: #fff;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1em;
        cursor: pointer;
    }
    
    .RedCssButton:hover,
    .RedCssButton:visited {
        color: #fff;
    }

}

@media only screen and (max-width: 989px) {
    
    html,
    body { overflow-x: hidden; }

    body {
        position: relative;
        -webkit-overflow-scrolling: touch;
    }

    .mob,
    .show-for-mobile,
    .TabContent {
        display: block !important;
    }
    
    .search-form,
    #Search1,
    #header-mobile .search-form .btn,
    .mobile-subnav-trigger,
    .mobile-sub-nav-wrapper  { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

    .no-mob,
    #site-nav.collapsed,
    #flyout-nav .PrimaryNav,
    #LeftZone .SectionDivider,
    #NewsCalloutHeader .CalloutHeaderImage,
    #NewsCalloutHeader .CalloutHeaderRight,
    #ElementsCalloutHeader .CalloutHeaderImage,
    #ElementsCalloutHeader .CalloutHeaderRight,
    #GenericCalloutHeader .CalloutHeaderImage,
    .HomeCallout .HomeCalloutBody .HomeCalloutBodyImage,
    .HomePromoSectionDivider,
    #RightZone .SectionDivider,
    #BottomZone .PromoSectionDivider,
    #MemberLoginForm label,
    #QuickLinksCalloutHeader .CalloutHeaderImage,
    #AskTheExpertSearchForm .SearchButton input,
    #GenericCalloutHeader .CalloutHeaderRightRss,
    .TabButtons,
    .show-for-desktop,
    #ctl00_ctl00_MainContentPlaceHolder_MainZoneContentPlaceHolder_SearchButton,
    #ctl00_ctl00_MainContentPlaceHolder_MainZoneContentPlaceHolder_PageSearchButton  { display: none !important; }

    #Container,
    #Content {
        width: 100% !important;
        background-color: #fff;
    }

    #Container {
        min-height: 768px;
    }

    #Content {
        padding: 0;
        background: none;
        background-color: #fff;
    }

    #Content h2 {
        font-size: 1.8em;
        font-family: Verdana, Geneva, sans-serif;
    }

    .TabContent h2,
    #MainCopy p strong,
    .TabContent p strong,
    #LeftZone > p > strong {
        /*font-family: Georgia, "Times New Roman", Times, Serif !important;*/
    }

    #BottomZone .Promo .PromoCopy h3 {
        font-family: Verdana, Geneva, sans-serif;
    }

    #BottomZone .Promo .PromoCopy h3 a {
        text-decoration: none;
    }

    #Content p,
    #Content ul {
        font-size: 1.4em;
    }

    .show-nav #flyout-nav {
        left: 0px !important;
    }

    /*#Search1 {
        width: 75%;
        max-width: 250px;
    }*/

    #site-search .search-form {
        width: 100%;
        padding: .8em 2%;
        margin: 0; 
        text-align: center;
    }

    #header-mobile .search-form .SearchButtonMobile.btn {
        border: none;
    }

    #header-mobile .search-form .SearchButtonMobile.btn a {
        background-color: #19618b;
        font-size: 16px;    
        line-height: 1;
        color: #fff;
        text-transform: uppercase;
        padding: 10px 8px; 
        border: none;
        font-weight: bold;
        margin-left: 0;
        text-decoration: none;
    }

    #header-mobile .search-form .SearchButtonMobile.btn a:hover {
        color: #ccc;
    }

    #header-mobile #site-search {
        height: 60px;
    }

    #header-mobile #site-title {
        text-align: center;
    }

    #header-mobile #site-title a {
        /*padding-left: 10%;*/
        display: inline-block;
    }

    #header-mobile #site-title img.mobile-above-480 {
        display: block;
    }

    #header-mobile #site-title img.mobile-below-480 {
        display: none;
    }

    #HeaderSearchFormMobile .SearchFieldMobile,
    #HeaderSearchFormMobile .SearchButtonMobile {
        display: inline;
    }

    #HeaderSearchFormMobile .SearchFieldMobile input {
        width: 60%;
        max-width: 250px;
        padding: 8px;

    }

    .show-nav #Container {
        /*left: 258px !important;*/
        -webkit-transform: translateX(258px) !important;
        transform: translateX(258px) !important;
    }

    /* Responsive Page specific */
    /* TwoColumnWideLeft*/
    #LeftZone,
    #RightZone {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #LeftZone h1 {
        width: 86%;
        margin: .2em 5%;
        padding: 2% 0 !important;
        font-size: 3em;
        text-align: left;
    }

    #LeftZone > img,
    #LeftZone > p,
    #LeftZone > p > img,
    #LeftZone > h2,
    #LeftZone > ul,
    #LeftZone #NewsCalloutHeader,
    #LeftZone #MainImageContainer,
    #LeftZone #SummaryLinksListContainer,
    #QuickLinksCalloutHeader {
        width: 100%;
        /*padding: 0 10% 0 0;*/ /* 0 5% */
    }

    #LeftZone > p:last-child {
        padding-bottom: 2em;
    }

    #LeftZone > p > strong {
        padding: 1em 0 0.5em;
        font-size: 1.3em;
        display: block;
    }

    #LeftZone #MainImageContainer {
        text-align: center;
    }

    #LeftZone .mobileForm,
    #MemberLoginForm,
    #RightZone .mobileForm,
    #SearchForm,
    #PageSearchForm {
        width: 82% !important;
        margin: 0 5% 2%;
        padding: 4% !important;
        background-color: #dae0d0 !important;
        border: none !important;
    }

    #RightZone .mobileForm {
        background-color: #cfe1c7 !important;
    }

    #MemberLoginForm h2,
    #LeftZone .mobileForm h2,
    #RightZone .mobileForm h2 {
        font-weight: 700;
    }

    #RightZone .mobileForm h2,
    #RightZone .mobileForm p {
        color: #4a5053;
    }

    #LeftZone .pollenMapSelect select {
        width: 82%;
        height: 40px;
        font-size: 2em;
    }

    #MemberLoginForm .UserIDContainer,
    #MemberLoginForm .PasswordContainer,
    #MemberLoginForm .SubmitButtonContainer,
    #AskTheExpertSearchForm #SearchKeywords,
    #AskTheExpertSearchForm #SearchDateRange,
    #AskTheExpertSearchForm .SearchButton,
    #SearchForm #ctl00_ctl00_MainContentPlaceHolder_MainZoneContentPlaceHolder_SearchField,
    #PageSearchForm #ctl00_ctl00_MainContentPlaceHolder_MainZoneContentPlaceHolder_PageSearchField,
    #SearchForm #p_lt_ctl08_pageplaceholder_p_lt_ctl01_CSESearch_SearchField,
    #PageSearchForm #p_lt_ctl08_pageplaceholder_p_lt_ctl01_CSESearch_PageSearchField,
    #SearchForm .SearchButton,
    #PageSearchForm .PageSearchButton {
        width: 100%;
        max-width: inherit;
        padding: 10px 0 !important;
        font-size: 14px;
    }

    #MemberLoginForm input[type=text],
    #MemberLoginForm input[type=password],
    #AskTheExpertSearchForm input[type=text],
    #AskTheExpertSearchForm select,
    #SearchForm #ctl00_ctl00_MainContentPlaceHolder_MainZoneContentPlaceHolder_SearchField,
    #PageSearchForm #ctl00_ctl00_MainContentPlaceHolder_MainZoneContentPlaceHolder_PageSearchField,
    #SearchForm #p_lt_ctl08_pageplaceholder_p_lt_ctl01_CSESearch_SearchField,
    #PageSearchForm #p_lt_ctl08_pageplaceholder_p_lt_ctl01_CSESearch_PageSearchField {
        width: 95% !important;
        height: 40px !important;
        padding: 0 2% 0 3% !important;
        font-size: 18px !important;
    }

    #AskTheExpertSearchForm select {
        width: 100% !important;
        height: 40px !important;
        padding: 0 0 0 3% !important;
    }

    #MemberLoginForm #Remember {
        width: 20px;
        height: 20px;
    }

    #MemberLoginForm .SubmitButtonContainer label {
        display: inline-block !important;
    }

    #LeftZone .pollenMapSelect input {
        width: 15%;
        height: 40px;
        font-size: 2em;
        color: #fff;
        text-transform: uppercase;
        background-color: #19618b;
        border: none;
    }

    #LeftZone h2.pollenCountRegions {
        width: 88%;
        margin: 0 5%;
        padding: 1%;
        background-color: #dae0d0;
    }

    #LeftZone ul.pollenCountRegions {
        width: 85%;
        margin-left: 5%;
        padding-top: 1em;
    }

    #LeftZone ul.pollenCountRegions ul {
        list-style: none;
        padding-left: 0;
        padding-bottom: 0.3em;
    }

    #LeftZone ul.pollenCountRegions ul li {
        display: inline-block;
        margin-right: .5em;
        font-size: 11px;
        border-bottom: none;
    }

    #LeftZone > p,
    #LeftZone > h2,
    #LeftZone > h3,
    #LeftZone > ul,
    #LeftZone > div#MainCopy
    /*#MainCopy > p,*/
     {
        width: 90%;
        padding: 0 5%; /* conflict? */
    }

    #LeftZone > p {
        padding: 0 5%;
    }

    #LeftZone > ul,
    #MainCopy > ul {
        list-style: none;
    }

    #MainCopy > ul > li.LinksListItem {
        padding-bottom: 20px;
    }

    #LeftZone .mobileDivider {
        height: 1px;
        width: 90%;
        margin: 4% 5%;
        background-color: #959ca1;
        display: block;
    }

    /*#MainZone {
        font-size: 14px;
    }*/

    #MainZone h1,
    #MainZone span > p> a {
        padding-left: 5%;
        padding-bottom: 3%;
    }

    #MainZone > p {
        padding: 0 5%;
    }

    #MainCopy {
        width: 90%;
        padding: 1em 5% !important;
    }

    #MainCopy > h1,
    #MainCopy > ul {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #MainCopy p {
        padding-bottom: 1.5em;
    }

    #LeftZone .Callout,
    #RightZone .Callout,
    #LeftZone #ctl00_ctl00_MainContentPlaceHolder_LeftZoneContentPlaceHolder_JACIResultsPanel,
    #LeftZone #ctl00_ctl00_MainContentPlaceHolder_LeftZoneContentPlaceHolder_JACIInPracticeResultsPanel {
        width: 90%;
        margin: 0 5%;
    }

    #LeftZone .sectionExploreMobile-btn {
        width: 90%;
        margin: 0 5%;
        padding: 12px 0 0 2% !important;
        text-align: left;
        color: #13608d;
        text-transform: uppercase;
        border: 1px solid #eceae8;
        border-width: 1px 1px 0 1px;
        border-bottom: 1px solid #f6f6f6;
        cursor: pointer;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e8e8e8');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e8e8e8')";
        background-image: -moz-linear-gradient(top, #ffffff, #e8e8e8);
        background-image: -ms-linear-gradient(top, #ffffff, #e8e8e8);
        background-image: -o-linear-gradient(top, #ffffff, #e8e8e8);
        background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e8e8e8));
        background-image: -webkit-linear-gradient(top, #ffffff, #e8e8e8);
        background-image: linear-gradient(top, #ffffff, #e8e8e8);
    }

    #LeftZone .sectionExploreMobile-btn.collapsed {
        border-bottom: 1px solid #eceae8;
        margin: 0 5% 1.6em;
    }

    #LeftZone .sectionExploreMobile-btn .icon {
        width: 40px;
        height: 40px;
        margin-top: -12px;
        background: url(/Aaaai/Images/Home/sectionExploreMobileDownIcon.png) no-repeat 0 0;
        display: inline-block;
        background-color: #f6f6f6;
        background-position: 12px 14px;
        float: right;
    }
    
    #LeftZone .sectionExploreMobile-btn.collapsed .icon { background-color: transparent; } 

    #LeftZone .sectionExploreMobileContent {
        width: 90%;
        margin: 0 5% 1.6em;
        background-color: #f6f6f6;
        display: none;
    }

    #LeftZone .sectionExploreMobileContent .sectionContentList {
        padding: 0;
        list-style: none;
        border: 1px solid #eceae8;
        border-width: 0 1px 1px;
    }

    #LeftZone .sectionExploreMobileContent .sectionContentList li,
    #LeftZone .pollenCountRegions li,
    #RightZone .Callout .CalloutBody p {
        /*padding: 15px 0;*/
        border-bottom: 1px solid #dee1d0;
    }

    #LeftZone .pollenCountRegions li,
    #RightZone .Callout .CalloutHeaderRight.mob p a,
    #JACIFooter a,
    #JACIInPracticeFooter a {
        font-weight: 700;
        font-size: 14px;
    }

    #LeftZone .sectionExploreMobileContent .sectionContentList li:last-child {
        border-bottom: none;
    }

    #LeftZone .sectionExploreMobileContent .sectionContentList li a {
        padding: 15px 5%;
        display: block;
        text-decoration: none;
        /*text-transform: uppercase;*/
        font-weight: 700;
        font-size: 14px;
    }

    #LeftZone .pollenCountRegions li a,
    #RightZone .Callout .CalloutBody p a {
        padding: 15px 0; /* conflict? */
        display: block;
        text-decoration: none;
        font-weight: 400;
        font-size: 14px;
    }

    #RightZone .Callout .CalloutBody p.LinksListItem a {
        padding: 15px 0;
    }

    /*#RightZone #NewsCalloutHeader {
        margin-top: 2em;
    }*/

    #LeftZone .Callout .CalloutHeader.green,
    #RightZone .Callout .CalloutHeader.green {
        background: none !important;
        background-color: #629c4a !important;
    }

    #LeftZone .Callout .CalloutHeader.orange,
    #RightZone .Callout .CalloutHeader.orange {
        background: none !important;
        background-color: #dc8041 !important;
    }

    #RightZone .Callout .CalloutHeader.red {
        background: none !important;
        background-color: #9a202b !important;
    }

    /*#LeftZone .CalloutHeaderLeft {
        padding-left: 0 !important;
    }*/

    #RightZone #SocialLinks,
    #SocialLinks {
        display: none;
    }

    #NewsCalloutBody,
    #RightZone .Callout .CalloutBody {
        padding: 0;
        border: 0;
    }

    #SidebarHeader {
        /*width: 89%;*/
        min-height: 23px;
        margin: 2em 5% 0;
        /*padding: 2% 0 1% 1% !important;
        padding: 0.2% 0 0 2% !important;*/
        padding: 5px 0 0 2% !important;
        border: none !important;
        background: none;
        background-color: #1d7fab !important;
    }

    #SidebarBody,
    #SummaryLinksListContainer {
        width: 90% !important;
        margin: 0 5%;
        padding: 1em 0 !important;
        border: none !important;
    }

    #GenericCallout {
        width: 90%;
        margin: 2em 5% !important;
    }

    #GenericCallout #GenericCalloutHeader,
    .Callout #GenericCalloutHeader {
        background: none;
        background-color: #1d7fab !important;
    }

    #GenericCallout #GenericCalloutHeader .CalloutHeaderLeft {
        padding-top: 8px;
        padding-bottom: 8px;
        width: 90%;
    }

    #GenericCallout #GenericCalloutHeader .CalloutHeaderLeft {
        /*padding: 2% 0 2% 2% !important;*/
    }

    #GenericCallout .CalloutBody,
    .Callout .CalloutBody {
        padding: 12px 0 0 0 !important;
        border: none !important;
    }

    #GenericCallout #GenericCalloutList {
        padding: 0;
    }

    #GenericCallout #GenericCalloutList .LinksListItem,
    #RightZone .Callout .CalloutBody ul > li.LinksListItem {
        list-style: none;
    }

    #RightZone .Callout .CalloutBody > ul {
        padding-left: 0;
    }

    #QuickLinksCalloutHeader {
        /*margin-bottom: 1em;*/
        margin-top: 2em;
        display: inline-block;
    }

    #RightZone #SidebarBody h3 {
        padding: 20px 0 0 0;
    }

    .TabContent {
        border: none;
        margin: 0;
        padding: 15px 35px 15px 35px;
    }

    .TabContent p strong {

    }

    #SummaryLinksHeaderArrow {
        padding-top: 5% !important;
    }

    /*#LeftZone #SummaryLinksHeaderArrow {
        padding-left: 5%;
    }*/

    #SummaryLinksHeaderLeftContainer {
        padding-top: 7% !important;
    }

    #RightZone .Callout .CalloutHeaderRight.mob {
        padding-bottom: 20px;
    }

    #LeftZone div .ResultRow {
        padding-bottom: 20px !important;
        padding-top: 10px !important;
        font-size: 1.5em;
        border-bottom: #c0c5b7 1px solid;
    }

    #JACIFooter h3,
    #JACIInPracticeFooter h3 {
        text-align: left !important;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .QandAseparator {
        border-bottom: #404040 1px solid;
        padding-bottom: 10px;
        margin-bottom: -10px;
        display: block;
    }

    #SearchResults h2,
    #SearchResults #ResultsMatchCopy,
    #SearchResults .HorizontalRule,
    #SearchResults .PagerControl,
    #SearchResults .ResultRow {
        width: 90% !important;
        padding: 0 5% !important;
    }

    #SearchResults .PagerControl {
        text-align: right;
    }

    #SearchResults .PagerControl .PagerNumberArea span,
    #SearchResults .PagerControl .PagerNumberArea a {
        font-size: 14px;
    }

    .googleSearchFrame {
        margin: 0 0 0 5%;
        width: 95%;
    }

    /* Home page*/
    #HomeMainImage,
    #HomeMainImage img {
        width: 100% !important;
        padding: 0 !important;
        float: none !important;
    }

    #HomeMainContainer {
        width: 80% !important;
        margin: 5% !important;
        padding: 5% !important;
        background-color: #f4f6f1;
    }

    /*#HomeMainContainer p:last-child {
        text-align: center !important;
    }*/

    /*#HomeMainContainer p a {
        position: relative;
        left: 50%;
        margin: 2em 0 0 -100px;
        display: inline-block;
    }*/

    #HomeMainContainer .homelearnMoreButton,
    #MemberLoginForm .formSubmit,
    #RightZone #SidebarBody .payDuesButton,
    #AskTheExpertSearchForm .SearchButton .formSubmit,
    #RightZone #SidebarBody.askAQuestion .askNowButton,
    #SearchForm .SearchButton .formSubmit,
    #PageSearchForm .PageSearchButton .formSubmit,
    .RedCssButton {
        position: relative;
        left: 50%;
        width: 200px;
        /*height: 50px;*/
        margin: 2em 0 0 -100px;
        padding: 1em 0;
        background-color: #9f1f29;
        color: #fff;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1.2em;
        cursor: pointer;
    }
    
    .RedCssButton {
        display: inline-block;
    }
    
    .RedCssButton:hover,
    .RedCssButton:visited {
        color: #fff;
    }

    #SearchForm #ctl00_ctl00_MainContentPlaceHolder_MainZoneContentPlaceHolder_SearchField,
    #SearchForm #p_lt_ctl08_pageplaceholder_p_lt_ctl01_CSESearch_SearchField,
    #PageSearchForm #ctl00_ctl00_MainContentPlaceHolder_MainZoneContentPlaceHolder_PageSearchField,
    #PageSearchForm #p_lt_ctl08_pageplaceholder_p_lt_ctl01_CSESearch_PageSearchField {
        font-size: 2.0em !important;
    }

    #SearchForm .ValidationError {
        font-size: 1.5em;
    }

    #SearchForm .SearchButton .formSubmit,
    #PageSearchForm .PageSearchButton .formSubmit {
        margin-top: 0;
    }

    /*.android #AskTheExpertSearchForm #SearchDateRange #ctl00_ctl00_MainContentPlaceHolder_LeftZoneContentPlaceHolder_SearchDateRange {
        background: #0f0;
        border: 1px solid #ff0;
    }*/

    #HomeMainContainer .homelearnMoreButton,
    #RightZone #SidebarBody.askAQuestion .askNowButton {
        display: inline-block;
    }

    .ie #HomeMainContainer .homelearnMoreButtonContainer .homelearnMoreButton {
        /*line-height: initial;*/
        /*text-align: center;*/
        /*margin: 0 auto;*/
        width: 100%;
        /*display: block;*/
        left: 0;
        right: 0;
        margin: 0;
        /*margin-left: 50%;*/
        /*padding: 0;*/
        /*position: relative;*/
    }

    #RightZone #SidebarBody.askAQuestion .askNowButton {
        margin-top: 0;
    }

    #MemberLoginForm .formSubmit,
    #AskTheExpertSearchForm .SearchButton .formSubmit,
    #RightZone #SidebarBody.askAQuestion .askNowButton
    #SearchForm .SearchButton .formSubmit,
    #PageSearchForm .PageSearchButton .formSubmit {
        margin: 0 0 0 -100px;
        padding: 0.5em 0;
        border: none;
    }

    #RightZone #SidebarBody .payDuesButton {
        width: 40%;
        left: 0;
        margin-left: 0;
        margin-top: 1em;
        padding: 1em;
        background-color: #19618b;
        display: inline-block;
    }

    #HomeMainContainer p a img {
        width: 200px !important;
    }

    .HomeMainImageButton.mob {
        position: relative;
        left: -9% !important;
        top: 0 !important;
        width: 50%;
        height: 35px !important;
        margin-top: 18px;
        padding: 15px 0 0 4%;
        background: none !important;
        background-color: #fff !important;
        border: 1px solid #ccc;
        text-indent: 0;
        font-size: 1.5em;
        font-weight: 700;
        text-decoration: none;
    }

    #HomeMainImageButton1mob {
        float: left;
    }

    #HomeMainImageButton2mob {
        right: -20% !important;
        margin-right: -18%;
        padding: 15px 4% 0 0;
        float: right;
        text-align: right
    }

    #HomeMainImageButton1mob:after {
        position: absolute;
        left: 0;
        top: -17px;
        width: 23px;
        height: 17px;
        content: " ";
        background: url(/Aaaai/Images/Home/homeCalloutTabShadowLeft.png) no-repeat 0 0;
    }

    #HomeMainImageButton2mob:after {
        position: absolute;
        right: 0;
        top: -17px;
        width: 23px;
        height: 17px;
        content: " ";
        background: url(/Aaaai/Images/Home/homeCalloutTabShadowRight.png) no-repeat 0 0;
    }

    #HomeMainImageButton1mob {
        /*margin-top: 2em;*/
    }

    #HomeCallout1,
    #HomeCallout2 {
        width: 90%;
        margin: 0 5% 4em;
        padding: 0 !important;
    }

    #HomeCallout1 .HomeCalloutHeader {
        background: none !important;
        background-color: #dc8041 !important;
    }

    #HomeCallout2 .HomeCalloutHeader {
        background: none !important;
        background-color: #629c4a !important;
    }

    .HomeCallout .HomeCalloutHeaderLeft a,
    .HomeCallout .HomeCalloutBody .HomeCalloutBodyCopy .LinksListItem a,
    #NewsCalloutBody .LinksListItem a,
    #SidebarBody p a {
        text-decoration: none;
    }

    .HomeCallout .HomeCalloutBody {
        width: 100%;
        border: none;
    }

    .HomeCallout .HomeCalloutBody .HomeCalloutBodyCopy {
        width: 100%;
        padding: 0;
    }

    .HomeCallout .HomeCalloutBody .HomeCalloutBodyCopy .LinksListItem,
    #NewsCalloutBody .LinksListItem,
    #SidebarBody p,
    #GenericCallout #GenericCalloutList .LinksListItem,
    #LeftZone .Callout .CalloutBody .LinksListItem {
        padding: 20px 0;
        border-bottom: 1px solid #dee1d0;
    }

    .HomeCallout .HomeCalloutBody .HomeCalloutBodyCopy .LinksListItem a:hover,
    #NewsCalloutBody .LinksListItem a:hover,
    #SidebarBody p a:hover {
        text-decoration: underline;
    }

    .HomeCalloutHeaderRight.mob,
    .CalloutHeaderRight.mob {
        float: left;
    }

    .HomeCalloutHeaderRight.mob p a,
    .CalloutHeaderRight.mob p a,
    .GenericCalloutHeaderRight.mob a {
        color: #13608d;
        font-weight: 700;
        text-decoration: none;
        font-size: 1.2em;
        padding-top: 1em;
        display: block;
    }

    .HomePromo {
        width: 80% !important;
        margin: 0 5% !important;
        padding: 5% !important;
    }

    #BottomZone {
        width: 90% !important;
        margin: 0 5% !important;
        /*padding: 5% !important;*/
    }

    #BottomZone .Promo {
        width: 90%;
        margin: 0;
        padding: 5% !important;
    }

    .HomePromo.odd,
    #BottomZone .Promo.odd {
        background-color: #f4f6f1;
    }

    .HomePromo.even,
    #BottomZone .Promo.even {
        background-color: #fff;
    }

    .HomePromo .HomePromoCopy,
    #BottomZone .Promo .PromoCopy {
        width: 65%;
    }

    .HomePromo .HomePromoImage,
    #BottomZone .Promo .PromoImage {
        width: 30%;
        max-width: 84px;
    }

    #Footer {
        width: 100%;
        background: none;
        background-color: #CAE4ED; /*#fff*/
    }

    #Footer .footerContainer {
        width: 90%;
        height: 100%;
        margin: 0 5%;
        background-color: #cae4ed;
    }

    #Footer .footerTwLink img,
    #Footer .footerFbLink img {
        width: 30px;
        height: 30px;
    }

    #FooterMainCopy {
        width: 100% !important;
        padding: 0 !important;
        float: none !important;
    }

    #FooterMainCopy span p {
        margin: 0 2em 2em;
        padding: 2em 1em 0;
        text-align: center;
    }

    #FooterSecondaryCopy {
        width: 100% !important;
        padding: 0 !important;
        background-color: #cae4ed;
    }

    #FooterSecondaryCopy span p {
        text-align: center !important;
    }
    
    .mobile-subnav-trigger {
        display: block;
        position: relative;
        width: 90%;
        margin: 0 5%;
        padding: 12px 3em 12px 1em !important;
        text-transform: uppercase;
        font-size: 13px;
        text-decoration: none;
        border: 1px solid #eceae8;
        border-width: 1px 1px 0 1px;
        border-bottom: 1px solid #f6f6f6;
        line-height: 1;
        background: #e8e8e8; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%); /* W3C */
        color: #13608d;
        margin-bottom: 1.6em;
    }
    
    .mobile-subnav-trigger.active
    {
        margin-bottom: 0;
    }
    
    .mobile-subnav-trigger:after 
    {
        position: absolute;
        right: 1em;
        top: 50%;
        margin-top: -6px;
        content: ' ';
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 12px 8px 0 8px;
        border-color: #19618b transparent transparent transparent;
    }
    
    .mobile-subnav-trigger:before 
    {
        content: ' ';
        width: 42px;
        height: 38px;
        background-color: transparent;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .mobile-subnav-trigger.active:before 
    {
        background-color: #f6f6f6;
        position: absolute;
    }
    
    .mobile-sub-nav-wrapper {
        width: 90%;
        margin: 0 5% 1.6em;
        padding: 0 4% !important;
        display: none;
        background-color: #f6f6f6;
        border: 1px solid #eceae8;
        border-width: 0 1px 1px;
    }
    
    .mobile-sub-nav { padding: 0 !important; }
    
    .mobile-sub-nav li {
        
        list-style: none;
    }
    
    .mobile-sub-nav li + li {
        border-top: 1px solid #dee1d0;
    }
    
    .mobile-sub-nav a {
        display: block;
        text-decoration: none;
        padding: 15px 5%;
        font-weight: 700;
        font-size: 14px;
    }

    .questionchoices {
        border: 1px solid #a4a4a4;
        border-width: 2px 0 2px;
        padding: 2em 0;
        margin: 1em 0;
    }

    .questiongroup {
        margin-top: 1em;
        font-size: 14px;
        font-weight: bold;
    }

    .questiongroup .row + .row { margin-top: 1em; }

    .questiongroup input + input {
        margin-top: .5em;
    }

    .questiongroup .answer, .questiongroup #quiz_conclusion {
        font-weight: normal;
    }

    #SiteMap * {
        font-size: 14px !important;
    } 
    
    #SiteMap li {
        margin-bottom: .5em;
    }
}

@media only screen and (max-width: 767px) {
    .HomeMainImageButton.mob {
        width: 118%;
        left: -11% !important;
    }

    #HomeMainImageButton2mob {
        width: 118%;
        left: -11% !important;
        right: inherit !important;
        margin-right: inherit;
        padding: 15px 0 0 4%;
        text-align: left;
        float: left;
    }

    .HomeMainImageButton.mob:after {
        position: absolute;
        left: 0;
        top: -17px;
        width: 23px;
        height: 17px;
        content: " ";
        background: url(/Aaaai/Images/Home/homeCalloutTabShadowLeft.png) no-repeat 0 0 !important;
    }

    #LeftZone ul.pollenCountRegions ul li {
        display: block;
        margin-right: .5em;
        font-size: 11px;
        border-bottom: none;
    }

    #LeftZone ul.pollenCountRegions ul li a {
        padding: 10px 0;
    }
}

@media only screen and (max-width: 480px) {

    #header-mobile #site-title {
        top: -2px;
    }

    #header-mobile #site-title img.mobile-above-480 {
        display: none;
    }

    #header-mobile #site-title img.mobile-below-480 {
        /*height: 20px;*/
        display: block;
    }

    #Content h1 {
        font-size: 2.2em;
    }

    #Content h2 {
        font-size: 1.5em;
    }

    #HomeMainContainer p a.homelearnMoreButton img {
        width: 100px !important;
    }

}