body {
font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
width:1124px;
margin-left: auto !important;
margin-right: auto !important;
}

#content {
clear: both;
width: 1124px;
}
#drcontent {
width: 780px;
clear: none;
float: left;
}
#drheader {
width: 780px;
clear: both;
float: left;
}
#drcontentbox {
width: 734px;
clear: both;
float: left;
padding-left: 28px;
padding-top: 20px;
}

#dr-contentbox-top {
background:url(images/contet_border_top.png) top left no-repeat;
width: 734px;
height: 39px;
clear: both;
float: left;
}
#dr-contentbox-wrapper-one {
background:url(images/content_border_repeat.gif) top left repeat-y;
clear: both;
float: left;
}
#dr-contentbox-wrapper-two {
background: url(images/content_border_top2.gif) top left no-repeat;
clear: both;
float: left;
}
#dr-contentbox-wrapper-three {
width: 681px;
padding: 0 26px 0 27px;
background: url(images/content_border_bottom2.gif) bottom left no-repeat;
clear: both;
float: left;

  min-height:450px;
  height:auto !important;
  height:450px;

}
#dr-contentbox-bottom {
background:url(images/content_border_bottom.png) top left no-repeat;
width: 734px;
height: 34px;
clear: both;
float: left;
}



/*** CONTENT AREA HAS 681px wide available width ***/
.flushsides {
padding: 33px 0;
}
.flushsides2 {
padding: 20px 0;
}

.flushsides-padbottom {
padding-bottom: 33px;
}

.textblock {
padding: 20px;
}
.textblock2 {
padding: 20px 20px 0 20px;
}

.button {
padding: 30px 0;
text-align: center;
}


/******** PAGE SPECIFIC ************/
/** music page **/
.music-item {
width: 179px;
display: block;
float: left;
padding: 0 0 20px 22px;
}
#music .inside-content-side {
width: 255px;
float: left;
}
#music .inside-content-main {
text-align: center;
width: 426px;
float: left;
}
.lyricsblock {
float:left;
width: 321px;
padding: 0 20px 20px 20px;
}
.videoblock {
float: left;
width: 280px;
padding: 0 20px 20px 20px;
}
/** activities page **/
#activities .inside-content-side {
width: 186px;
float: left;
}
#activities .inside-content-main {
width: 495px;
text-align:center;
float: left;
}
#activities .item {
width: 165px;
float: left;
text-align: center;
padding-bottom: 20px;
}
#activitiesbacklink {
float: right;
}

/** ecards page **/
#ecards .inside-content-side {
width: 186px;
float: left;
}
#ecards .inside-content-main {
width: 495px;
text-align:center;
float: left;
}
#ecards .item {
width: 247px;
float: left;
text-align: center;
padding-bottom: 20px;
}
#ecards #ecardflashbox {
clear: both;
width: 430px;
height: 220px;
padding: 0 20px 0 0;
float: left;
}
#ecards #ecardformfields {
width: 191px;
float: left;
}
#ecards #ecardformfields input {
width: 191px;
}

#ecards #ecardformmessagefield {
clear: both;
padding-top: 10px;
}
#ecards #ecardformmessagefield textarea {
width: 400px;
height: 100px;
}
#ecards #ecardflashbox-pickup {
/*background:url(../media/ecards/ecard_bkg.gif) top left repeat-x;*/
padding: 0px 35px;
width: 550px;
height: 281px;
}

/** email a ranger page **/
#emailus #drcontentbox .item {
float: left;
}
#emailus #drcontentbox input {
width: 191px;
}
#emailus #drcontentbox textarea {
width: 400px;
height: 100px;
}

/** join page **/
#join table.checkboxes td.box {
padding-left: 162px;
}
#join table.checkboxes{
font-size:11px !important;	
}
#join table td {
padding: 5px;
}
#join table td.label {
text-align: right;
font-weight: bold;
width: 180px !important;
font-size:11px;
}
#join input.txtfld {
width: 170px;
}
#join .button {
text-align: left;
padding-left: 150px;
}

/** resources & grown ups page **/
#drsubnav {
clear: both;
float: left;
width: 135px;
padding: 40px 0 350px 20px;
background:url(images/danger_rangers_sidebar_1.png) bottom center no-repeat;
}
#grownups #drsubnav {
background:url(images/danger_rangers_sidebar_2.png) bottom center no-repeat;
}
#drcontent #drsubnav ul {
list-style: none;
margin: 0;
padding: 0;
}
#drcontent #drsubnav li {
padding: 0 0 20px 0;
margin: 0;
}
#drsubnav li a {
display: block;
width: 118px;
height: 15px;
}
#drsubnav #resources-home a {
background:url(images/resources_home_nav.png) top left no-repeat;
}
#drsubnav #resources-parent a {
background: url(images/resources_parent_nav.png) top left no-repeat;
}
#drsubnav #resources-educator a {
background: url(images/resources_educator_nav.png) top left no-repeat;
}
#drsubnav #grownups-home a {
background: url(images/grownups_home_nav.png) top left no-repeat;
}
#drsubnav #grownups-merchandise a {
background: url(images/grownups_merchandise_nav.png) top left no-repeat;
}
#drsubnav li a span {
margin: 0 0 0 -1000000px;
}

#dr-contentbox-wrapper-outside {
width:621px;
border: 2px solid #000;
float: left;
}
#dr-contentbox-wrapper-inside {
background-color: #FFED81;
border-top: 6px solid #f68a1e;
}


.halfboxes-wrapper-one {
width: 581px;
background: url(images/resources_halfbox_top.gif) bottom left no-repeat;
padding-bottom: 7px;
}
.halfboxes-wrapper-two {
width: 581px;
background: url(images/resources_halfbox_top.gif) top left no-repeat;
padding-top: 7px;
}
.halfboxes-wrapper-three {
width: 581px;
background: url(images/resources_halfbox_fill.gif) top left repeat-y;
}

.halfboxes-wrapper-one_single {
width: 269px;
padding-left: 155px;
}
.halfboxes-wrapper-two_single {
width: 269px;
background: url(images/resources_halfbox_top.gif) top left no-repeat;
padding-top: 7px;
}
.halfboxes-wrapper-three_single {
width: 269px;
background: url(images/resources_halfbox_fill.gif) top left repeat-y;
}

.halfbox {
width: 267px;
padding: 10px;
float: left;
}
.halfbox.left {
margin-right: 7px;
}

.halfbox_single {
width: 267px;
padding: 10px;
background color: #f68a1e;
}


#merchandiseblock {
width:578px;
margin: 0 auto 20px auto;
}
#merchandiseblock img {
float: left;
}

#parentresources a {
display:block;
width: 267px;
height: 18px;
background:url(images/resources-parentresources-headline.gif) top left no-repeat;
padding-bottom: 10px;
}
#educatorresources a {
display:block;
width: 267px;
height: 18px;
background:url(images/resources-educatoresources-headline.gif) top left no-repeat;
padding-bottom: 10px;
}
.halfbox h1 span {
margin: 0 0 0 -100000px;
}
#educatorresoureces-art,
#parentresoureces-art {
display: block;
width:277px;
height:190px;
}
#parentresoureces-art {
background: url(images/resources-parentresources-art.jpg) top left no-repeat;
}
#educatorresoureces-art {
background:url(images/resources-educatorresources-art.jpg) top left no-repeat;
}


/** EDUCATOR resources page **/
.resources-educator-box {
width: 581px;
background: #FFCC33 url(images/resedu_curricBtm.gif) bottom left no-repeat;
padding-bottom: 20px;
margin-bottom: 20px;
}
.resources-educator-box h1 {
display: block;
width: 581px;
height: 38px;
margin: 0;
padding: 0;
}
#fire-headline {
background:url(images/resedu_firetitle.gif) top left no-repeat;
}
#poison-headline {
background:url(images/resedu_poisontitle.gif) top left no-repeat;
}
#water-headline {
background:url(images/resedu_watertitle.gif) top left no-repeat;
}
#wheels-headline {
background:url(images/resedu_wheelstitle.gif) top left no-repeat;
}
#water-headline span,
#wheels-headline span,
#poison-headline span,
#fire-headline span {
margin: 0 0 0 -100000px;
}

.productphoto {
float: left;
}
.multiple-downloadbox-wrapper {
display: block;
float: left;
width: 429px;
}
.resources-educator-downloadbox-wrapper {
width: 429px;
background:url(images/resedu_itemBtm.gif) bottom left no-repeat;
padding-bottom: 6px;
float: left;
margin: 10px 0;
}
.resources-educator-downloadbox {
width: 409px;
background: #FFED81 url(images/resedu_itemTop.gif) top left no-repeat;
padding: 10px 10px 0 10px;
}
.boxtext {
width: 327px;
float: left;
}

.downloadbutton {
float: left;
width: 82px;
}


/*** kids safety page **/
#kidsafety #dr-contentbox-wrapper-outside .columns3 h1 {
font-size: 12px;
background-color:#ffd782;
padding: 8px;
display: block;
margin-bottom: 8px;
margin-top: 20px;
line-height: 12px;
}
#kidsafety #dr-contentbox-wrapper-outside {
width:756px;
border: 2px solid #000;
float: left;
margin-left: 20px;
display: inline;
}
.columns3 {
width: 232px;
float: left;
padding: 0 0 20px 10px;
}
.first {
padding: 0;
}


#safetytopicsbacklink {
float: right;
}

.infocolumn {
width: 482px;
margin-right: 10px;
float: left;
display: block;
padding-bottom: 16px;

	min-height:186px;
  height:auto !important;
  height:186px;

}
.bluebox {
background:#93dfff url(images/safetytopic_bottom_blue.gif) bottom left no-repeat;
}
.orangebox {
background: #ffc541 url(images/safetytopic_bottom_orange.gif) bottom left no-repeat;
}
#kidsafety .infocolumn h1 {
display: block;
padding: 7px 7px 7px 93px;

min-height:26px;
  height:auto !important;
  height:26px;

width: 389px;
font-size: 12px;
}
.infocolumn #aboutheadline {
background:url(images/safetytopic_headline_about.gif) top left no-repeat;
}
.infocolumn #tipsheadline {
background:url(images/safetytopic_headline_tips.gif) top left no-repeat;
}
.infocolumn #funheadline {
background:url(images/safetytopic_headline_funstuff.gif) top left no-repeat;
}
.infocolumn #resourcesheadline {
background: url(images/safetytopic_headline_resources.gif) top left no-repeat;
}
.infocolumn #productsheadline {
background: url(images/safetytopic_headline_products.gif) top left no-repeat;
}
.infocolumn p {
padding: 0 10px;
}

.quotebox {
width: 224px;
height: 202px;
float: left;
display:block;
}

#gabrielaquote {
background:url(images/topics_Gabriela.gif) top left no-repeat;
width: 192px;
height: 109px;
padding: 93px 16px 0 16px;
display: block;
float: left;
}
#burtquote,
#burblequote,
#fallbotquote {
background:url(images/topics_Fallbot.gif) top left no-repeat;
width: 192px;
height: 104px;
padding: 20px 16px 78px 16px;
}
#burblequote {
background: url(images/topics_Burble.gif) top left no-repeat;
}
#burtquote {
background: url(images/topics_Burt.gif) top left no-repeat;
}

.funrow,
.tipsrow {
padding: 10px 10px 10px 60px;
background: url(images/topicsDR-icon.gif) 12px 10px no-repeat;
  min-height:29px;
  height:auto !important;
  height:29px;
}
.funrow {
padding-left: 75px;
}
.orangebox .alt {
background-color: #ffbd22;
}
.bluebox .alt {
background-color: #5fc7ff;
}

.gameicon {
background:url(images/topic-icon-game.gif) 12px 10px no-repeat;
}
.activityicon {
background:url(images/topic-icon-activity.gif) 12px 10px no-repeat;
}
.musicicon {
background: url(images/topic-icon-music.gif) 12px 10px no-repeat;
}
.videoicon {
background: url(images/topic-icon-video.gif) 12px 10px no-repeat;
}

/************* Meet us page***********/
#meetus #meetcharacter {
width: 300px;
height: 89px;
padding-top: 335px;
float: left;
background-color: #FAE153;
}
#meetus #meetcharacter.meetburble {
background:url(images/meet-burble.jpg) top left no-repeat;
}
#meetus #meetcharacter.meetsully {
background:url(images/meet-sully.jpg) top left no-repeat;
}
#meetus #meetcharacter.meetkitty {
background:url(images/meet-kitty.jpg) top left no-repeat;
}
#meetus #meetcharacter.meetsqueeky {
background: url(images/meet-squeeky.jpg) top left no-repeat;
}
#meetus #meetcharacter.meetgabby {
background:url(images/meet-gabby.jpg) top left no-repeat;
}
#meetus #meetcharacter.meetburt {
background: url(images/meet-burt.jpg) top left no-repeat;
}
#meetus #meetcharacter.meetfallbot {
background:url(images/meet-fallbot.jpg) top left no-repeat;
}

#meetus #meetcharacter ul,
#meetus #meetcharacter li {
margin: 0;
padding: 0;
list-style: none;
}
#meetus #meetcharacter li {
float: left;
}
#meetus #meetcharacter li#meetaudio a {
display: block;
width: 106px;
height: 89px;
float: left;
background:url(images/meet-us-audio.jpg) top left no-repeat;
}
#meetus #meetcharacter li#meetvideo a {
display: block;
width: 96px;
height: 89px;
float: left;
background:url(images/meet-us-video.jpg) top left no-repeat;
}
#meetus #meetcharacter li#meetinfo a {
display: block;
width: 98px;
height: 89px;
float: left;
background:url(images/meet-us-info.jpg) top left no-repeat;
}
#meetus #meetcharacter li#meetaudio a:hover,
#meetus #meetcharacter li#meetvideo a:hover,
#meetus #meetcharacter li#meetinfo a:hover {
background-position:bottom left;
}
#meetus #meetcharacter li a span {
margin: 0 0 0 -100000px;
}

#meetus #meetusflash {
width: 379px;
height: 383px;
float: left;
background-color: #FAE153;
padding-bottom: 41px;
}
#meetus .textblock p {
background-color: #FAE153;
padding: 0;
margin: 0;
}
#meetus .textblock {
background-color: #FAE153;
}

/****** contact us page ********/
#contactuspage #contactusform {
background:url(/media/grownups/grownups_content-sidegraphic_02.jpg) 450px -40px no-repeat;
}
#contactuspage #contactusform input {
width: 200px;
margin: 0;
padding: 0;
}





.row {
padding-bottom: 10px;
}

/******** UNIVERSAL ************/
#drcontent p {
padding-bottom: 10px;
}
#drcontent h1 {
font-size: 16px;
padding-bottom: 10px;
clear: both;
}
#drcontent h2 {
font-size: 14px;
padding-bottom: 10px;
clear: both;
}
.center {
text-align: center;
}

.error {
font-weight: bold;
color: red;
}
label.error {
clear: both;
display: inline;
}
#contactuspage label.error,
#join label.error,
#ecards label.error {
display: block;
}



#drcontent a {
color: #641AA2;
}
#drcontent a:hover {
color: #000;
}

#drcontent ol, #drcontent ul {
margin: 0 0 10px 25px;
}
#drcontent ol ul, #drcontent ul ol,
#drcontent ol ol, #drcontent ul ul {
margin: 0 0 0 25px;
}
#drcontent ol {
list-style: decimal;
}
#drcontent ul {
list-style: disc;
}

#drcontent li {
padding-bottom: 3px;
}

.align-right {
float: right;
}
.clear-right {
clear: right;
}


#drfooter {
clear: both;
width: 1124px;
float: left;
text-align: center;
font-size: 9px;
margin: 20px 0;
padding: 0 20px;
}
#drfooter a {
color: #000;
}
#drfooter li {
display: inline;
padding-right: 12px;
padding-left: 12px;
background:url(images/footernav_divider.gif) center right no-repeat;
}
#drfooter li.last {
background: none;
}
#drfooter p {
padding: 20px 0 0 0;
}

/***** IE 6 PNG FIX ******/

img, div { behavior: url(css/iepngfix.htc) }


/***** CLEAR FIX ********/


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/***** webform ********/

#webform_lowesfoods {
display:none;
}

#webform_dangerrangers {
display:none;
}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

