body {
margin: 10px 0 0 0;
padding: 0;
background-color: #12ddff;
}
a img {
border: none;
}
/*************** HEADER **************/
#header {
width: 794px;
}
#header h1 {
margin: 0;
padding: 0;
width:185px;
height: 125px;
float: left;
}
#header h1 a {
display: block;
width:185px;
height: 125px;
background:url(images/Danger_Rangers_logo.gif) no-repeat;
margin: 0;
padding: 0;
}

#header h2 {
width: 609px;
height: 125px;
background:url(images/JCPenney_headergraphic.gif) no-repeat;
margin: 0;
padding: 0;
float: left;
}

#header h2 a#clickcare {
width: 346px;
height: 125px;
display: block;
float: left;
}

#header h2 a#backpack {
width: 172px;
height: 125px;
display: block;
float: left;
}

#header h2 a#jcpenney {
width: 91px;
height: 125px;
display: block;
float: left;
}



#header h2 span,
#header h1 span {
margin: 0 0 0 -1000px;
}



.row {
padding-top: 20px;
}

.leftside {
width: 233px;
float: left;
margin: 0;
padding: 0;
}
.rightside {
width: 506px; /* full width 516px; */
padding: 0 0 0 10px;
margin: 0;
float: left;
display: inline;
}

#leftcolumn {
width: 233px;
float: left;
margin: 0;
padding: 0;
}

/*************** NAVIGATION **************/
#navigation {
margin:  0;
padding: 10px;
list-style: none;
width: 794px;
}
#navigation li {
float: left;
margin: 0;
padding: 0 15px;
background: url(images/navseperator.gif) no-repeat right center;
font-weight: bold;
}
/* #navigation li.last {
background-image: none;
} */
#navigation li.last-child {
background-image: none;
}

#navigation a:hover {
color: #fff;
}

#navigation li.current a {
color: #fff;
}

/*************** CONTENT **************/


#outsidewrap {
float: left;
width: 1012px;
padding: 0 0 0 18px;
}



#contentwrapper {
width: 769px;
margin: 0 10px 0 0;
padding: 0 0 12px 0;
background:url(images/mainbox_bottom.gif) bottom left no-repeat;
float: left;
clear: both;
display: inline;
}

#content {
margin: 0;
padding: 12px 10px 0 10px;
background:url(images/mainbox_topfill.gif) top left no-repeat ;
}

.leftsidewrapper {
width: 233px;
float: left;
background: url(images/leftcol_bottom.gif) bottom left no-repeat;
margin: 0 0 10px 0;
padding: 0 0 12px 0;
clear: both;
}
.leftsidefill {
width: 209px;
background:url(images/leftcol_topfill.gif) top left no-repeat ;
padding:  12px 12px 0 12px;
}



#rightcontent {
width: 233px;
float: left;
}

.rightsidewrapper {
width: 233px;
float: left;
background: url(images/rightcol_bottom.gif) bottom left no-repeat;
margin: 0 0 10px 0;
padding: 0 0 12px 0;
clear: both;
}
.rightsidefill {
width: 209px;
background:url(images/rightcol_topfill.gif) top left no-repeat ;
padding:  12px 12px 0 12px;
}




.leftsidewrappernofill {
width: 233px;
float: left;
margin: 0 0 10px 0;
padding: 0;
clear: both;
}


#maincontent {
width: 506px; /* full width 516px; */
padding: 0 0 0 10px;
margin: 0;
float: left;
display: inline;
}


#productboxwrapper {
width: 506px;
margin: 0 0 10px 0;
padding: 0 0 9px 0;
float: left;
background: #ffffff url(images/productbox_bottom.gif) bottom left no-repeat;
}
#productbox {
width: 486px;
padding: 10px 10px 0 10px;
float: left;
background: #ffffff url(images/productbox_top.gif) top left no-repeat;
}

#goalboxwrapper {
width: 506px;
margin: 0 0 10px 0;
padding: 0 0 9px 0;
float: left;
background: #ffffff url(images/goal_bottom.gif) bottom left no-repeat;
}
#goalbox {
width: 486px;
padding: 10px 10px 0 10px;
float: left;
background: #ffffff url(images/goal_topfill.gif) top left no-repeat;
}


/*************** FOOTER **************/


#footer {
float: left;
clear: both;
width: 794px;
text-align: center;
margin: 15px 0;
padding: 0;
font-size: 10px;

}

#footer ul {
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
}

#footer ul li {
display: inline;
}
#footer ul a {
margin: 0;
padding: 0 5px;
background: url(images/navseperator.gif) no-repeat right center;
}
#footer ul li.last-child a {
background-image: none;
}



/*************** BAR GRAPH **************/

#bargraph {
float: right;
width: 395px;
height: 466px;
background-image:url(images/pledge_tracker.jpg);
position: relative;
}

#graph {
position: absolute;
left: 129px;
top: 141px
}



/*************** CLEAR FIX **************/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}