Looking for help with css for a button- hover/active/link/visited and aligning text in the button

I'm working on a wordpress website and am using a plugin to handle logging in/out on my home page. I have been working on the css for the button - but cannot get a few things to work. I'm trying to align the text in the button to the middle of the button and also have the button have the same look that it only appears to have when I hover (the brighter blue and white -- like the two lower buttons, which were created in a different plugin).

Here's my website address: http://www.cri-mms.com/newsite/

Navigation help for class

Hi, guys! I'm really new to the CSS world, and I have class website due on Monday. I realize it's short notice, but I'm pulling my hair out here.
Okay, so. I need to have a horizontal navigation bar with a transitional element. I've figured this out. What I can't figure out is how to make a vertical drop down menu from one ("Profiles") link/list item in the horizontal menu.

Click dropdown menu instead of hover using just CSS?

Hi all.

I currently have a hover dropdown menu but want it to be clickable. This is what I currently have;

http://jsfiddle.net/0bnz4mog/

So that the dropdown will only come when you click on the top button.

Want to keep it simple and just CSS, is this possible?

This guy created it but can't figure out how he did it. http://www.cssplay.co.uk/menus/cssplay-click-drop-fly.html

Thanks in advance for any help.

Navbar and Background HELP.

Hello there, I am almost completly new to CSS and want to get some problems solved as quick as possible.
I'm a graphicer, designing a webshop with graphics and so on, we are currently using a platform to host our webshop and it has some easy feauters such as: Upload file/image, Create new page with articles, upload price and much more. Well my point is that this platform gets most of the job done.
However I have created a navigation bar on this platform and now I want a clean hover and marked function for it.
The navbar is located in this section:

Hover text hides behind other content

hover text.jpg

Hi I am having my hover text that hides behind other content. I am using a weebly website creator to create my website using custom HTML.here are my codes:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
  <style type="text/css">
.tooltip {
border-bottom: 1px dotted #000000; color: #000000; outline: none;

Syndicate content