.applemenu{
margin: 0px 0;
margin-bottom: 1px;
margin-left: 2px;
padding: 0;
width: 178px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(images/tile_body.png) repeat-x center center;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #666666;
FONT-WEIGHT: bold;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
border-bottom: 1px solid #F3F3F3;
}

.silverheader1 a{
background: black url(images/tile_body.png) repeat-x center center;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #666666;
FONT-WEIGHT: bold;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
border-bottom: 1px solid #F3F3F3;
}

.applemenu div.silverheader2 a{
background: black url(images/box_top.png) repeat-x center center;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
FONT-WEIGHT: bold;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: #666666;
FONT-WEIGHT: bold;
}
.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(images/bg-tab-open.png);
color: #333333;
FONT-WEIGHT: bold;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
line-height: 18px;
color: #066;
background: #F5F5F5;
padding: 5px;
height: 100%; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
border-bottom: 1px solid #ddd;
}
.applemenu div.submenu a{
color: #066;
text-decoration: none;
}
.applemenu div.submenu a:hover{
color: #000000;
}
.applemenu div.submenu2{ /*DIV that contains each sub menu*/
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #066;
background: #F5F5F5;
padding: 5px;
height: 20px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
border-bottom: 1px solid #ddd;
}
.applemenu div.submenu2 a{
color: #066;
text-decoration: none;
}
.applemenu div.submenu2 a:hover{
color: #000000;
}

.applemenu span.sub1{ /*DIV that contains each sub menu*/
width: 161px;
margin-left: -3px;
font: normal 11px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #066;
line-height: 20px;
background: #F5F5F5;
padding-top: 2px;
padding-bottom: 3px;
padding-left: 7px;
display: inline-block;

/*height: 20px; Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
border-bottom: 1px solid #ddd;
}
.applemenu span.sub1 a{
color: #066;
text-decoration: none;

}
.applemenu span.sub1 a:hover{
color: #000000;
}

A.RegisterText:link
{
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	color:#990000;
	text-decoration:underline;	
}	
A.RegisterText:active
{
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	color:#990000;
	text-decoration:underline;
}
A.RegisterText:hover
{
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	color:#000000;
	text-decoration:underline;
}
A.RegisterText:visited
{
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	color:#990000;
	text-decoration:underline;
}
.button{
background: transparent url('images/center.gif');
display: block;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 25; /* Height of button background height */
padding-left: 2px; /* Width of left menu image */
padding-right: 2px; /* Width of left menu image */
padding-top: 2px;
text-decoration: none;
color: white;
overflow:visible; /*See: http://www.quirksmode.org/css/clearing.html */
width: 70px;
background-color: #000000;
border: 1px solid #000000;
cursor:hand;
}

.button1{
background: transparent url('images/red_center.gif');
display: block;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 25; /* Height of button background height */
padding-left: 2px; /* Width of left menu image */
padding-right: 2px; /* Width of left menu image */
padding-top: 2px;
text-decoration: none;
color: white;
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 70px;
background-color: #000000;
border: 1px solid #000000;
cursor:hand;
}

.button2{
background: transparent url('images/center.gif');
display: block;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 25px; /* Height of button background height */
padding-left: 2px; /* Width of left menu image */
padding-right: 2px; /* Width of left menu image */
padding-top: 2px;
text-decoration: none;
color: white;
overflow:visible; /*See: http://www.quirksmode.org/css/clearing.html */
width: 30px;
background-color: #000000;
border: 1px solid #000000;
cursor:hand;
}

.button3{
background: transparent url('images/red_center.gif');
display: block;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 25px; /* Height of button background height */
padding-left: 2px; /* Width of left menu image */
padding-right: 2px; /* Width of left menu image */
padding-top: 2px;
text-decoration: none;
color: white;
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 30px;
background-color: #000000;
border: 1px solid #000000;
cursor:hand;
}

a.boldbuttons{
background-color:#628f95;
border: 2px solid #000000;
display: block;
float: right;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 20px; /* Height of button background height */
padding-left: 2px; /* Width of left menu image */
text-decoration: none;
}

a:hover.boldbuttons{
background-color:#000000;
border: 2px solid #628f95;
display: block;
float: right;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 20px; /* Height of button background height */
padding-left: 2px; /* Width of left menu image */
text-decoration: none;
}
a:link.boldbuttons, a:visited.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background-color:#628f95;
display: block;
color: white;
padding: 2px 5px 2px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.boldbuttons span{
background-color:#000000;

display: block;
color: white;
padding: 2px 5px 2px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
background-color:#000000;
border: 2px solid #628f95;
text-decoration: underline;
color: #628f95;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.boldbuttons1{
background: transparent url('images/img_left.jpg') no-repeat top left;
display: block;
float: RIGHT;
font: bold 11px Arial; /* Change 13px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 25px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons1, a:visited.boldbuttons1, a:hover.boldbuttons1, a:active.boldbuttons1{
color:#ffffff; /*button text color*/
}

a.boldbuttons1 span{
background: transparent url('images/img_right.jpg') no-repeat top right;
display: block;
color: #ffffff;
padding: 3px 8px 6px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons1{ /* Hover state CSS */
text-decoration: underline;
color:#ffffff;
}


.buttonwrapper1{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}