text indentation-categories box

I'm trying to indent the text either on the total categories box on the left sidebox.

see URL: https://www.tte.ca .Ive tried the text-indent command on the navColumnOne, NavColumnOne Wrapper, Leftbox container, and on the sidebox container within the stylesheet without any luck. My right side is OK. but the left side doesn't seem to want to respond.

Any idea as to what I may be doing wrong?
Thanks

I don't know about text-indent - never used it.

If I understand, I would do this:

.sideBoxContent {
background-color: #FFFFFF;
padding: 0.0em 0em 0.0em .5em;
}

You are getting the correct text-indent you are asking for in the categories box, just not what you really want. The categories box has effectively one block of text, consisting of a set of links separated by breaks, and its first line is indented.

Try #categories a {text-indent: whatever;}

This will apply to links individually. The padding will not distinguish between the first and second lines of long category names.

I tell you what, I tried Stevish suggestion and that worked to perfection, except It also moved over my Paypal image, which is what I don't need. Now how do I put the image back without disrupting the rest of the page.
Thanks, agian,
Bob

OK, so you didn't want text indent, you wanted (mostly) universal padding in the sideboxes. Your OP was ambiguous on this.

Add to your stylesheet

#bannerBoxContent {
padding: 0;
}

to remove the padding on that one sidebox.

Sorry gjh42, but as you can see the paypal image is still outside the box even with the new the newbannerbox content setting of 0, and the vertical line on the left side has disappeared. I haven't changed any of my left or right box sizes.

https://www.tte.ca

Now the right side is properly indented and the paypal sign is OK, but the left side won't indent and the vertical line is still missing.
Thanks for your help.

It should be #bannerboxContent (small 'b' in 'box').

Oops sorry, #bannerboxContent. CSS is case-sensitive, and I forgot to change the B to b.

Ok, I changed the small b, but the left side still isn't indenting and the left side inside vertical box line is still not there.
I'm not sure what I'm doing wrong.

Try my idea in post #2 + glenn's in #5 (with the small 'b').

Excellent that worked out perfectly except for my vertical line on the left sidebox. How do I get that back? Thanks again

#indexCategories {margin-left:2px;}

.leftBoxContainer  { 
	
    border: 1px solid #2808A9;
    background-color: #2808A9;
    text-indent: 0.2em;
	margin-top: 0em;
	}

.rightBoxContainer { 
    border: 1px solid #2808A9;
    background-color: #FFFFFF;
    margin-top: 0em; 
    }
.sideBoxContent {
	background-color: #FFFFFF;
	padding:  0.0em 0em 0.0em 1em;
    text-indent: 1em;
    
	}
```You don't need the text-indents on top of the padding.
The "missing" line is due to your homepage image being wider than your page allows. It forces the right column over and squeezes the left column. Other pages look fine.

Thanks for you help guys. Now it looks the way it should.
Thanks,
Bob