.trans_50 {
  background-image:url(../images/50p_blue.png);
}

.trans_75 {
  background-image:url(../images/75p_blue.png);
}

.transw_50 {
  background-image:url(../images/50p_white.png);
}

.transw_75 {
  background-image:url(../images/75p_white.png);
}

.trans_box {
  background-image:url(../images/box_round.png);
}



#navigation {
    position:relative;
}

#navigation a {
    text-decoration: none;
    color: #A80A5F;
}

#navigation ul, #navigation li {
    list-style:none;
    padding:0 0 0 0;
    margin:0 0 0 0;
    width: 100%;
}

#navigation a{
    width: 100%;
}

/* hack */
html>body #navigation a {
    display:block;
    width: auto;
}



#navigation ul li a {
    padding-top:4px;
    padding-bottom:4px;
    padding-left:20px;
}

/*
#navigation ul li a:hover {
    background-color:#CC0000;
}
*/

#navigation ul li ul li {
    position:relative;
    left:20px;
/* this works in ie but not in mozilla */
/*    margin-right:10px; */
}

#navigation ul li ul li a {
    padding-top:4px;
    padding-bottom:4px;
    padding-left:5px;

}

.line-bottom {
	border-bottom: 1px dotted #A80A5F;
}

.line-top {
	border-top: 1px dotted #A80A5F;
}

.line-on {
        border-color: #000000;
}

.arrow {
    background-image: url(../images/arrow.gif);
    background-repeat: no-repeat;
    background-position: left;
}

.arroww {
    background-image: url(../images/arrow.gif); /* _white */
    background-repeat: no-repeat;
    background-position: left;
}

.barrow {
    background-image: url(../images/arrowback.gif);
    background-repeat: no-repeat;
    background-position: left;
}

.barroww {
    background-image: url(../images/arrowback.gif); /* _white */
    background-repeat: no-repeat;
    background-position: left;
}

.left {
    padding-left:20px;
}

.nav {
    color: #FFFFFF;

}

.on {
    font-weight: bold;

}