* {
    font-family:Arial;
    margin:0;
    padding:0;
    -moz-outline-style: none;
}

body {

	text-align:center; /* for IE */
    margin-left: auto;
    margin-right: auto;
    font-size:75%;
    color:#959595;
    background-color:#fff;
}

#wrapper {
    background-image:url("/images/background.jpg");
    background-repeat: no-repeat;
    background-position:top center;
	text-align:left;
	margin:0px auto; /* for the rest */
    padding:0;
}

#wrapper #container {
    margin: 0 auto;
    padding: 0 0px;
    width: 996px;
}

.clear-block {
    clear:both;
}

.hidden {
    display: none;
}

/**TEXT RESIZE**/

.small { font-size:100%; }
.large { font-size:110%; }



h1 {
    font-size:26px;
    color:#7399a7;
    font-family:serif;
    top:-5px;
    position:relative;
}

h1 span {
    font-weight:normal;
    font-style:italic;
    font-family:serif;
}

h1 sup {
    font-size:15px;
}

h2 {
    font-size:120%;
    color:#7399a7;
}

h3 {
    font-size:100%;
    color:#0184ba;
}

h4 {
    font-family: serif;
    font-size:22px;
    font-weight:normal;
    color:#718399;
}

h4 span {
    font-size:12px;
    font-family: arial, verdana;
    color:#0083b8;
    text-transform:uppercase;
    font-weight:bold;
}

h5 {
    font-family: serif;
    font-size:22px;
    font-weight:normal;
    color:#718399;
}

h5 span {
    font-size:12px;
    font-family: arial, verdana;
    color:#0083b8;
    text-transform:uppercase;
    font-weight:bold;
}

p {

}

#home-top {
    width: 100%;
    height: 300px;
}

#home-bottom {
    width: 100%;
    height: 200px;
}

#home-bottom .block {
    width: 33%;
    float: left;
    height: 100%;
}




/**
HEADER STYLES
**/
#header {
    width:998px;
}

#site-name {
    padding-top:8px;
    padding-bottom:5px;
    padding-left:30px;
}

.header-right {
    padding-top:10px;
    float:right;
    text-align:right;
    padding-right:38px;
    font-family:arial,verdana;
    font-size:11px;
    color:#666;
}

.header-links a, .header-links a:link, .header-links a:visited, .header-links a:active {
    color:#666;
    text-decoration:none;
}

.header-links a:hover {
    color:#666;
    text-decoration:underline;
}

#subhead {
    width:100%;
}

#tools {
    float:right;
    text-align:right;
    padding-right:38px;
    padding-top:10px;
}

#tools-sub {
    float:right;
}

#tools-sub img {
    padding: 0 6px 0 0;
    margin-top:6px;
}

#tools span {
    font-size:14px;
    color:#0083b8;
    font-weight:bold;
}

#content-container .tools {
    z-index:1;
    padding-bottom:0px;
}

#resize-container {
    float:left;
    padding-top:15px;
    padding-bottom:0;
    padding-right:5px;
}

#resize-container .large  {
    font-size:140%;
    color:#666;
}

#resize-container .small {
    font-size:100%;
    color:#666;
}

#resize-container .active {
   
}

#print-container {
    float:left;
    padding-top:10px;
    padding-bottom:5px;
    font-size:11px
}

#share-container {
    float:left;
    padding-top:10px;
    padding-bottom:1px;
}

#tagline {
    float:left;
    width:430px;
    padding-left:35px;
    padding-top:15px;
    padding-bottom:20px;
    background:transparent;
    height:53px;
}

#mainmenu {
    position:relative;
}

/**
CONTENT
**/
.adjustable-font {

}

#content-container {
    margin-left: auto;
    margin-right: auto;
    height:auto;
    width:933px;
    background-image:url(/images/top-corners.gif);
    background-position:top center;
    background-repeat:repeat-y;
    padding-top:20px;
    padding-bottom:30px;
}

#content-left-col {
    float:left;
    width:250px;
    min-height:100%;
    padding-left:30px;
    position:relative;
    top:-32px;
        display:none;
}

#content-container img {
    padding-bottom:15px;
}

 .no-pad {
    padding-bottom:0px;
}

#content-right-col {
    float:right;
    width:570px;
    height:100%;
    padding-top:23px;
    padding-left:30px;
    _padding-left:20px;
    padding-right:50px;
}


#content-right-col p {
    padding-top:10px;
    padding-bottom:10px;
}

#content-right-col a {
    color:#0184ba;
}

#sub-right-col-left {
    float:left;
    width:266px;
    height:100%;
}

#sub-right-col-right {
    float:right;
    width:266px;
    height:100%;
}


#content-row-bottom {
    padding-left:28px;
    margin-bottom:30px;
    width:933px;
    clear:both;
}

#content-row-bottom .no-pad {
    padding-bottom:0px;
}

#content-row-bottom a {
    color:#0083b7;
    font-weight:bold;
    text-decoration:none;
}

#content-row-bottom-alt {
    padding-top:20px;
    width:580px;
}

#content-row-bottom-alt .no-pad {
    padding-bottom:0px;
}

#content-row-bottom-alt a {
    color:#0083b7;
    font-weight:bold;
    text-decoration:none;
}

.callout h3 {
    padding-top:5px;
    color:#0083b8;
    font-weight:bold;
    font-size:100%;
}

.callout img {
    padding-top:5px;
    padding-right:10px;
    padding-bottom:10px;
}

.callout p {
    padding-top:5px;
    font-size:95.5%;
}

#content-bottom-left-colalt {
    border-top: 1px dotted #000;
    float:left;
    width:274px;
    margin-right:10px;
}

#content-bottom-center-colalt {
   border-top: 1px dotted #000;
   float:left;
   width:274px;
   margin-right:10px;
}



#content-bottom-left-col {
    border-top: 1px dotted #000;
    float:left;
    width:284px;
    margin-right:10px;
    padding-top:2px;
}

#content-bottom-center-col {
   border-top: 1px dotted #000;
   float:left;
   width:284px;
   margin-right:10px;
    padding-top:2px;
}

#content-bottom-right-col {
  border-top: 1px dotted #000;
  float:left;
  width:284px;
  margin-right:10px;
  padding-top:2px;
}




/**
FORM STYLES
**/
#search-form {
    padding-top:5px;
}

.form-item label {
    display: block;
}

.form-item label.error {
    color: #F00;
}

.form-item label.option {
    display: inline;
}

.submit-button {
 margin-bottom:-6px;
}


/** VIDEO Quotes **/

.quote-open {
    background-image:url(/images/open-quote.gif);
    background-repeat: no-repeat;
    background-position:top center;
    width:25px;
    height:30px;
    float:left;

   padding-left:20px;
}

#sub-content {
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #000000;
    padding-top: 10px;
    height:180px;

}

.quote {
    float:left;
    width:340px;
    background-image:url(/images/close-quote.gif);
    background-repeat: no-repeat;
    background-position:bottom right;
    padding-top:10px;
    padding-right:25px;
    padding-left:0px;
}

h2 span {
    color:#0083b8;
    font-size:70%;
}

.patient-description {
    color: #588597;
    font-size: 100%;
    font-family:serif;
}




/* FOOTER */

#base {
    text-align:center;
    font-size:11px;
    color:#7d7d7d;
    background-image:url(/images/footer-corners.gif);
    width:1002px;
    padding-top:120px;
    _margin-left:2px;
}

#base p {
    padding-bottom:10px;
}

#footer {
     text-align:left;
    font-size:11px;
}

#base a {
        font-size:11px;
    color:#4848ed;
}

/**YOU SHOULD KNOW**/
#you-should-know {
    width:250px;
    background-image:url(/images/you-should-know/background.gif);
    background-repeat:repeat-y;
    height:100%;
    margin-bottom: 20px;
}

#you-should-know #top {
    width:250px;
    background-image:url(/images/you-should-know/top.gif);
    background-repeat:no-repeat;
    height:52px;
}

#you-should-know #fact {
    padding:8px 8px 2px 5px;
    color:#82a2af;
}

#you-should-know #bottom {
    width:250px;
    background-image:url(/images/you-should-know/bottom.gif);
    background-repeat:no-repeat;
    height:11px;
}


/**LEARN**/

#three-col {

    width:570px;
}

#three-col .col {
    background-image:url(/images/learn/who-has-asthma-content.gif);
    background-repeat:no-repeat;
    background-position:top left;
    width:150px;
    padding:14px;
}

#three-col .one {
    float:left;
}

#three-col .two {
    float:left;
    margin:0 10px 0 10px;
}

#three-col .three {
    float:left;
}

/**TREAT**/
#inactive-cta {
    background-image:url(/images/inactive-cta.gif);
    background-repeat:no-repeat;
    background-position:top left;
    width:500px;
    padding:5px 40px 8px 40px;
    min-height:65px;
}


.margin-left {
    margin-left:15px;
}



/**SITEMAP**/

.sitemap {

}
#content-right-col .sitemap ul {
    margin-top:20px;
}
#content-right-col .sitemap ul li {
    list-style-type:none;
    padding-bottom:6px;
}

#content-right-col .sitemap ul li.sublink {
    margin-left:30px;
}

#content-right-col .sitemap ul li.toplevel a {
    text-transform:uppercase;
    color: #0184ba;
    font-weight:bold;
    text-decoration:none;
}

#content-right-col .sitemap ul li a {
    text-decoration:none;
    color:#7b8b9d;
}

#content-right-col .sitemap ul li a:hover {
    text-decoration:underline;
}

 hr {
    margin:20px 0 7px 0;
    border: none 0;
    border-top: 1px dotted #000;/*the border*/
    width: 100%;
    height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

#flashDiv {
    margin:20px 0 20px 0;
}

/**FORMS**/
#formLayout {
    border-top: 1px dotted #000;
    margin-top:15px;
    padding-top:20px;
    font-size:12px;
}

#formLayoutchild {
    font-size:12px;
}

#formLayoutchild2 {
    font-size:12px;
}

.question {
    margin-bottom:38px;
    width:100%
}


.answer {

}

.submit {
    float:right;
    padding:20px 30px 0 0;
    margin-bottom:30px;
}

.cr {
    
}

.copyright {
    float:left;
    width:300px;
    margin-top:15px;
}

.asthma-action {
    float:right;
    width:133px;
    height:90px;
    padding-right:10px;
}

#formLayout label {
    width:16%;
    margin-right:2px;
    margin-top:12px;
    float:left;
}

#formLayoutchild label {
    width:110px;
    margin-right:2px;
    margin-top:12px;
    float:left;
}

#formLayoutchild2 label {
    width:14%;
    margin-right:1px;
    margin-top:12px;
    float:left;
}

#formLayoutchild label img {
    padding-bottom:4px;
}

.wrappable {
    white-space:normal;
}

.disabled {
    color:#ccc;
}

.act-confirm {
    color:#0083b7;
}


.time {
    font-size:9px;
}

.h4-smalltext {
    color: #718399;
    font-size:9px;
}

.black {
    color:#000;
}