I would like to change my borders so that they are only showing on the sides of the category name. I noticed that the options only allow you to have a full border, however I only want a border on the sides of each category/page title.

I have tried various ways of using the html/css inserts but have gotten no where. When I've tried that it has either stayed the same as the options has selected (full border) or (if i clear those options) then there is no border at all.

You can use a tool like Firebug with Firefox to determine the class of the item you want a left and right border on and then put the CSS in the CSS Inserts box.

I attempted this first:

div#menu1 {
	border-top-style:dotted #3ABB32;
	border-right-style:solid #000;
	border-bottom-style:dotted #3Abb32;
	border-left-style:solid #000;

}

It did not make any changes to the appearance. The #3abb32 is the background color of the page menu itself.

Then attempted:

div#menu1 ul.rMenu {
	border-top-style:solid;
	border-top-color:#3ABB32;
	border-right-style:solid 
	border-right-color:#000000;
	border-bottom-style:dotted 
	border-bottom-color: #3Abb32;
	border-left-style:solid 
	border-left-style:#000000;

}

This also changed nothing.

what is the url?

http://www.premiersoccerchat.com

I'm currently using a different theme and using the TestDrive plugin to configure Atahualpa before going live with the change.