body { margin: 0;
       padding: 0;
       font-family: Arial, Verdana, sans-serif;
        }

/* creates a container to hold the 3 columns */
.outer-container { width: 100%;
                   margin: 0;
 }


.header { width: 100%;
          margin: 0;
          padding-top: .5em;
 }

.sidebar { width: 13%;
           margin: 0;
           float: right; }
.sidebar1 { width: 13%;
            margin: 0;
            float: right;
            padding: .3em 0 .3em 0;
            text-align: center;
             }
.adsense {
           float:left;
           padding: 5px;
           margin: 5px;
           width: 120px;
           height: 90px;
 }


.ad {
           float:right;
           padding: 5px;
           margin: 5px;
           width: 120px;
           height: 90px;
 }

.inner-container { width: 75%;          
          margin: 0;
          float: left;
 }

.inner-container1 { width: 100%;          
          margin: 0;
          float: left;
 }

.content{ margin: 2px;
          float: right;
          width: 80%;
          padding-left: 5px;
 }

/* Text inside box of tier1 pages */
.blurb{   margin: 5px;
          float: right;
          padding-left: 200px;
 }

.content1{ margin: 3px;
          float: right;
          padding: 0 0 0 0;
          width: 73%;
 }

.nav {   float: left;
         margin: 0;
         padding: .2em 0 0 1%;      
         width: 13%;
         background-image: url(http://www.centsible.net/images/nav-gradient.jpg);         
         background-repeat: repeat-y;
         text-align: center;
         vertical-align: top;
 }

.nav1 {  float: left;
         margin: 0; 
         padding: .2em 0 0 1%;      
         width: 13%;
         background-image: url(http://www.centsible.net/images/nav-gradient.jpg);         
         background-repeat: repeat-y;
         text-align: center;
         vertical-align: top;
}

.nav-new {  float: left;
         margin: 0; 
         padding: .2em 0 0 1%;      
         width: 13%;
         text-align: center;
         vertical-align: top;
}

/* main links for new design */
#links ul {
        list-style-type: none;
        width: 200px;
} 

#links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
}

#links li a { 
        color: #990000;
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 400px;
}

#links li a:hover {
        background: #ffffcc;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#links a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}

.navblack {  float: left;
         margin: 0; 
         padding: .2em 0 0 1%;      
         width: 13%;
         background-image: url(http://www.centsible.net/images/gradient-black.jpg);         
         background-repeat: repeat-y;
         text-align: center;
         vertical-align: top;
         
 }

.navgreen {  float: left;
         margin: 0; 
         padding: .2em 0 0 1%;      
         width: 13%;
         background-image: url(http://www.centsible.net/images/gradient-green.jpg);         
         background-repeat: repeat-y;
         text-align: center;
         vertical-align: top;
         
 }

.navblue {  float: left;
         margin: 0; 
         padding: .2em 0 0 1%;      
         width: 13%;
         background-image: url(http://www.centsible.net/images/gradient-blue.jpg);         
         background-repeat: repeat-y;
         text-align: center;
         vertical-align: top;
         
 }


.shopnav {   float: left;
         margin: 0; 
         padding: 0 0 0 1%;      
         width: 20%;
         background-image: url(http://www.centsible.net/images/nav-gradient.jpg);         
         background-repeat: repeat-y;
         text-align: center;
         vertical-align: top;
 }
.footer { 
          clear: both;
          width: 100%;
 }

.footertest { 
          clear: both;
          width: 100%;
          margin: 25px;
          padding: 25px;
 }

.clear {
         clear: both;
         margin: 0;
         padding: 0;
         height: 0;
         overflow: hidden;
 }
/* formatting for active link on coupons, deals or shipping pages */
.active {
   display: block;
   width: 10em;
   padding: 0.2em;
   margin: 0.2em;
   line-height: 1.4;
   background-color: #000000;
   border: 1px solid black;
   color: #FFFFFF;
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   font-variant: small-caps;
   float: left;
}

/* formatting for factoid */
.fact {background-color:#FFCC66;
       border:dashed;
       margin: 15px;
       padding: 15px;
}


/* formatting for sales links */
.roundedcornr_box_876220 {
   background: #ffcc99 url(images/roundedcornr_876220_grad.gif) no-repeat;
   padding: 35px;
   float: left;
   margin: 10px;
}
.roundedcornr_top_876220 div {
   background: url(images/roundedcornr_876220_tl.gif) no-repeat top left;
}
.roundedcornr_top_876220 {
   background: transparent url(images/roundedcornr_876220_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_876220 div {
   background: url(images/roundedcornr_876220_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_876220 {
   background: transparent url(images/roundedcornr_876220_br.gif) no-repeat bottom right;
}

.roundedcornr_content_876220 A:link {text-decoration: none; color: #FFFFFF; font-weight: bold;}
.roundedcornr_content_876220 A:visited {text-decoration: none; color: #FFFFFF; font-weight: bold;}
.roundedcornr_content_876220 A:active {text-decoration: none; color: #FFFFFF; font-weight: bold;}
.roundedcornr_content_876220 A:hover {text-decoration: underline; color: #FFFFFF; font-weight: bold;}
 
/* end formatting for sales links */


/* for category 'buttons' as used on cyber monday pages */
.roundedcornr_box_878381 {
   background: #ffffff url(images/roundedcornr_878381_grad.gif) repeat-x top left;
   width: 200px;
   margin: 10px;
   float: left;
}
.roundedcornr_top_878381 div {
   background: url(images/roundedcornr_878381_tl.gif) no-repeat top left;
}
.roundedcornr_top_878381 {
   background: transparent url(images/roundedcornr_878381_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_878381 div {
   background: url(images/roundedcornr_878381_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_878381 {
   background: transparent url(images/roundedcornr_878381_br.gif) no-repeat bottom right;
}

.roundedcornr_top_878381 div, .roundedcornr_top_878381,
.roundedcornr_bottom_878381 div, .roundedcornr_bottom_878381 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_878381 { margin: 0 30px; }

/* end formatting for dept links */

/* formatting for departments */
.dept {
   background: #ffcc99 url(images/roundedcornr_876220_grad.gif) no-repeat;
   padding: 0px;
   margin: 10px;
   color: #FFFFFF;
   font-weight: bold;
   text-align: center;
} 
/* end formatting for departments */

/* formatting for offer types */
.offer {
   background: #000000;
   padding: 5px;
   margin: 10px;
   color: #FFFFFF;
   font-weight: bold;
} 
/* end formatting for offer types */

/* formatting for doorbuster times */
.time {
   background: #000000;
   padding: 25px;
   margin: 40px;
   color: #FFFFFF;
   font-weight: bold;
} 
/* end formatting for doorbuster times */



/* formatting for data feed products */
.item {
        vertical-align:top;
        float:left;
        margin:5px;
        font-size: small;
}

/* formatting for more... at end of datafeed row */
.more {
        float:left;
        margin:5px;
        font-size: small;
}

/* formatting for retweet button description */
.tweetdesc {
        vertical-align:top;
        float:left;
        margin:5px;

}
/* formatting for viral button container */
.viralbuttons {
        vertical-align:bottom;
        margin:10px;
        float:left;       

}

fieldset {
   border: 1px dashed #000000;
   width: 170px;
   text-align: center;
}

.news {
        vertical-align:top;
        float:left;
        margin:5px;
        padding: 5px;
        font-size: small;
        width: 400px;
}

news-fieldset {
   border: 1px dashed #000000;
   text-align: center;
}

h1 {color: #990033;
    font-size: x-large}
h2 {
    font-size: large;
    }
h3 {
    font-size: medium;}

p {font-size: small;}

/* link from dept. page to store's page */
.store-link { text-align: center;
                font-weight: bold;
                font-style: italic; }

/* formatting for coupons, deals and shipping buttons */
.internal {
   display: block;
   width: 10em;
   padding: 0.2em;
   margin: 0.2em;
   line-height: 1.4;
   background-color: #990000;
   border: 1px solid black;
   color: #FFFFFF;
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   font-variant: small-caps;
   float: left;
}

.internal-new {
   display: block;
   width: 5em;
   padding: 0.2em;
   margin: 0.2em;
   line-height: 1.4;
   background-color: #990000;
   border: 1px solid black;
   color: #FFFFFF;
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   font-variant: small-caps;
   float: left;
}

.btn {
   color: #FFFFFF;
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   font-variant: small-caps;
}

.btn a:hover {
   color: #666666;
   text-decoration: none;
   border-bottom:1px dotted #666666;
   text-align: center;
   font-weight: bold;
   font-variant: small-caps;
}

/* start css indent menu on top */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(http://www.centsible.net/images/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(images/indentbg2.gif) center center repeat-x;
}

/* end css indent menu on top */



/* formatting for curvy edges */
.rounded {
  -moz-border-radius:3ex;
  -webkit-border-radius:3ex;
} 

a.coupon {
   display: block;
   width: 5em;
   padding: 0.2em;
   margin: 0.2em;
   line-height: 1.4;
   background-color: #990000;
   border: 1px solid black;
   color: #FFFFFF;
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   font-variant: small-caps;
   float: left;
}

/* formatting for lists - sets image as bullet, specifies font of list items, bullet for sublists */
ul {font-size: 10pt;
    font-weight: normal;
    list-style-image: url(images/cents.JPG);
    line-height: 14pt;
}

/* formatting of stores on shop by store page */

ul.list {font-size: 10pt;
    font-weight: normal;
    list-style: none;
    list-style-image: none;
    list-style-position:inside;
    line-height: 25pt;
    margin-left:50px;
    left-padding:1em;
}

.list li {

}

/* end formatting for shop by store page */

ul.columns {
             float:left;
             width:25em;
             padding:0;
             margin:0;
             list-style:none;
}

li.columns {
            float:left;
            width:10em;
            margin:0;
            background-image: url(images/cents.JPG);
            background-position:0 3px;
            background-repeat:no-repeat;
            padding:0 0 0 1.5em;
}
li.coupon {
            width:386px;
            margin:7px;
            background-image: url(images/cents.JPG);
            background-position:0 3px;
            background-repeat:no-repeat;
            border-style: dashed;
            padding:0 0 0 1.5em;
}

.sub {list-style-type: square;}

td {
    font-size: 10pt;}
.outer {
border-left: 1px solid #75736E;
border-top: 1px solid #75736E;
border-right: 1px solid #F2F0EE;
border-bottom: 1px solid #F2F0EE;
}

.legend {
float: left;
margin-left: 15px;
margin-top: -8px;
padding-left: 5px;
padding-right: 5px;
background: #FFF;
}

.fieldset {
border-right: 1px solid #75736E;
border-bottom: 1px solid #75736E;
border-left: 1px solid #F2F0EE;
border-top: 1px solid #F2F0EE;
padding: 10px 3px 3px 3px;

}

#products { position: relative;
             width: 44em;
             border: medium solid #ACA250;
}
#right {position: relative;
        padding-right:2em;
        padding-left: 50%;
        text-align: center;
        border: medium solid #ACA250;
        }
#left {position: absolute;
       top: 0;
       left: 0;
       padding-left: 2em;
       padding-right: 50%;
       text-align: center;
       border: medium solid #ACA250;
       }
.menu {background-color: #FFCCCC;
}

.menubuttons { background-color: #000000;
               text-align: left;
}

.mainbanner {background-color: #990000;
             width: 100%;
              }
/* for navigational bars in the footer */
.upperbottomnav{background-color: #cccccc;
                width: 100%;                
}
.lowerbottomnav{background-color: #cccccc;
                width: 100%;
}
.holidaynav{background-color: #990000;
                width: 100%;
}
.divider {background-color: #ffffff;
          width: 100%;
          height: 1em;} 
.disclaimers {text-align: center;
              font-size: small;
              background-color: #ffffff;
              width: 100%;}

/* for presentation of links to promos at top of each store's page */
.promolinks {
         font-family: helvetica;
         font-size: small;
         background-color: white;
         width: 720px;
         height: 20px;
         margin: 20px;
         padding: 5px;
         }

/* for presentation of summary info at top of each store's page */
.summary {
         font-family: helvetica;
         color: white;
         background-color: #990000;
         width: 468px;
         margin: 5px;
         margin-top: 20px;
         padding: 5px;
         }


/* for legends on divs 
legend.3 {
         font-family: helvetica;
         font-size: large;
         color: burgundy;
         }
*/

/* for alignments of images, text, floats, etc.. */
.center {text-align: center;}
.top {vertical-align: top}
.left {text-align: left;}
ul.float {float: left;
          margin: 3em 3em 3em 3em;
          list-style-image: url(images/cents.JPG) }
.right {text-align: right;}
.header {text-align: center;
         font-size: 14pt }
/* font decorations /*
.del { color: red;} // use for strikeout to be red
.del span { color: black;} // keep price black
.smallfont {font-size: 10pt; text-align: left;}
.tinyfont {font-size: 8pt; text-align: left;}

/* for images with no border */
.neat{border: 0px;}

/* define colors on site */
.burgundy{background-color:#990000; vertical-align:top;}
.black{background-color:#000000;}

/* controls links on main menu */
.button A: link{color: rgb(255,255,255); font-family: 'Lucida Console', Monaco, monospace; text-align: center; padding: 10px; vertical-align: middle; text-decoration: none;}
.button A: visited{color: rgb(255,255,255); font-family: 'Lucida Console', Monaco, monospace; text-align: center; padding: 10px; vertical-align: middle; text-decoration: none;}
.button A: active{color: rgb(255,255,255); font-family: 'Lucida Console', Monaco, monospace; font-size: large;text-align: center; padding: 10px; vertical-align: middle; text-decoration: none;}
.button A: hover{color: rgb(255,255,255); font-family: 'Lucida Console', Monaco, monospace; font-size: large;text-align: center; padding: 10px; vertical-align: middle; text-decoration: none;}

/* controls links buttons */
.btn A: link{color: rgb(255,255,255); font-family: 'Lucida Console', Monaco, monospace; text-align: center; padding: 10px; vertical-align: middle; text-decoration: none;}
.btn A: visited{color: rgb(255,255,255); font-family: 'Lucida Console', Monaco, monospace; text-align: center; padding: 10px; vertical-align: middle; text-decoration: none;}
.btn A: active{color: rgb(255,255,255); font-family: 'Lucida Console', Monaco, monospace; font-size: large;text-align: center; padding: 10px; vertical-align: middle; text-decoration: none;}
.btn A: hover{color: rgb(255,255,255); font-family: 'Lucida Console', Monaco, monospace; font-size: large;text-align: center; padding: 10px; vertical-align: middle; text-decoration: none;}


/* end controls for main menu links */


/* makes the rounded box with dropped shadows on ind. store pages - linking to department page when combined with above anchor css and colors */
/* this trick was found at http://www.w3.org/Style/Examples/007/roundshadow#five */

blockquote {
    max-width: 620px;
    background: url(/images/rs-right-gifts.png) right repeat-y }

blockquote:before {
    display: block;
    line-height: 0;
    background: url(/images/rs-topright-gifts.png) top right no-repeat;
    content: url(/images/rs-topleft-gifts.png) }
blockquote:after {
    display: block;
    line-height: 0;
    background: url(/images/rs-bottomright-gifts.png) bottom right no-repeat;
    content: url(/images/rs-bottomleft-gifts.png) }


/* rounded corners on home page */
.roundedcornr_box_home {
	background: url(images/roundedcornr_home_tl.png) no-repeat top left;
        margin: 10px 120px 15px 10px;
}
.roundedcornr_top_home {
	background: url(images/roundedcornr_home_tr.png) no-repeat top right;
}
.roundedcornr_bottom_home {
	background: url(images/roundedcornr_home_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_home div {
	background: url(images/roundedcornr_home_br.png) no-repeat bottom right;
}
.roundedcornr_content_home {
	background: url(images/roundedcornr_home_r.png) top right repeat-y;
}

.roundedcornr_top_home div,.roundedcornr_top_home,
.roundedcornr_bottom_home div, .roundedcornr_bottom_home {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_home, .roundedcornr_bottom_home {
	margin-top: -19px;
}
.roundedcornr_content_home { padding: 0 15px; }

/* end rounded corners on home page */

/* rounded corners for nav */

.roundedcornr_box_nav {
	background: url(/images/roundedcornr_nav_tl.png) no-repeat top left;
}
.roundedcornr_top_nav {
	background: url(/images/roundedcornr_nav_tr.png) no-repeat top right;
}
.roundedcornr_bottom_nav {
	background: url(/images/roundedcornr_nav_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_nav div {
	background: url(/images/roundedcornr_nav_br.png) no-repeat bottom right;
}
.roundedcornr_content_nav {
	background: url(/images/roundedcornr_nav_r.png) top right repeat-y;
}

.roundedcornr_top_nav div,.roundedcornr_top_nav,
.roundedcornr_bottom_nav div, .roundedcornr_bottom_nav {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_nav, .roundedcornr_bottom_nav {
	margin-top: -19px;
}
.roundedcornr_content_nav { padding: 0 15px; }

/* end rounded corners for nav */

/* rounded border on main content */

.roundedcornr_box_main {
	background: url(/images/roundedcornr_main_tl.png) no-repeat top left;
        width:75%;
        margin:5px 120px 15px 120px;
}
.roundedcornr_top_main {
	background: url(/images/roundedcornr_main_tr.png) no-repeat top right;
}
.roundedcornr_bottom_main {
	background: url(images/roundedcornr_main_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_main div {
	background: url(/images/roundedcornr_main_br.png) no-repeat bottom right;
}
.roundedcornr_content_main {
	background: url(/images/roundedcornr_main_r.png) top right repeat-y;
}

.roundedcornr_top_main div,.roundedcornr_top_main,
.roundedcornr_bottom_main div, .roundedcornr_bottom_main {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_main, .roundedcornr_bottom_main {
	margin-top: 0px;
}
.roundedcornr_content_main { padding: 0 15px; }

/* end rounded border on main content */


/* for boxes with recently added coupons */
div#features{padding: 5px; background: #FFFFCC; border-style: dashed; width: 720px;}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #231e20}
b.r1{margin: 0 5px}

/* provides padding around images without messing up rounded corners container */
.padded {padding:15px;
        
}
/* end padding class */

/* new button formatting within banner */

.roundedcornr_box_btn {
	background: url(images/roundedcornr_btn_tl.png) no-repeat top left;
        float:left;
        margin:10px;
}
.roundedcornr_top_btn {
	background: url(images/roundedcornr_btn_tr.png) no-repeat top right;
}
.roundedcornr_bottom_btn {
	background: url(images/roundedcornr_btn_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_btn div {
	background: url(images/roundedcornr_btn_br.png) no-repeat bottom right;
}
.roundedcornr_content_btn {
	background: url(images/roundedcornr_btn_r.png) top right repeat-y;
}

.roundedcornr_top_btn div,.roundedcornr_top_btn,
.roundedcornr_bottom_btn div, .roundedcornr_bottom_btn {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_btn, .roundedcornr_bottom_btn {
	margin-top: 0px;
}
.roundedcornr_content_btn { padding: 0 15px;
        
 }

/* end new button formatting within banner */


/* new banner formatting */

.roundedcornr_box_banner {
	background: url(images/roundedcornr_banner_tl.png) no-repeat top left;
}
.roundedcornr_top_banner {
	background: url(images/roundedcornr_banner_tr.png) no-repeat top right;
}
.roundedcornr_bottom_banner {
	background: url(images/roundedcornr_banner_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_banner div {
	background: url(images/roundedcornr_banner_br.png) no-repeat bottom right;
}
.roundedcornr_content_banner {
	background: url(images/roundedcornr_banner_r.png) top right repeat-y;
}

.roundedcornr_top_banner div,.roundedcornr_top_banner,
.roundedcornr_bottom_banner div, .roundedcornr_bottom_banner {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_banner, .roundedcornr_bottom_banner {
	margin-top: 0px;
}
.roundedcornr_content_banner { padding: 0 15px; }

/* end new banner formatting */

/* rounded corner gradients for index cats */

.cat_box_main {
   background: #ffffee url(http://www.centsible.net/images/cat_main_grad.gif) no-repeat;
}
.cat_top_main div {
   background: url(http://www.centsible.net/images/cat_main_tl.gif) no-repeat top left;
}
.cat_top_main {
   background: transparent url(http://www.centsible.net/images/cat_main_tr.gif) no-repeat top right;
}
.cat_bottom_main div {
   background: url(http://www.centsible.net/images/cat_main_bl.gif) no-repeat bottom left;
}
.cat_bottom_main {
   background: transparent url(http://www.centsible.net/images/cat_main_br.gif) no-repeat bottom right;
}

.cat_top_main div, .cat_top_main,
.cat_bottom_main div, .cat_bottom_main {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.cat_content_main { margin: 0 30px; }

/* end rounded corner gradients for index cats */


/* styling around numbers for numbered steps */

.number_box {
	background: url(images/number_tl.png) no-repeat top left;
        color: #ffffff;
        background-color: #000000;
        font-size: 10em;
}
.number_top {
	background: url(images/number_tr.png) no-repeat top right;
}
.number_bottom {
	background: url(images/number_bl.png) no-repeat bottom left;
}
.number_bottom div {
	background: url(images/number_br.png) no-repeat bottom right;
}
.number_content {
	background: url(images/number_r.png) top right repeat-y;
}

.number_top div,.number_top,
.number_bottom div, .number_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.number_content, .number_bottom {
	margin-top: 0px;
}
.number_content { padding: 0 15px; }

/* end number styling */

/* styling around index markers */

.index_box {
	background: url(images/number_tl.png) no-repeat top left;
        color: #ffffff;
        background-color: #000000;
        font-size: 5em;
}
.index_top {
	background: url(images/number_tr.png) no-repeat top right;
}
.index_bottom {
	background: url(images/number_bl.png) no-repeat bottom left;
}
.index_bottom div {
	background: url(images/number_br.png) no-repeat bottom right;
}
.index_content {
	background: url(images/number_r.png) top right repeat-y;
}

.index_top div,.index_top,
.index_bottom div, .index_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.index_content, .index_bottom {
	margin-top: 0px;
}
.index_content { padding: 0 15px; }

/* end index styling */

/* styling around index markers */

.dept_box a:link {color:#FFFFFF;}      /* unvisited link */
.dept_box a:visited {color:#993333;}  /* visited link */
.dept_box a:hover {color:#ffcc99;}  /* mouse over link */
.dept_box a:active {color:#0000FF;}  /* selected link */

.dept_box {
	background: url(images/number_tl.png) no-repeat top left;
        color: #ffffff;
        background-color: #000000;

}
.dept_top {
	background: url(images/number_tr.png) no-repeat top right;
}
.dept_bottom {
	background: url(images/number_bl.png) no-repeat bottom left;
}
.dept_bottom div {
	background: url(images/number_br.png) no-repeat bottom right;
}
.dept_content {
	background: url(images/number_r.png) top right repeat-y;
}

.dept_top div,.index_top,
.dept_bottom div, .index_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.dept_content, .index_bottom {
	margin-top: 0px;
}
.dept_content { padding: 0 15px; }

/* end index styling */

/* Introduction Tag (for drop caps)
customized by Laura Schofield 1/23/10
----------------------------------------
*/
p.introduction:first-letter {
font-size : 600%;
font-face : arial;
font-weight : bold;
float : left;
width : 1em;
color : #ffcc99;
}

/* end introduction tag */

/* infobar in footer */
.footer_box {
   background: #61f2c8;
}
.footer_top div {
   background: url(images/footer_tl.png) no-repeat top left;
}
.footer_top {
   background: url(images/footer_tr.png) no-repeat top right;
}
.footer_bottom div {
   background: url(images/footer_bl.png) no-repeat bottom left;
}
.footer_bottom {
   background: url(images/footer_br.png) no-repeat bottom right;
}

.footer_top div, .footer_top, 
.footer_bottom div, .footer_bottom {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.footer_content { margin: 0 30px; }
/* end infobar in footer */


b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/* for blog box */
div#nifty{ margin: 10% 10%;background: #eee8aa;}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #eee8aa}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}