/* REMOVING UL LI OL 2-16-12 */
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, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
    font-size: 1em;
}
body {
	line-height: 1;
	color: #333333;
    background: transparent url(/assets/images/wrpr/body_bg.gif) repeat-x scroll 0 0;
    font-size: 62.5%;
    font-family: Arial,sans-serif;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clear{
    clear: both !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    width: 0 !important;
    float: none !important;
}

a {
    text-decoration: none;
}

#content_body a:hover, #header_links a:hover{
    text-decoration: underline;
}

/*Offscreen text headers*/
.offscreen_text{
    text-indent: -9999px;
}

/*Images to replace text on homepage*/
.welcome_to_planet_d{
    background: url(/assets/images/wrpr/welcome_to_planet_d.png) no-repeat scroll 0 0;
    height: 69px;       /* These both depend */
    width: 199px;       /* on the image size */
    margin-bottom: 12px;
}


/*Whole content page*/
#content, #footer{
    width: 963px;
    padding: 0 24px;
    margin:0 auto;
}

#content {
    background: transparent url(/assets/images/wrpr/body_shadow.png) repeat scroll 0 0;
    position: relative;
    font-size: 1.2em;
    padding-bottom: 40px;
}

a{
    color: #0080d1;
}

/* Inner area for interior pages */
.inner{
    margin: 0 32px 0 37px;
    float: left;
    width: 578px;
    display: inline; /*IE6 black magic - corrects double margin size on floats with a margin in the same direction*/
}

.inner h2{
    font-size: 1.5em;
    color: #67655b;
    margin-bottom: 15px;
    font-weight: bold;
}

.inner  p{
    line-height: 1.4em;
    margin-bottom: 10px;
}
.inner ul, .inner ol {
    list-style-position: inside;
    line-height: 1.4em;
}

strong{
    font-weight: bold;
} 

.border_area{
    background: url(/assets/images/wrpr/orange_border_tall.png) no-repeat scroll 0 0;
    height: 259px;     /* These are both based */
    width: 570px;       /* on the image */
    margin-bottom: 27px;
    margin-top: -256px;
    position: relative;
    z-index: 1000;
}




/* END Inner area for interior pages */


/*Planet D header */
#header a{
    text-decoration: none;
}
ul#header_links {
    list-style-type: none;
    text-align: right;
    float: right;
    width: 70%;
}

ul#header_links li.first {
    border: 0 none;
}

ul#header_links li {
    border-left: 1px solid #b4b4b4;
    display: inline;
    padding: 0 11px;
}

#header_top{
    margin: 0 37px 0 25px;
    padding: 7px 0 12px 0;
}

#header_top img{
    float: left;
    width: 25%;
}

#header_body{
    background: url(/assets/images/wrpr/header_banner.png) no-repeat scroll 0 0;
    margin: 0 0 0 -12px;
    height: 165px;      /* These both depend */
    width: 985px;       /* on the image size */
    position: relative;
}

#header_body .planet_d{
    background: url(/assets/images/wrpr/planet_d_logo.png) no-repeat scroll 0 0;
    height: 108px;      /* These both depend */
    width: 227px;       /* on the image size */
    position: absolute;
    top: 24px;
    left: 33px;
}

#header_search{
    position: absolute;
    top: -12px;
    right: 36px;
    background: url(/assets/images/wrpr/search_box_bg.png) no-repeat scroll 0 0;
    height: 47px;       /* These both depend */
    width: 317px;       /* on the image size */
}

#header_search div {    /* This is the actual area with the text box and button*/
    margin:11px 0px 10px 11px;
}

#header_search .button{
    background: #f19500;
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    border: none;
    font-size: 1.17em;
    width: auto;
    overflow: visible;
    padding: 4px 5px;
    cursor: pointer;
}

#header_search a:hover .button{
    background: #c47c08;
}

#header_search .text{
    border: none;
    margin-right: 5px;
    padding: 5px 0;
    width: 205px;
}

#header_navigation{
    height: 62px;       /* These both depend */
    width: 638px;       /* on the sprite size used for #header_navigation ul li a */
    position: absolute;
    bottom: 15px;
    right: 0px;
    overflow: hidden;
}

#header_navigation ul {
    list-style-type: none;
    text-align: right;
}

#header_navigation ul li{
    display: inline;
    margin:0 0 0 -4px;
}

#header_navigation ul li a{
    height: 62px;
    display: inline-block;  
}

#header_navigation ul li a span{
position:absolute;
top:-9999px;
}
/* The following background position numbers are based on adding the widths */
#header_navigation ul li.new_to_diabetes a{
    background: url(/assets/images/wrpr/sub_nav_w_selected.png) no-repeat scroll left top;
    width: 142px;
}
#header_navigation ul li.d-fine_it a{
    background: url(/assets/images/wrpr/sub_nav_w_selected.png) no-repeat scroll -142px top;
    width: 79px;
}
#header_navigation ul li.d-people a{
    background: url(/assets/images/wrpr/sub_nav_w_selected.png) no-repeat scroll -221px top;
    width: 79px;
}
#header_navigation ul li.message_board a{
    background: url(/assets/images/wrpr/sub_nav_w_selected.png) no-repeat scroll -300px top;
    width: 126px;
}
#header_navigation ul li.national_youth_advocate a{
    background: url(/assets/images/wrpr/sub_nav_w_selected.png) no-repeat scroll -426px top;
    width: 212px;
}


#header_navigation ul li.new_to_diabetes a:hover{
    background-position: left -62px;
}
#header_navigation ul li.new_to_diabetes a.selected{
    background-position: left -124px;
}
#header_navigation ul li.d-fine_it a:hover{
    background-position: -142px -62px;
}
#header_navigation ul li.d-fine_it a.selected{
    background-position: -142px -124px;
}
#header_navigation ul li.d-people a:hover{
    background-position: -221px -62px;
}
#header_navigation ul li.d-people a.selected{
    background-position: -221px -124px;
}
#header_navigation ul li.message_board a:hover{
    background-position: -300px -62px;
}
#header_navigation ul li.message_board a.selected{
    background-position: -300px -124px;
}
#header_navigation ul li.national_youth_advocate a:hover{
    background-position: -426px -62px;
}
#header_navigation ul li.national_youth_advocate a.selected{
    background-position: -426px -124px;
}
/* END Planet D header */

/* Sub nav area*/
#sub_nav{
    text-align: center;
    background: url(/assets/images/wrpr/sub_nav_bg.png) no-repeat scroll 0 0;
    height: 47px;       /* These both depend */
    width: 963px;       /* on the image size */
    margin: -22px 0 25px 0;
}

#sub_nav ul{
    list-style-type: none;
    padding-top: 16px;
}

#sub_nav ul li{
    display: inline;
}

#sub_nav ul li a{
    display: inline-block;
    margin-left: 12px;
    position: relative;     /* The clickable area is halfway */
    z-index: 1;             /* covered if we don't do this   */
}

#sub_nav ul li a span{
position:absolute;
top:-9999px;
}

#sub_nav ul li.all_about_diabetes a{
    background: url(/assets/images/wrpr/all_about_diabetes.png) no-repeat scroll left top;
    height: 13px;       /* These both depend */
    width: 145px;       /* on the image size */
}

#sub_nav ul li.my_ada a{
    background: url(/assets/images/wrpr/my_ada.png) no-repeat scroll left top;
    height: 13px;       /* These both depend */
    width: 67px;        /* on the image size */
}

#sub_nav ul li.faqs a{
    background: url(/assets/images/wrpr/faqs.png) no-repeat scroll left top;
    height: 14px;       /* These both depend */
    width: 34px;        /* on the image size */
}
/* END Sub nav area*/

/* Planet D footer */
#footer{
    background: url(/assets/images/wrpr/footer_shadow.png) no-repeat scroll 0 bottom;
    height: 86px;   /* This depends on the image height*/
}

#footer_body{
    background: url(/assets/images/wrpr/footer_banner.png) no-repeat scroll 0 0;
    margin: 0 0 0 -9px;
    height: 61px;       /* These both depend */
    width: 979px;       /* on the image size */
    color: #265f23;
    font-size: 1.1em;
    line-height: 55px;
}

#footer_body p{
    float: left;
    width: 25%;
    margin-left: 36px;
    display: inline; /*IE6 black magic - corrects double margin size on floats with a margin in the same direction*/
}

#footer_body ul{
    float: right;
    text-align: right;
    margin-right: 28px;
    display: inline; /*IE6 black magic - corrects double margin size on floats with a margin in the same direction*/
    list-style-type: none;
}

ul#footer_links li.first {
    border: 0 none;
}

ul#footer_links li {
    border-left: 1px solid #265f23;
    display: inline;
    padding: 0 6px 0 8px;
}

ul#footer_links li a{
    color: #265F23;
    text-decoration: none;
}
/* END Planet D footer */

/* Banner with image on the right */
.banner{
    font-size: 1.17em;
    background: url(/assets/images/wrpr/banner_green_border.png) no-repeat scroll right 0;
    height: 251px; /* This is based on the image for the border */
    margin: 0 25px 20px 37px;
}

div[class='banner']{ /* IE6 can't read this but treats height as min-height so everything behaves the same*/
    height: auto;
    min-height: 251px; /* This is identical to the height declared in .banner */
}

.banner a{
    font-size: 1.2em;
}

.banner p{
    margin-bottom: 10px;
    line-height:1.3em;
}

.banner img{
    background: white; /* This should be the color behind the banner text*/
    float: right;
    margin:10px 13px 0 0;
    padding-left: 41px; /* This is the width of the image border on the
                        banner - the width of the img - the right margin of this img */
}

.banner div{
    padding-top: 44px;
}
/* END Banner with image on the right */

/* Three column layout */
.three_col{
    margin-bottom: 48px;
}

.three_col .subsection{
    background: #f8ede7;
    float: left;
    width: 270px;
    margin-left: 37px;
    display: inline; /*IE6 black magic - corrects double margin size on floats with a margin in the same direction*/
    padding-bottom: 17px;
}

.three_col div.first{
    background: #f8ede7;
}

/* The second just takes the default color from subsection
.three_col div.second{}
*/

.three_col div.third{
    background: #f1edf6;
}

.three_col .subsection p, .three_col .subsection a{
    margin:20px;
    line-height: 1.5em;
}

.three_col .subsection a, .right_rail .subsection a{
    background: url(/assets/images/wrpr/blue_arrow.png) no-repeat scroll right 3px;
    padding-right: 10px;
}

.three_col .new_to_diabetes{
    background: url(/assets/images/wrpr/new_to_diabetes_banner.png) no-repeat scroll 0 0;
    height: 77px;       /* These both depend */
    width: 286px;       /* on the image size */
    margin:-5px 0 -14px -12px;
}

.three_col .d-people{
    background: url(/assets/images/wrpr/d-people_banner.png) no-repeat scroll 0 0;
    height: 77px;       /* These both depend */
    width: 286px;       /* on the image size */
    margin:-5px 0 -14px -12px;
}

.three_col .message_boards{
    background: url(/assets/images/wrpr/message_boards_banner.png) no-repeat scroll 0 0;
    height: 77px;       /* These both depend */
    width: 286px;       /* on the image size */
    margin:-5px 0 -14px -12px;
}
/* END Three column layout */

/* Blue three column banner on homepage */
.three_col_banner{
    background: url(/assets/images/wrpr/three_col_banner.png) no-repeat scroll 0 0;
    height: 197px;      /* These both depend */
    width: 904px;       /* on the image size */
    margin-left: 37px;
}

.three_col_banner .subsection{
    float: left;
    color: #FFFFFF;
    margin-top: 25px;
    display: inline; /*IE6 black magic - corrects double margin size on floats with a margin in the same direction*/
}

.three_col_banner .subsection .offscreen_text{
    margin-bottom: 15px
}

.three_col_banner .subsection p{
    line-height: 1.3em;
    margin: 0 0 5px;
}

.three_col_banner .subsection a{
    color: #ffe87d;
    background: url(/assets/images/wrpr/yellow_arrow.png) no-repeat scroll right 4px;
    padding-right: 10px;
}

.three_col_banner .subsection ul a{
    padding: 0;
    background: none;
}

.three_col_banner .subsection ul{
    list-style-type: none;
}

.three_col_banner .subsection ul li{
    padding: 5px 0;
}

.three_col_banner .first{
    margin-left:32px;
    width: 266px;
}

.three_col_banner .second{
    margin-left:37px;
    width: 320px;
}

.three_col_banner .last{
    margin-left: 62px;
    width: 154px;
}

.three_col_banner .d-fine_it{
    background: url(/assets/images/wrpr/d-fine_it.png) no-repeat scroll 0 0;
    height: 18px;       /* These both depend */
    width: 83px;        /* on the image size */
}

.three_col_banner .national_youth_advocate{
    background: url(/assets/images/wrpr/national_youth_advocate.png) no-repeat scroll 0 0;
    height: 18px;       /* These both depend */
    width: 262px;       /* on the image size */
}

.three_col_banner .more_from_ada{
    background: url(/assets/images/wrpr/more_from_ada.png) no-repeat scroll 0 0;
    height: 19px;       /* These both depend */
    width: 154px;       /* on the image size */
}
/* END Blue three column banner on homepage */

/* Right rail on interior pages */
.right_rail{
    display: inline; /*IE6 black magic - corrects double margin size on floats with a margin in the same direction*/
    float: right;
    margin-right: 32px;
    width: 284px;
}

.right_rail .subsection{
    background: #fff3e5;
    padding-bottom: 27px;
}

.right_rail .subsection div.image_container{
    float: left;
    width: 85px;
    margin: 20px 10px 0 15px;
    display: inline; /*IE6 black magic - corrects double margin size on floats with a margin in the same direction*/
}

.right_rail .subsection div.text_container{
    float: left;
    margin-right: 10px;
    margin-top: 20px;
    width: 163px;
    display: inline;
}

.right_rail .subsection img{

}

.right_rail .subsection p{
    line-height: 18px;
    margin-bottom: 10px;
}

.right_rail .subsection a{
    /* More within the three_col layout */
}

.right_rail .end_right_rail{
    background: url(/assets/images/wrpr/right_rail_bottom.png) no-repeat scroll 0 0;
    height: 22px;       /* These both depend */
    width: 284px;       /* on the image size */
}

.right_rail .find_a_camp_near_you{
    background: url(/assets/images/wrpr/find_a_camp_right_rail.png) no-repeat scroll 0 0;
    height: 63px;       /* These both depend */
    width: 302px;       /* on the image size */
    margin: 0 0 -14px -12px;
}
.right_rail .kids_like_you{
    background: url(/assets/images/wrpr/kids_like_you_right_rail.png) no-repeat scroll 0 0;
    height: 63px;       /* These both depend */
    width: 302px;       /* on the image size */
    margin: 0 0 -14px -12px;
}

.right_rail .message_boards{
    background: url(/assets/images/wrpr/message_boards_right_rail.png) no-repeat scroll 0 0;
    height: 63px;       /* These both depend */
    width: 302px;       /* on the image size */
    margin: 0 0 -14px -12px;
}
/* Right rail on interior pages */

/* Text replacement on titles */
h1.new_to_diabetes{
    background: url(/assets/images/wrpr/new_to_diabetes_title.png) no-repeat scroll 0 0;
    height: 23px;       /* These both depend */
    width: 191px;        /* on the image size */
    margin: 0 0 20px;
}
h1.new_to_diabetes{
    background: url(/assets/images/wrpr/new_to_diabetes_title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 191px; /* on the image size */
    margin: 0 0 20px;
}
h1.lets_d-fine_it{
    background: url(/assets/images/wrpr/d_fine_it_title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 98px; /* on the image size */
    margin: 0 0 20px;
}
h1.d-people{
    background: url(/assets/images/wrpr/d_people_title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 99px; /* on the image size */
    margin: 0 0 20px;
}
h1.message_board{
    background: url(/assets/images/wrpr/message_board_title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 185px; /* on the image size */
    margin: 0 0 20px;
}
h1.national_youth_advocate{
    background: url(/assets/images/wrpr/national_youth_advocate_title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 317px; /* on the image size */
    margin: 0 0 20px;
}
h1.my_ada{
    background: url(/assets/images/wrpr/my-ada-title-1.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 112px; /* on the image size */
    margin: 0 0 20px;
}
h1.celebrations{
    background: url(/assets/images/wrpr/celebrations-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.healthy_eating{
    background: url(/assets/images/wrpr/healthy-eating-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.hyperglycemia{
    background: url(/assets/images/wrpr/hyperglycemia-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.hypoglycemia{
    background: url(/assets/images/wrpr/hypoglycemia-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.insulin{
    background: url(/assets/images/wrpr/insulin-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.ketoacidosis{
    background: url(/assets/images/wrpr/ketoacidosis-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.meet_your_d-team{
    background: url(/assets/images/wrpr/meet-your-d-team-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.sick_days{
    background: url(/assets/images/wrpr/sick-days-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.connor_broyles{
    background: url(/assets/images/wrpr/connor-broyles-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.d_people_main{
    background: url(/assets/images/wrpr/d-people-main-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.elliot_yamin{
    background: url(/assets/images/wrpr/elliot-yamin-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.hunter_sego{
    background: url(/assets/images/wrpr/hunter-sego-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.hunter_souders{
    background: url(/assets/images/wrpr/hunter-souders-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.i_remember{
    background: url(/assets/images/wrpr/i-remember-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.julianne_luick{
    background: url(/assets/images/wrpr/julianne-luick-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.nikki_lang{
    background: url(/assets/images/wrpr/nikki-lang-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.noah_moore{
    background: url(/assets/images/wrpr/noah-moore-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}
h1.ollie_the_dog{
    background: url(/assets/images/wrpr/ollie-the-dog-title.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
} 
h1.amy_johnson{
    background: url(/assets/images/wrpr/amy_johnson.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
} 
h1.the_gordon_twins{
    background: url(/assets/images/wrpr/the_gordon_twins.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
} 
h1.team_triple_a{
    background: url(/assets/images/wrpr/team_triple_a.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
} 
h1.knotshots{
    background: url(/assets/images/wrpr/knotshots.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
} 
h1.madi_dodge{
    background: url(/assets/images/wrpr/madi_dodge.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
} 
h1.LundynDavis{
    background: url(/assets/images/wrpr/LundynDavis.png) no-repeat scroll 0 0;
    height: 23px; /* These both depend */
    width: 280px; /* on the image size */
    margin: 0 0 20px;
}