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.

you should think of building a test site as a subdomain where you can play with things. without seeing what you are trying there is not much advice I can give.

I'm not sure I even know how to go about setting up a subdomain, at least not quickly and easily.

Depending on the host, it can be quite easy.

Subdomain is set up, but it sounds incredibly complicated trying to get it all out as a test site to be seen.
Guess it's back to the trial and error for hours and hours until i get fed up with ata again and try some other theme.

Once you install wp it's easy to get to. Say your domain is xyz.com and you set up the sub domain as demo. To get to it you just use demo.xyz.com

You don't have a border width indicated and you can't mix a color with a style using the border style code. Also instead of seperate CSS lines for each border attribute you can use border shorthand. Here is what I would use per your first example.

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

You may also have to add !important to the CSS in case other CSS needs to be overwritten. For example.

div#menu1 {
	border-top: 1px dotted #3ABB32 !important;
	border-right: 1px solid #000 !important;
	border-bottom: 1px dotted #3Abb32 !important;
	border-left: 1px solid #000 !important;
}

the subdomain is setup as http://test.premiersoccerchat.com

I fixed the menus to the way I wanted them, now just need to figure out how to setup a third menu as a widget and get it to be listed identically to the way the other two menus are.

Since I fixed the menus to the way I wanted them I just went live with the page.

Just working on trying to get a header above the logo (using a top sidebar widget, somehow, don't know how yet) to have some additional info (about, etc) but want it looking like my other menus.

also attempting to get the footer links to be separated into columns so I can have a page column and a category column.

http://www.premiersoccerchat.com

For the menus I used the shorthand code and eventually figured out which css code section i needed to change.