.RadPanelBar
{
	text-align: left;
	width: 184px !important;
    margin-top: 0px;
}

.RadPanelBar .rpLink
{
	font-family:  arial, sans-serif;
    font-size: 1.1em;
	font-weight: 500;
	color: #4D366C; 
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px solid #C4C4C4 !important;
	padding:  10px 2px 10px 0px !important;
	overflow: hidden;
}

.RadPanelBar .rpLink:hover           
{
    color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	border-bottom: 1px solid #c4c4c4 !important;
	background: #C41615;
}

.RadPanelBar .rpLink:focus         
{
    color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;	
	border-bottom: 1px solid #c4c4c4 !important;
	background: #C41615;

}

.rpOut { padding: 0 !important; }

/* Sub Pages */

rpSlide{}

.RadPanelBar .rpGroup { background: #fff; }

.RadPanelBar .rpGroup a.rpLink
{
	font-size: 1.1em !important;
	font-weight: normal;
	color: #1f1f1f;
	border-bottom: 1px solid #C4C4C4; margin: 0 10px 0 10px;
	padding:  10px 2px 10px 0px !important;
}

.RadPanelBar .rpGroup a.rpLink:hover
{
    color:  #ffffff;
    padding: 8px 0 8px 2px!important;
	background: #ffffff;
	padding:  10px 2px 10px 0px !important;	
}

.RadPanelBar .rpGroup .rpLink, .RadPanelBar .rpGroup .rpTemplate 
{
    font-size: 12px;
    line-height: 16px !important;
}

.RadPanelBar .rpExpandable
{
    font-size: 1.1em;
	font-weight: normal;
	color: #4D366C;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
	padding:  10px 2px 10px 0px !important;
	background: url(../images/btn.png) #ffffff right top no-repeat !important; 
}

.RadPanelBar .rpExpandable:hover
{
    color: #1f1f1f;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
    background: url(../images/btn.png) #A7967C right top no-repeat !important;
}

.RadPanelBar .rpExpandable:focus 
{
    color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
	background: url(../images/btn.png) #A7967C right top no-repeat !important;
	padding:  10px 2px 10px 0px !important;
}

.RadPanelBar .rpExpandable  .rpSelected .rpExpanded:focus 
{
    color: #ffffff !important;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
	background: url(../images/btn.png) #A7967C right top no-repeat !important;
	padding:  10px 2px 10px 0px !important;
}

/* -------------------- Sub Level Links ---------------------*/

.rpLevel2 
{
	font-weight: normal;
	font-size: 1.2em  !important;
	color: #f1f1f1f;	
    padding:  10px 2px 10px 0px !important;
    background: #A7967C;
}
        /* -------------------- Expandable Sub Level Links ---------------------*/

.rpLevel1 .rpExpandable
{
	font-weight: normal;
	font-size: 1.1em  !important;
	color: #f1f1f1f;	
	padding:  10px 2px 10px 0px !important;
	border: 0 !important;
	background: url(../images/btn.png) #A7967C top right no-repeat !important; 
}

.rpLevel1 .rpExpandable:hover
{
    background: url(../images/btn.png) top right no-repeat #C41615 !important;
    padding:  10px 2px 10px 0px !important;
}

.rpLevel1 .rpExpandable:focus
{
    background: url(../images/btn.png) top right no-repeat #C41615 !important;
    color: #ffffff;
    padding:  10px 2px 10px 0px !important;
}

.rpLink .rpExpandable .rpSelected .rpExpanded:focus
{ color: #ffffff;
}

.rpLink: focus {color: #ffffff;}



/*SIDE MENU FOR MOBILE*/

@media only screen and (max-width: 1000px)
{ 


.RadPanelBar {width: 100% !important; display: block !important;  margin-top: 0px !important;margin-left: 0px !important;margin-right: 0px !important; text-align: left !important;}
.rpRootGroup { width: 100% !important; display: block !important;  margin-top: 0px !important; float: left;  }

.RadPanelBar .rpLink
{
    font-size: 1.1em !important;
	font-weight: 500;
	color: #4C366B;
	cursor: pointer;
	text-decoration: none;
    overflow: hidden;
    padding: 14px 10px 14px 12px  !important;  
	background: #AAA8BB;   
    border-bottom: 1px solid #8D838A !important; margin-right: 0% !important;
}

.RadPanelBar .rpLink:hover
{
    color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
	background: #B90000;
	border-bottom: 1px solid #8D838A !important; margin-right: 0% !important;
}
.RadPanelBar .rpLink:focus
{
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
	background: #B90000;
}

.RadPanelBar .rpGroup {background: #B90000;}
.RadPanelBar .rpGroup a.rpLink
{
	font-weight: 400;
	font-size: 1.1em !important;
	color: #4C366B;	
	padding: 1% 1% 1% 1% !important;
	border-bottom: 1px solid #8D838A !important
}

.RadPanelBar .rpGroup a.rpLink:hover
{
    padding: 1% 1% 1% 1%!important;
    color: #ffffff;
	background: #B90000;
	border-bottom: 1px solid #8D838A !important	
}

.RadPanelBar .rpExpandable
{
    font-size: 1.1em !important;
	font-weight: normal;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
    padding: 1% 1% 1% 1%!important;
	background: url(../images/btn.png) #C41615 right top no-repeat !important; 
}

.RadPanelBar .rpExpandable:hover
{
    color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
    background: url(../images/btn.png) #B90000 right top no-repeat !important;
}

.RadPanelBar .rpExpandable:focus 
{
    color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
	background: url(../images/btn.png) #B90000 right top no-repeat !important;
    padding: 1% 1% 1% 1%!important;
}

.RadPanelBar .rpExpandable  .rpSelected .rpExpanded:focus 
{
    color: #ffffff !important;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
	background: url(../images/btn.png) #B90000 right top no-repeat !important;
    padding: 1% 1% 1% 1%!important;
}

/* -------------------- Sub Level Links ---------------------*/

.rpLevel2 
{	
    font-weight: normal;
	color: #ffffff;	
    padding: 1% 1% 1% 1%!important;
    background: #B90000;
}

        /* -------------------- Expandable Sub Level Links ---------------------*/

.rpLevel1 .rpExpandable
{
	font-weight: normal;
	color: #ffffff;	
    padding: 1% 1% 1% 1%!important;
	border: 0 !important;
	background: url(../images/btn.png) #B90000 top right no-repeat !important; 
}

.rpLevel1 .rpExpandable:hover
{
    background: url(../images/btn.png) top right no-repeat #B90000!important;
    padding: 1% 1% 1% 1%!important;
}

.rpLevel1 .rpExpandable:focus
{
       background: url(../images/btn.png) top right no-repeat #B90000 !important;
       color: #ffffff;
       padding: 1% 1% 1% 1%!important;
}

.rpLink .rpExpandable .rpSelected .rpExpanded:focus
{      color: #ffffff;
}

.rpLink: focus {color: #ffffff;}


}