@import url(../reset.css);
@import url(base.css);
@import url(typography.css);
@import url(interstitial_box.css);

/*
Main styles and different imported style sheets follow the order of the markup code (page, branding, search, etc.) within the pages followed by specific styles.
In order to see how all the base html elements are styled to default please refer to the html_template.html page as needed.
Global styles to specific html tags should be placed in this file.
*/

/* begin -- set color of links for whole site */
a:link { color: #01a2d9; text-decoration: underline }
a:visited { color: #01a2d9; text-decoration: underline }
a:hover { color: #40cdfd; text-decoration: none }
a:active { color: #01a2d9; text-decoration: underline }
/* end -- set color of links for whole site */


/* begin - classes for styling as needed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.bold { font-weight: bold }
.italic { font-style: italic }
.underline { text-decoration: underline }
.overline { text-decoration: overline }
.strike { text-decoration: overline }
.uppercase { text-transform: uppercase }
.normal { font-weight: normal }
.fltlft { float: left }
.fltrgt { float: right }
.clrbth { clear: both }
.clrlft { clear: left }
.clrrgt { clear: right }
.block { display: block }
.alignright { text-align: right }
.alignleft { text-align: left }

.nobrder { border: 0px !important }

.w100p { width: 100% }

.ovrflw_hdn { overflow: hidden }

.hide_ADA { position: absolute; left: -999999em } /* hide but remain usable for text readers */

abbr { border: 0 } 

sup { vertical-align: top }

a.seemore { float: right; display: block; width: 113px; height: 38px; background: url(../../images/shared/seemore_button.gif) no-repeat top center }
a.viewinside { float: right; display: block; width: 156px; height: 47px; background: url(../../images/shared/viewinside_button.gif) no-repeat top center }


/* end - classes for styling needed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html { background: url(../../images/shared/fade_background.gif) repeat-x top center #30b5ec }

body { min-height: 572px; background: url(../../images/shared/cloud_background.jpg) no-repeat top center }

#page { width: 952px; margin: 0px auto; padding-bottom: 2em }

ul.ada { position: absolute; left: -999999em }

#header { position: relative; width: 952px; height: 112px }
body.two_column #header { background: url(../../images/shared/header_2_column.gif) no-repeat top center }
body.three_column #header { background: url(../../images/shared/header_3_column.gif) no-repeat top center }

#header h1 { position: absolute; top: 9px;  left: 40px; width:  214px; z-index: 10; height: 68px; margin: 0px }
#header h1 a  { display: block; width: 214px; height: 68px; background: url(../../images/shared/logo.gif) no-repeat 0px 0px; text-indent: -99999em } 
#header h1 a:hover { background-position: -214px 0px }

#header h2 { position: absolute; top: 84px; left: 42px; z-index: 10; width: 478px; height: 13px; margin: 0px; background: url(../../images/shared/gap_subheader.gif)  no-repeat 0px 0px; text-indent: -99999em }

#header a.email { position: absolute; top: 58px; right: 220px; z-index: 20; display: block; height: 21px; padding: 3px 0px 0px 40px; background: url(../../images/shared/mail_icon.gif) no-repeat 0px 0px }
#header a.email:hover { background-position: 0px -76px }

#header form.search { position: absolute; top: 58px; right: 33px; z-index: 20; width: 177px; height: 23px }
#header form.search fieldset { padding: 2px 0px 0px 9px; border-left: dotted 1px #7ea6c5 }
#header form.search fieldset legend { position: absolute; left: -999999em; height: 0px; font-size: 0px; line-height: 0px }
#header form.search fieldset input { width: 118px; padding-left: 2px; border: solid 1px #a0c2e4; vertical-align: top }
#header form.search fieldset input:focus { background-color: #28bbee; color: #fff; border-color: #fff; outline: solid 1px #fff99d }
#header form.search fieldset input.submit { width: 34px; height: 24px; border: 0px; background: url(../../images/shared/go_button.gif) no-repeat 0px 0px; font-size: 0px }
#header form.search fieldset input.submit:hover { cursor: pointer; background-position: -34px 0px }

#content_area { width: 952px; overflow: hidden;  background: url(../../images/shared/content_background.gif) repeat-y 0px 0px }
#left_column { position: relative; width: 198px; padding-bottom: 9px; float: left; background: url(../../images/shared/left_column_background.gif) no-repeat bottom center }

#left_column a.asthma_foundation { position: absolute; top: 326px; left: 31px; z-index: 200 }



/* begin - navigation styles
------------------------------------------ */
#main_navigation { position: relative; width: 198px; height: 304px; margin: 0px; background: url(../../images/shared/menu_background.gif) no-repeat 0px 0px; list-style-type: none }

#main_navigation li { position: absolute; top: 0px; left: 7px; z-index: 10; width: 188px; margin: 0px }
#main_navigation li a { display: block; width: 188px; background: url(../../images/shared/menu_sprite.gif) no-repeat 0px 0px; text-indent: -99999em  }

#main_navigation li.home { top: 3px; height: 33px }
#main_navigation li.home a { height: 33px }
#main_navigation li.home a:hover { background-position: -188px 0px }
#main_navigation li.home a.on { background-position: -188px 0px }
#main_navigation li.assessment { top: 42px; height: 52px }
#main_navigation li.assessment a { height: 52px; background-position: 0px -33px }
#main_navigation li.assessment a:hover {  background-position: -188px -33px }
#main_navigation li.assessment a.on {  background-position: -188px -33px }
#main_navigation li.bridge { top: 100px; height: 54px }
#main_navigation li.bridge a { height: 54px; background-position: 0px -85px }
#main_navigation li.bridge a:hover { background-position: -188px -85px }
#main_navigation li.bridge a.on { background-position: -188px -85px }
#main_navigation li.improve { top: 160px; height: 54px }
#main_navigation li.improve a { height: 54px; background-position: 0px -144px }
#main_navigation li.improve a:hover { background-position: -188px -144px }
#main_navigation li.improve a.on { background-position: -188px -144px }
#main_navigation li.physicians { top: 220px; height: 36px }
#main_navigation li.physicians a { height: 36px; background-position: 0px -198px }
#main_navigation li.physicians a:hover { background-position: -188px -198px  }
#main_navigation li.physicians a.on { background-position: -188px -198px  }
#main_navigation li.media { top: 262px; height: 35px }
#main_navigation li.media a { height: 35px; background-position: 0px -234px }
#main_navigation li.media a:hover { background-position: -188px -234px }
#main_navigation li.media a.on { background-position: -188px -234px }
/* end - navigation styles
------------------------------------------ */


body.three_column #content { width: 535px; float: left; background: url(../../images/shared/content_background01a.gif) no-repeat bottom center }
body.three_column #content div.inner_wrap { min-height: 532px; padding: 18px 26px 1em 26px; background: url(../../images/shared/content_background02a.gif) no-repeat top center }

body.two_column #content { width: 754px; float: left; background: url(../../images/shared/content_background01b.gif) no-repeat bottom center }
body.two_column #content div.inner_wrap { min-height: 532px; padding: 18px 26px 1em 26px; background: url(../../images/shared/content_background02b.gif) no-repeat top center }

body.three_column #right_column { width: 219px; float: right }
body.two_column #right_column { display: none }


h3.page_header { margin: 0px 0px 0.72em; padding: 0px 0px 0.75em 0px; font-size: 150%; background: url(../../images/shared/header_border01.gif) repeat-x bottom center; font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif; color: #449131 }
h3.page_header span { display: block; padding: 0.15em 0px 0px 0px; font-weight: normal }
h4.page_subhead { margin-bottom: 0.75em; font-size: 137%; color: #226197 }
h4.page_subhead em { font-weight: bold }
h4 { margin-bottom: 0.75em; font-size: 137%; color: #226197 }
ul li, ol li { margin-bottom: 0.55em }


#right_column #mod01 { width: 219px }
#right_column #mod01 div.inner { min-height: 110px; padding: 1em 9px 0.3em 10px; background: url(../../images/shared/mod01_top01.gif) no-repeat top center }
#right_column #mod01 div.inner p { margin: 0px; padding: 0.4em 0px 0.6em 0px }
#right_column #mod01 div.inner h4 { margin-bottom: 0.45em; font-size: 137%; color: #449131 }
#right_column #mod01 div.inner a.side_banner01 { display: block; width: 196px; margin: 0em auto; padding: 0px 2px 5px 2px }
#right_column #mod01 div.inner a.shadow { background: url(../../images/banners/banner_shadow.gif) no-repeat bottom center }
#right_column #mod01 span.bottom { display: block; height: 16px; background: url(../../images/shared/mod01_bottom01.gif) no-repeat top center }

#right_column #mod02 { width: 219px }
#right_column #mod02 div.inner { min-height: 124px; padding: 1em 15px 0.3em 16px; background: url(../../images/shared/mod02_top01.gif) no-repeat top center }
#right_column #mod02 div.inner p { margin: 0px; padding: 0.4em 0px 0.6em 0px }
#right_column #mod02 div.inner h4 { margin-bottom: 0.45em; font-size: 137%; color: #0d76ad }
#right_column #mod02 div.inner a.side_banner01 { position: relative; left: -3px; display: block; width: 188px; margin: 0em auto 0.65em auto }
#right_column #mod02 span.bottom { display: block; height: 17px; background: url(../../images/shared/mod02_bottom01.gif) no-repeat top center }

#right_column #mod02.sub div.inner { padding: 1.8em 15px 0px 16px; background: url(../../images/shared/mod02_top02.gif) no-repeat top center }

#right_column div div.inner div.banner { padding: 0.35em 0px 0.35em 0px }

p.back-to-top { text-align: right }
p.back-to-top a { font-size: 83%; text-decoration: none  }



#footer { position: relative; height: 88px; background: url(../../images/shared/footer_background.gif) no-repeat bottom center; color: #2c628c }
#footer ul { position: absolute; left: 46px; top: 0px; z-index: 10; width: 856px; height: 29px; margin: 0px; padding: 21px 0px 0px 0px; border-bottom: solid 1px #7ea5c4; list-style-type: none; font-size: 89% }
#footer ul li { display: inline; padding-left: 11px; margin-left: 9px; border-left: solid 1px #7ea5c4  }
#footer ul li.first-child { margin: 0px; padding: 0px; border: 0px }
#footer span.star_num { position: absolute; top: 25px; right: 52px; z-index: 20; font-size: 81% }
#footer p.footnote { position: absolute; top: 56px; right: 48px; margin: 0px; font-size: 83%; color: #5caff0 }


p.see_more { margin: 0px 0px 1.2em; background: url(../../images/shared/blue_stripe.gif) repeat-x center center; text-align: right }
p.see_more a { padding: 0px 10px 0px 5px; text-transform: uppercase; text-decoration: none; font-weight: bold; background: url(../../images/shared/arrow_blue02.gif) no-repeat center right #fff }

p.back_to {
margin: 0px 0px 1.8em;
background: url(../../images/shared/blue_stripe.gif) repeat-x center center
}

p.back_to a {
padding: 0px 5px 0px 10px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
background: url(../../images/shared/arrow_blue03.gif) no-repeat center left #fff
}

p.back_to a em {
text-transform: none; font-weight: bold
}





/* begin - email page modal styles 
**************************************************************************** */

#email_overlay {
 display: none;
 position: fixed;
 z-index: 1000;
 top: 0px;
 left: 0px;
 height: 100%;
 width: 100%;
 background-color: #0c497e;
 filter: alpha(opacity=75);
 -moz-opacity: 0.75;
 opacity: 0.75;
}

* html #email_overlay { /* ie6 hack */
 position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#email_page {
 display: none;
 position: fixed;
 width: 500px;
 margin-left: -261px;
 z-index: 1200;
 color: #000;
 border: solid 0px #525252;
 text-align: left;
 top: 13%;
 left: 50%
}

* html #email_page { /* ie6 hack */
 position: absolute;
 margin-top: expression(0 - parseInt(this.offsetHeight / 3) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 160 + 'px');
}

#email_page div.inner {
 position: relative
}

#email_page div.inner span.top, #email_page div.inner span.bottom {
 display: block;
 width: 500px;
 height: 11px;
 overflow: hidden;
 background: url(../../images/shared/inter_window_topbottomsprite.gif) no-repeat top center
}

#email_page div.inner span.bottom {
 background: url(../../images/shared/inter_window_topbottomsprite.gif) no-repeat 11px -11px
}

#email_page div.inner span span {
 display: block;
 width: 11px;
 height: 11px;
}

#email_page div.inner span span.lft {
 float: left
}

#email_page div.inner span span.rgt {
 float: right
}

#email_page div.inner span.top span.lft {
 background: url(../../images/shared/inter_window_cornersprite.gif) no-repeat 0px 0px
}

#email_page div.inner span.top span.rgt {
 background: url(../../images/shared/inter_window_cornersprite.gif) no-repeat -11px 0px
}

#email_page div.inner span.bottom span.lft {
 background: url(../../images/shared/inter_window_cornersprite.gif) no-repeat 0px -11px
}

#email_page div.inner span.bottom span.rgt {
 background: url(../../images/shared/inter_window_cornersprite.gif) no-repeat -11px -11px
}

#email_page div.inner div.content {
 padding: 1em 16px;
 background: url(../../images/shared/inter_window_background01.gif) repeat-y top center;
 font-size: 120%
}

#email_page div.inner div.content a.close {
 position: absolute;
 top: 6px;
 right: 7px;
 z-index: 2000;
 display: block;
 width: 21px;
 height: 21px;
 background: url(../../images/shared/close_modal_button.gif) no-repeat 0px 0px;
 text-indent: -999999em
}

#email_page div.inner div.content a:hover.close {
 background-position: -21px 0px
}

#email_page div.inner p {
font-size: 83%
}

#email_page div.inner dl {
width: 454px;
margin: 0px auto;
overflow: hidden
}

#email_page div.inner dl dt, #email_page div.inner dl dd {
margin: 0px
}

#email_page div.inner dl dt {
width: 248px;
height: 30px;
float: left;
font-size: 83%;
text-align: right;
padding-top: 1px
}

#email_page div.inner dl dt label {
font-weight: bold
}

#email_page div.inner dl dt label span {
position: relative;
top: -1px;
font-size: 73%
}

#email_page div.inner dl dd {
width: 190px;
height: 30px;
float: right;
font-size: 83%
}

#email_page div.inner dl dd input {
width: 180px;
padding: 1px 0px 1px 2px;
border: solid 1px #a0c2e4;
vertical-align: top
}

#email_page div.inner dl dd input:focus {
background-color: #28bbee;
color: #fff;
border-color: #fff;
outline: solid 1px #fff99d
}

#email_page div.inner div.submit_area {
position: relative;
clear: both;
width: 444px;
margin: 0px auto;
padding: 16px 0px 0px 0px;
overflow: hidden
}

#email_page div.inner div.submit_area .cancel {
float: left
}

#email_page div.inner div.submit_area .submit {
float: right
}

#email_page div.inner div.thank_you {
display: none;
font-size: 83%;
text-align: center;
font-weight: bold
}



/* end - email page modal styles 
**************************************************************************** */









/* Safari FOUC - always leave this at the end of this file */
body { display: block !important }