/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#slantedmenu{
	font-weight: bold;
	font-size: 90%;
	clear: both;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
	text-indent: 10px;
	padding: 3px 0;
	margin: 0;
	background-color: #F0F0F0;
	text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(images/slantdivider.gif) top right no-repeat;
}
#slantedmenu ul li a:hover{
	color: #C00;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('images/oval-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 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:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/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.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

a.ovalbuttonred{
background: transparent url('images/oval-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 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:link.ovalbuttonred, a:visited.ovalbuttonred, a:active.ovalbuttonred{
color: black; /*button text color*/
}
a.ovalbuttonred span{
font-weight: bold;
background: transparent url('images/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.ovalbuttonred:hover{ /* Hover state CSS */
background-position: bottom left;
}
a.ovalbuttonred:hover span{ /* Hover state CSS */
background-position: bottom right;
}

.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%;
}
.centerbutton {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}




.ddoverlap{
border-bottom: 1px solid #bbb8a9;
}

.ddoverlap ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
	padding: 3px 7px;
	text-decoration: none;
	padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
	color: #000;
	background: transparent url(images/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
	border-left: 1px solid #dbdbd5;
	position: relative;
	display: block;
	float: left;
	margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
	left: 20px;
}

.ddoverlap li a:visited{
color: black;
}

.ddoverlap li a:hover{
text-decoration: underline;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(images/righttabselected.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}

[if IE]>
<style type="text/css">
.ddoverlap{
height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}
</style>
<![endif]