/* CSS Document */

* + html #div { /* Stuff*/ }  /* for IE 7 */

body { margin: 0; padding: 0; font-family: Arial, Helvetica, Verdana sans-serif; font-size: 12px; color: #666666; }


/* Text */
h1 { font-size: 26px; color: #e31016; margin: 0 0 16px 0; font-weight: normal; line-height: 26px; }
h1.home { font-size: 40px; color: #FFFFFF; margin: 0 0 18px 0; }
h2 { font-size: 20px; color: #000000; margin: 0; font-weight: normal; uppercase; line-height: 20px; }
h2.purple { color: #4f0032; }
h2.pageheader { margin-top: 30px; }
h2.featurestory { margin: 0; padding: 0; font-size:20px; margin:0 0 0 10px; float:left; cursor:pointer;}
h3 { font-size: 20px; color: #181411; margin: 0; font-weight: normal; line-height: 20px; }
h4 { font-size: 14px; color: #333333; margin: 0; font-weight: normal; line-height: 14px; }
h5 { font-size: 22px; color: #181411; margin: 0; font-weight: normal; line-height: 22px; }
h5.tour { margin: 0 0 10px 0px; }
h6 { font-size: 16px; color: #FFFFFF; margin: 0; font-weight: normal; line-height: 18px; }
p { margin: 7px 0 10px 0; line-height: 16px; }
p.header { color: #4f0032; }

/* Links */
a { margin: 0; padding: 0; color: #e31016; text-decoration: none; }
a:hover { color: #655e59; }
a.link_with_arrow_on_green { margin: 0; padding:0 0 0 12px; line-height: 18px; background: transparent url(/images/library_arrow_on_green.gif) no-repeat left center; }
a.link_with_arrow_on_white { margin: 0 0 10px 0; padding:0 0 0 12px; line-height: 18px; background: transparent url(/images/library_arrow_on_white.gif) no-repeat left center; }
a.link_with_arrow_on_light_green { margin: 0 0 0 19px; padding:0 0 0 12px; line-height: 18px; background: transparent url(/images/arrow_green_on_light_green.gif) no-repeat left center; }

/* Images */
img { margin: 0; padding: 0; border:none; }

/* Tables */
table { margin: 0; padding: 0; border-collapse: collapse; }
td { margin: 0; padding: 0; border-collapse: collapse; }


/* Clear */
.clear { clear: both; margin: 0; padding: 0; height: 0px; font-size: 0px; line-height: 0px; }

/* HR */
hr { padding: 0; border-bottom: 1px solid #c3cf21; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;  }

/* Main Container */
#main_container { margin: 0 auto; padding-top: 0; width: 984px; background-image:url(/images/background.gif); }

/* Diabetes WA Links Header */
#diabetes_wa_links_header { margin: 0 auto; width: 950px; background: transparent url(/images/logo_did_top.gif) no-repeat bottom left; }
#diabetes_wa_links_header_links { float: right; margin: 0; font-size: 11px; color: #999999; line-height: 25px; }
#diabetes_wa_links_header_links a { color: #666666; }
#diabetes_wa_links_header_links a:hover { color: #999999; }

/* Masthead */
#masthead { margin: 0 auto; width: 950px; height: 108px; background: #cec3b9; background-image:url(/images/background_masthead.gif); }
#masthead img.dwa { float: left; display: inline; margin: 34px 0 0 487px; }
#masthead img.did { float: left; display: inline; margin: 0 0 0 10px; }

/* Secondary Navigation */
#secondary_nav_container { margin: 0 auto; width: 950px; height: 35px; font-size: 11px; background: #9a8c7d url(/images/background_second_nav.gif); }
#secondary_nav_container ul { float: left; display: inline; list-style:none; margin: 0 0 0 18px; padding: 0; }
#secondary_nav_container ul.search { list-style:none; margin: 0 0 0 10px; padding: 0; }
#secondary_nav_container li { display: inline; margin: 0; padding: 0 18px 0 0; background: transparent url(/images/secondary_nav_pipe.gif) no-repeat right center; }
#secondary_nav_container li.end { background: 0; }
#secondary_nav_container li.search { padding: 0; background: 0; }
#secondary_nav_container a { color: #FFFFFF; line-height: 35px; }
#secondary_nav_container a.selected { color: #8e1c1d; }
#secondary_nav_container a:hover { color: #8e1c1d; }

/* Site Search/Seconday Navigation Search */
#secondary_nav_container table { float: right; margin: 0; padding: 0; width: 420px; height: 35px; }
#secondary_nav_container form { margin: 0; padding: 0; }
#secondary_nav_container input { margin: 0; width: 173px; height: 17px; font-family: Arial, Helvetica, Verdana sans-serif; font-size: 11px; line-height: 17px; color: #403e35; border: 0; }
#secondary_nav_container input.img { margin: 0; padding: 0; width: 66px; height: 21px; border-width: 0px; }

/* Main Navigation */
#main_navigaiton_container { margin: 0 auto; width: 950px; height: 37px; background: #b32123; background-image:url(/images/background_main_nav.gif); }
#main_navigaiton_container img { margin: 0; padding: 0; border: 0; }

/* Homepage */
#homepage_flash_feature { float: left; display: inline; margin: 0 0 0 17px; width: 637px; height: 236px; overflow: hidden; color: #FFFFFF; }
#homepage_flash_feature_text { margin: 35px 0 0 20px; width: 295px; }

#homepage_tick_test { float: left; display: inline; margin: 0; width: 313px; height: 236px; overflow: hidden; color: #FFFFFF; background: #b22021 url(/images/home_tick_test_bg.jpg) no-repeat; }

#homepage_tour_and_links { float: left; display: inline; margin: 0 0 0 17px; width: 637px; height: 203px; overflow: hidden; color: #FFFFFF; background: #cec3b9 url(/images/home_tour_and_links_bg.jpg) no-repeat; }
#interactive_tour { float: left; display: inline; margin: 15px 0 0 15px; width: 365px; color: #000000; }
#interactive_tour img { float: left; display: inline; margin: 0; }
#interactive_tour img.button { margin: 0 0 0 10px; }
#interactive_tour p { float: left; display: inline; margin: 5px 0 10px 10px; width: 150px; } 

#quick_links { float: left; display: inline; margin: 15px 0 0 15px; width: 213px; color: #000000; }
#quick_links img { margin-bottom: 6px; }

#homepage_did_you_know { float: left; display: inline; margin: 0; width: 313px; height: 203px; overflow: hidden; color: #FFFFFF; background: #9e958d url(/images/home_did_you_know_bg.jpg) no-repeat; }
#homepage_did_you_know img { margin: 15px 0 0 28px; }

/* All Three Cols Content Container */
#all_three_col_container_3colpage { margin: 0 auto; width: 950px;  background-image:url(/images/background_3_col.gif); }
#all_three_col_container_2colpage { margin: 0 auto; width: 950px; }

/* Two Col Content Conatiner */
#two_col_content_container_3colpage { float: left; margin: 0; width: 644px; background-image:url(/images/background_3_col_content.gif);  background-repeat: no-repeat; }
#two_col_content_container_2colpage { float: left; margin: 0; width: 950px; background-image:url(/images/background_content.gif);  background-repeat: no-repeat; }

/* Col One */
#col_one { float: left; display: inline; font-size: 11px; margin: 128px 0 0 20px; width: 180px; overflow: hidden; }
#col_one ul { list-style: none; margin: 0; padding: 0; width: 180px;  }
#col_one li { margin: 0;  }
* html #col_one li { height: 1%; }  /* for IE 6 */
#col_one a { display: block; padding: 5px 0 5px 18px; background: transparent url(/images/side_nav_arrow_off.gif) no-repeat 0 2px; text-decoration: none; border-bottom: 1px solid #cac3bb; }
#col_one a:hover { display: block; color: #4d453e;  background: #e2deda url(/images/side_nav_arrow_on.gif) no-repeat 0 2px; }
#col_one a.selected { color: #4d453e; }
#col_one a.second_level { padding-left: 26px; background: transparent url(/images/side_nav_arrow_off.gif) no-repeat 10px 2px; }
#col_one a:hover.second_level { background: #e2deda url(/images/side_nav_arrow_on.gif) no-repeat 10px 2px; }
#col_one a.second_level_selected { color: #4d453e; padding-left: 26px; background: #e2deda url(/images/side_nav_arrow_on.gif) no-repeat 10px 2px; }
#col_one a:hover.second_level_selected { background: #e2deda url(/images/side_nav_arrow_on.gif) no-repeat 10px 2px; }

/* Col Two */
#col_two { float: left; display: inline; margin: 20px 0 0 20px; width: 400px; }
#col_two.twocolpage { float: left; display: inline; margin: 20px 0 0 20px; width: 920px; overflow: hidden; }
#col_two.nocol3 { float: left; display: inline; margin: 20px 0 0 20px; width: 720px; overflow: hidden; }
#col_two ul { list-style: none; margin: 7px 0 10px 5px; padding: 0;  }
#col_two li { margin: 0; padding: 3px 0 3px 12px; background: transparent url(/images/bullet_point.gif) no-repeat left 5px;  }
#col_two ul li { margin: 0; padding: 3px 0 3px 12px; background: transparent url(/images/bullet_point.gif) no-repeat left 5px;  }
#col_two ol li { margin: 0; padding: 3px 0 3px 0px; background:none;}
#col_two p.top_of_page { margin-top: 20px; font-size: 11px; }

#col_two_nochild { float: left; display: inline; margin: 20px 0 0 20px; width: 580px; }
#col_two_nochild ul { list-style: none; margin: 7px 0 10px 5px; padding: 0;  }
#col_two_nochild li { margin: 0; padding: 3px 0 3px 12px; background: transparent url(/images/bullet_point.gif) no-repeat left 5px;  }
#col_two_nochild ul li { margin: 0; padding: 3px 0 3px 12px; background: transparent url(/images/bullet_point.gif) no-repeat left 5px;  }
#col_two_nochild ol li { margin: 0; padding: 3px 0 3px 0px; background:none;}
#col_two_nochild p.top_of_page { margin-top: 20px; font-size: 11px; }



/* Breadcrumbs */
#breadcumbs { float: left; display: inline; margin: 2px 0 25px 0; font-size: 10px; color: #999999; }

/* Page Header */
#headercontainer { padding-bottom: 10px}
#sectionheader { margin-bottom:-5px}

/* Accessibility */
#accessibility { float: right; display: inline; margin: 0; font-size: 10px; color: #999999; }
* html #accessibility { margin:0 20px 0 0; }  /* for IE 6 */

/* Content Feature Image */


/* Col Three */
#col_three { float: left; display: inline; margin: 0; width: 306px; }
#col_three_article { width: 276px; margin-left: 15px; color: #181411; }
#col_three h3 { margin-top: 40px; }
#col_three p { color: #3c3733; }
#col_three_article_image { float: right; display: inline; width: 137px; margin: 7px 0 10px 5px; background: transparent url(/images/col_three_article_image_bg.gif) no-repeat 5px top; }
#col_three_article_image img { margin: 3px 3px 3px 8px;}

/* Step Membership Image Header */
#membership_image_header { overflow:auto; margin: 0; padding: 0; width: 720px; height: 55px; background: #c3cf21 url(/images/green_bg_with_butterflies.gif) no-repeat right top;  }

/* Footer */ 

#subscribefield { padding: 0px  0 2px 0 }
#subscribedropdown { padding: 0px  0 7px 0 }

/* Footer */
#footer { margin: 0 auto; width: 984px; }
#footer p { text-align: center; }
#footer a.equ { color: #666666; }
#footer a:hover.equ { color: #666600; }

/* Search */
.searchpath { margin: 2px 0 2px 0; font-size: 10px; color: #999999; }
.searchresultselected { font-weight: bold; color: #333333; background: #EBE7E3; }

/* Site Map*/

.sitemapleftcol { float:left; width:300px; padding-left:0px; }
.sitemapleftcol ul{margin: 0; padding: 0; list-style-type: none; height:1%; padding-bottom:30px; background:none;}
.sitemapleftcol li { margin-bottom: 0px; height:1%; background:none !important;}

.sitemaprightcol { float:left; width:300px; padding-left:10px;}
.sitemaprightcol ul{margin: 0; padding: 0; list-style-type: none; height:1%;  padding-bottom:30px; background:none;}
.sitemaprightcol li { margin-bottom: 0px; height:1%; background:none !important;}

.sitemapmain {}
.sitemapmain  a {display: block; padding-left:5px; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#E31016; background-color:#EBE7E3; }
.sitemapmain  a:link, .sitemapmain a:visited {text-decoration: none;}
.sitemapmain a:hover, .sitemapmain a:active {text-decoration: underline;}

.sitemapsub {padding-top:10px;}
.sitemapsub  a{font-family:Arial, Helvetica, sans-serif; font-size:13px;  color:#666666; padding-left: 15px;   }
.sitemapsub  a:link, .sitemapsub a:visited {text-decoration: none;}
.sitemapsub a:hover, .sitemapsub a:active {text-decoration: underline;}

.sitemapschild {}
.sitemapschild  a{ font-family:Arial, Helvetica, sans-serif; font-size:11px;  color:#666666; padding-left: 30px;}
.sitemapschild  a:link, .sitemapschild a:visited {text-decoration: none;}
.sitemapschild a:hover, .sitemapschild a:active {text-decoration: underline;}



/* End of Site Map*/

/* Search Result */
#library_search { float: left; display: inline;  font-size: 11px; margin: 0; width: 720px; background: #EBE7E3; }
#library_search form { margin: 0; padding: 0; }
#library_search input { margin: 0 10px 0 0; width: 173px; height: 17px; font-family: Arial, Helvetica, Verdana sans-serif; font-size: 11px; line-height: 17px; color: #403e35; border: 1px solid #ABADB3; }
#library_search input.img { margin: 0 10px 0 0; padding: 0; width: 66px; height: 21px; border-width: 0px; }
#library_search select { margin: 0 10px 0 0; width: 150px; font-family: Arial, Helvetica, Verdana sans-serif; font-size: 11px; line-height: 17px; color: #403e35; border: 1px solid #ABADB3; }
#library_search a { color: #666600; text-decoration:underline;}
#library_search a:hover { color: #820053; }
#library_search_green_box { height: 10px; width: 720px; margin: 1px 0 0 0 ; padding: 0; background: #c3cf21; }

#library_search_results { float: left; display: inline; margin: 10px 0 10px 10px; width: 700px; }
#library_search_results h4 { margin: 0; padding: 0; color: #333333; }
#library_search_results p { margin: 0; padding: 0; }
#library_search_results a.category { margin: 0; padding: 0; color: #000000; text-transform: uppercase; }
#library_search_results a.category:hover { color: #666600; }

/* News and Events hover link */
.newsitemtitle a:hover { color: #666600; text-decoration:underline; }
.newsitemlink a:hover { color: #666600; text-decoration:underline; }

/* global font size */
.fontsize12 { font-size:12px; }
.fontsize11 { font-size:11px; }
.fontsize10 { font-size:10px; }

#sharecontainer { padding: 0 10px 8px 15px; color: #820053; font-size:11px;}
#sharecontainer .text {  padding-top:1px; float:left;}
.bookmark { padding-left: 5px; padding-right:2px}

/* Table */
.content_table table { width: 400px; }
.content_table td { padding: 5px; border-bottom: 1px solid #c8c2ba; }
.content_table td.top { border-top: 1px solid #c8c2ba; }
.content_table th { text-align: left; padding: 5px; border-bottom: 1px solid #c8c2ba; border-top: 1px solid #c8c2ba;   }
.content_table tr.header { background: #f0edea;}