/* 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: #820053; margin: 0 0 16px 0; font-weight: normal; text-transform: uppercase; line-height: 26px; }
h2 { font-size: 20px; color: #c3cf21; margin: 0; font-weight: normal; text-transform: uppercase; line-height: 20px; }
h2.purple { color: #4f0032; }
h2.pageheader { margin-top: 30px; }
h3 { font-size: 20px; color: #820053; margin: 0; font-weight: normal; line-height: 20px; }
h4 { font-size: 14px; color: #4f0032; margin: 0; font-weight: normal; line-height: 14px; }
h5 { font-size: 18px; color: #4f0032; margin: 0; font-weight: normal; line-height: 18px; }
h6 { font-size: 18px; color: #4f0032; 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: #820053; text-decoration: none; }
a:hover { color: #666600; }
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; }


/* 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; width: 984px; background-image:url(/images/background.gif); }

/* Diabetes WA Links Header */
#diabetes_wa_links_header { margin: 0 auto; width: 950px; }
#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: #c3cf21; background-image:url(/images/background_masthead.gif); }
#masthead img { margin: 11px 0 0 22px; }

/* Secondary Navigation */
#secondary_nav_container { margin: 0 auto; width: 950px; height: 35px; font-size: 11px; background: #dee395; background-image: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: #666600; line-height: 35px; }
#secondary_nav_container a.selected { color: #820053; }
#secondary_nav_container a:hover { color: #820053; }

/* 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: 1px solid #c7cd7b; }
#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: #820053; background-image:url(/images/background_main_nav.gif); }
#main_navigaiton_container img { margin: 0; padding: 0; border: 0; }

/* 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_2_col_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 16px; background: transparent url(/images/side_nav_arrow_off.gif) no-repeat 0 2px; text-decoration: none; border-bottom: 1px solid #dee395; }
#col_one a:hover { display: block; color: #4f0032;  background: #dee395 url(/images/side_nav_arrow_on.gif) no-repeat 0 2px; }
#col_one a.selected { color: #4f0032; background-color:#F0F2CE;}
#col_one a.selected:hover { color: #4f0032; background-color:#F0F2CE; background: #F0F2CE url(/images/side_nav_arrow_off.gif) no-repeat 0 2px;}
#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: #dee395 url(/images/side_nav_arrow_on.gif) no-repeat 10px 2px; }
#col_one a.second_level_selected { color: #4f0032; padding-left: 26px; background: #F0F2CE url(/images/side_nav_arrow_off.gif) no-repeat 10px 2px; }
#col_one a:hover.second_level_selected { background: #F0F2CE url(/images/side_nav_arrow_off.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: 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; }

/* 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: #4f0032; }
#col_three h3 { margin-top: 40px; }
#col_three p { color: #4f0032; }
#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: #c3cf21; }

/* 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:15px; color:#820053; background-color:#DEE395; font-weight: bold;}
.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*/

/* 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}