﻿.menu1{
margin-left:2px;
padding-left:2px;
padding-top:2px;
padding-bottom: 2px;
display:block;
text-decoration: none;
color: #000000;
height: 20px;
width:245;
border: medium inset rgb(0,0,0);
cursor:pointer;
cursor:hand;
}

.submenu {

display: block;
height: 19px;
width:245;
text-decoration:none;
padding-left: 20px;
padding-bottom: 0px;
margin-bottom:0px;
color: #0000FF;
text-decoration:none;
font-weight:normal;
font-size:x-small;
font-family: Tahoma;
font-style: normal;	
}

.submenu a:link{
background-color:Transparent;
display: block;
height: 19px;
width:245;
text-decoration:none;
padding-left: 20px;
padding-bottom: 0px;
margin-bottom:0px;
color: #0000FF;
text-decoration:none;
font-weight:normal;
font-size:x-small;
font-family: Tahoma;
font-style: normal;	
}

.submenu a:visited{
background-color:Transparent;
display: block;
height: 19px;
width:245;
text-decoration:none;
padding-left: 20px;
padding-bottom: 0px;
margin-bottom:0px;
color: #0000FF;
text-decoration:none;
font-weight:normal;
font-size:x-small;
font-family: Tahoma;
font-style: normal;	
}


.submenu a:hover{
background-color:Transparent;
display: block;
height: 19px;
width:245;
cursor:pointer;
cursor:hand;
padding-left: 5px;
padding-bottom: 0px;
margin-bottom:0px;
color: #FFFF00;
text-decoration:none;
font-weight:normal;
font-size:x-small;
font-family: Tahoma;
font-style: normal;	
}

.submenu a:active{
background-color:Transparent;
display: block;
height: 19px;
width:245;
cursor:pointer;
cursor:hand;
padding-left: 5px;
padding-bottom: 0px;
margin-bottom:0px;
color: #FFFF00;
text-decoration:none;
font-weight:normal;
font-size:x-small;
font-family: Tahoma;
font-style: normal;	
}

.hide{
display: none;
}

.show{
padding-bottom: 1px;
margin-bottom:1px;
display: block;
}

.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:200px;
}

.AccordionTitle
{
  height:25px;
  overflow:hidden;
  cursor:pointer;
  background-repeat:repeat-x;
  display:table-cell;
  -moz-user-select:none;
  padding-bottom:1px;
  padding-top:1px;
}

.AccordionContent
{
  height:0px;
  overflow:hidden;
  display:none; 
}

.AccordionContainer
{
  border-top: solid 0px #C1C1C1;
  border-bottom: solid 0px #C1C1C1;
  border-left: solid 0px #C1C1C1;
  border-right: solid 0px #C1C1C1;
}

.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%;
}

/* Menu CSS Gray Button */

a.ovalbuttonGray{
background: transparent url('../images/menu/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bolder 13px Tahoma; /* 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 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a.ovalbuttonGray span{
background: transparent url('../images/menu/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a:link.ovalbuttonGray, a:visited.ovalbutton, a:active.ovalbutton{
color: black; /*button text color*/
}

a.ovalbuttonGray:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbuttonGray:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

/* Menu CSS Blue Button */

a.ovalbuttonBlue{
background: transparent url('../images/menu/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bolder 13px Tahoma; /* 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 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a.ovalbuttonBlue span{
background: transparent url('../images/menu/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a:link.ovalbuttonBlue, a:visited.ovalbutton, a:active.ovalbutton{
color: black; /*button text color*/
}



a.ovalbuttonBlue:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbuttonBlue:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

/* Menu CSS Green Button */

a.ovalbuttonGreen{
background: transparent url('../images/menu/oval-green-left.gif') no-repeat top left;
display: block;
float: left;
font: bolder 13px Tahoma; /* 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 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a.ovalbuttonGreen span{
background: transparent url('../images/menu/oval-green-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a:link.ovalbuttonGreen, a:visited.ovalbutton, a:active.ovalbutton{
color: black; /*button text color*/
}



a.ovalbuttonGreen:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbuttonGreen:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

/* Menu CSS Orange Button */

a.ovalbuttonOrange{
background: transparent url('../images/menu/oval-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: bolder 13px Tahoma; /* 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 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a.ovalbuttonOrange span{
background: transparent url('../images/menu/oval-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a:link.ovalbuttonOrange, a:visited.ovalbutton, a:active.ovalbutton{
color: black; /*button text color*/
}



a.ovalbuttonOrange:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbuttonOrange:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}



/* Menu CSS Red Button */

a.ovalbuttonRed{
background: transparent url('../images/menu/oval-red-left.gif') no-repeat top left;
display: block;
float: left;
font: bolder 13px Tahoma; /* 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 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a.ovalbuttonRed span{
background: transparent url('../images/menu/oval-red-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a:link.ovalbuttonRed, a:visited.ovalbutton, a:active.ovalbutton{
color:black; /*button text color*/
}



a.ovalbuttonRed:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbuttonRed:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
