.border-cyan { border-right:1px solid #139AA0; }
.border-green { border-right:1px solid #71B21A; }
.border-orange { border-right:1px solid #D37B11; }
.border-purple { border-right:1px solid #4A63A6; }
.border-red { border-right:1px solid #B30930; }
.border-violet { border-right:1px solid #7E3064; }
.border-yellow { border-right:1px solid #BDAE15; }

/* gray */
.gray-body {
    background:url('../images/content/gray/background.jpg') no-repeat;
}

/* cyan */
#menu-top ul li.cyan a:hover,
#menu-top ul li.cyan a.active { 
    background:url('../images/content/cyan/button-top.png') no-repeat;
}
#menu-bottom ul li.cyan a:hover {
    background:url('../images/content/cyan/button-bottom.png') 0 -7px no-repeat;
}
#menu-bottom ul li.cyan a.active {
    background:url('../images/content/cyan/button-bottom.png') no-repeat;
}
.cyan-body {
    background:url('../images/content/cyan/background.jpg') no-repeat;
}

/* green */
#menu-top ul li.green a:hover,
#menu-top ul li.green a.active { 
    background:url('../images/content/green/button-top.png') no-repeat;
}
#menu-bottom ul li.green a:hover {
    background:url('../images/content/green/button-bottom.png') 0 -7px no-repeat;
}
#menu-bottom ul li.green a.active {
    background:url('../images/content/green/button-bottom.png') no-repeat;
}
.green-body {
    background:url('../images/content/green/background.jpg') no-repeat;
}

/* orange */
#menu-top ul li.orange a:hover,
#menu-top ul li.orange a.active { 
    background:url('../images/content/orange/button-top.png') no-repeat;
}
#menu-bottom ul li.orange a:hover {
    background:url('../images/content/orange/button-bottom.png') 0 -7px no-repeat;
}
#menu-bottom ul li.orange a.active {
    background:url('../images/content/orange/button-bottom.png') no-repeat;
}
.orange-body {
    background:url('../images/content/orange/background.jpg') no-repeat;
}

/* purple */
#menu-top ul li.purple a:hover,
#menu-top ul li.purple a.active { 
    background:url('../images/content/purple/button-top.png') no-repeat;
}
#menu-bottom ul li.purple a:hover {
    background:url('../images/content/purple/button-bottom.png') 0 -7px no-repeat;
}
#menu-bottom ul li.purple a.active {
    background:url('../images/content/purple/button-bottom.png') no-repeat;
}
.purple-body {
    background:url('../images/content/purple/background.jpg') no-repeat;
}

/* red */
#menu-top ul li.red a:hover,
#menu-top ul li.red a.active { 
    background:url('../images/content/red/button-top.png') no-repeat;
}
#menu-bottom ul li.red a:hover {
    background:url('../images/content/red/button-bottom.png') 0 -7px no-repeat;
}
#menu-bottom ul li.red a.active {
    background:url('../images/content/red/button-bottom.png') no-repeat;
}
.red-body {
    background:url('../images/content/red/background.jpg') no-repeat;
}

/* violet */
#menu-top ul li.violet a:hover,
#menu-top ul li.violet a.active { 
    background:url('../images/content/violet/button-top.png') no-repeat;
}
#menu-bottom ul li.violet a:hover {
    background:url('../images/content/violet/button-bottom.png') 0 -7px no-repeat;
}
#menu-bottom ul li.violet a.active {
    background:url('../images/content/violet/button-bottom.png') no-repeat;
}
.violet-body {
    background:url('../images/content/violet/background.jpg') no-repeat;
}

/* yellow */
#menu-top ul li.yellow a:hover,
#menu-top ul li.yellow a.active { 
    background:url('../images/content/yellow/button-top.png') no-repeat;
}
#menu-bottom ul li.yellow a:hover {
    background:url('../images/content/yellow/button-bottom.png') 0 -7px no-repeat;
}
#menu-bottom ul li.yellow a.active {
    background:url('../images/content/yellow/button-bottom.png') no-repeat;
}
.yellow-body {
    background:url('../images/content/yellow/background.jpg') no-repeat;
}