.cssnav { 
	background:url(../Images/Buttons/Rollovers/button-right-l.gif) repeat-x 100% 0%; position: relative;  display: block; width: auto; height: 22px; margin: 0px;padding: 0px; float:left;
}

.cssnav a {
	background:url(../Images/Buttons/button-right-l.gif) repeat-x 100% 0%; display: block; width: auto; height: 16px; display: block; float: left; text-decoration: none; padding: 3px 15px; font-weight: normal; repeat-x 100% 0%; font-size:11px; color:#000000 !important; font-family:Verdana, Arial, Helvetica, sans-serif;
}

.cssnav a:hover {
	display: block; width: auto; height: 16px; display: block; float: left; text-decoration: none; padding: 3px 15px; font-weight: normal; background: none !important; font-size:11px; color:#FFFFFF !important; font-family:Verdana, Arial, Helvetica, sans-serif;
}

#right.cssnav {
	background:url(../Images/Buttons/Rollovers/button-right-r.gif) repeat-x 100% 0%; 
}

#left.cssnav {
	background:url(../Images/Buttons/Rollovers/button-right-l.gif) repeat-x 100% 0%; 
}

#left.cssnav a {
	padding-left:24px; background:url(../Images/Buttons/button-right-l.gif) repeat-x 100% 0%;
}

#right.cssnav a {
	padding-right:24px; background:url(../Images/Buttons/button-right-r.gif) repeat-x 100% 0%;
}

.cssnav a img {border:0px; float:left;}

.cssnav a img.img-up {visibility:visible; position:absolute; top:0px; left:0px;}

.cssnav a img.img-down {visibility:hidden; position:absolute; top:0px; left:0px;}

* html a:hover {visibility:visible;}

.cssnav a:hover {visibility:visible;}

.cssnav a:hover img.img-up {visibility:hidden;}

.cssnav a:hover img.img-down {visibility:visible;}

.cssnav a span {
	cursor:pointer;/* margin:0px; line-height:4pt*/
}

.cssnav a span.arrow-left {
cursor:pointer; background:url(../Images/Buttons/button-left-arrow.gif) no-repeat 0% 50%; padding-left:13px;
}

.cssnav a:hover span.arrow-left {
	background:url(../Images/Buttons/Rollovers/button-left-arrow.gif) no-repeat 0% 50%;
}

.cssnav a span.arrow-right {
	cursor:pointer;/* margin:0px; line-height:4pt*/ background:url(../Images/Buttons/button-right-arrow.gif) no-repeat 100% 50%; padding-right:13px;
}

.cssnav a:hover span.arrow-right {
	background:url(../Images/Buttons/Rollovers/button-right-arrow.gif) no-repeat 100% 50%;
}

.cssnav a span.arrow-right-cross {
cursor:pointer;/* margin:0px; line-height:4pt*/ background:url(../Images/Buttons/button-right-cross.gif) no-repeat 100% 50%; padding-right:13px;
}

.cssnav a:hover span.arrow-right-cross {
	background:url(../Images/Buttons/Rollovers/button-right-cross.gif) no-repeat 100% 50%;
}

.cssnav a .btn-left {
	display:none;
}

/* Dark BG button style... */

.darkcssnav { 
	background:url(../Images/Buttons/Rollovers/darkbutton-right-l.gif) repeat-x 100% 0%; position: relative;  display: block; width: auto; height: 22px; margin: 0px;padding: 0px; float:left;
}

.darkcssnav a {
	background:url(../Images/Buttons/darkbutton-right-l.gif) repeat-x 100% 0%; display: block; width: auto; height: 16px; display: block; float: left; text-decoration: none; padding: 3px 15px; font-weight: normal; repeat-x 100% 0%; font-size:11px; color:#000000 !important; font-family:Verdana, Arial, Helvetica, sans-serif;
}

.darkcssnav a:hover {
	display: block; width: auto; height: 16px; display: block; float: left; text-decoration: none; padding: 3px 15px; font-weight: normal; background: none !important; font-size:11px; color:#FFFFFF !important; font-family:Verdana, Arial, Helvetica, sans-serif;
}

#right.darkcssnav {
	background:url(../Images/Buttons/Rollovers/darkbutton-right-r.gif) repeat-x 100% 0%; 
}

#left.darkcssnav {
	background:url(../Images/Buttons/Rollovers/darkbutton-right-l.gif) repeat-x 100% 0%; 
}

#left.darkcssnav a {
	padding-left: 24px; background:url(../Images/Buttons/darkbutton-right-l.gif) repeat-x 100% 0%;
}

#right.darkcssnav a {
	padding-right: 24px; background:url(../Images/Buttons/darkbutton-right-r.gif) repeat-x 100% 0%;
}

.darkcssnav a img {	border:0px; float:left;}

.darkcssnav a img.img-up {visibility:visible; position:absolute; top:0px; left:0px;}

.darkcssnav a img.img-down {visibility:hidden; position:absolute; top:0px; left:0px;}

.darkcssnav a:hover {visibility:visible;}

.darkcssnav a:hover img.img-up {visibility:hidden;}

.darkcssnav a:hover img.img-down {visibility:visible;}

.darkcssnav a span {
	cursor:pointer; /*margin:0px; line-height:4pt*/
}

.darkcssnav a span.arrow-left {
cursor:pointer; background:url(../Images/Buttons/darkbutton-left-arrow.gif) no-repeat 0% 50%; padding-left:13px;
}

.darkcssnav a:hover span.arrow-left {
	background:url(../Images/Buttons/Rollovers/darkbutton-left-arrow.gif) no-repeat 0% 50%;
}

.darkcssnav a span.arrow-right {
cursor:pointer;/* margin:0px; line-height:4pt*/ background:url(../Images/Buttons/darkbutton-right-arrow.gif) no-repeat 100% 50%; padding-right:13px;
}

.darkcssnav a:hover span.arrow-right {
	background:url(../Images/Buttons/Rollovers/darkbutton-right-arrow.gif) no-repeat 100% 50%;
}

.darkcssnav a span.arrow-right-cross {
cursor:pointer;/* margin:0px; line-height:4pt*/ background:url(../Images/Buttons/darkbutton-right-cross.gif) no-repeat 100% 50%; padding-right:13px;
}

.darkcssnav a:hover span.arrow-right-cross {
	background:url(../Images/Buttons/Rollovers/darkbutton-right-cross.gif) no-repeat 100% 50%;
}

.darkcssnav a .btn-left {
	display:none;
}