/* demo page styles */
body 
{
	

    
}
.example {
   /* background:#fff url(../images/clouds-in-blue-sky.jpg);*/
    width:auto;
    height:auto;
    border:0px #000 solid;
    margin:0px auto;
    margin-bottom:20px;
    padding:0px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}


/* main menu styles */
#nav 
{
    display:inline-block;
    width:100%;
   /* height:70px;*/
    height:50px;
    margin:0px;
    padding:0;
   background:#E2E5E4 url(../Images/bg.png) repeat-x 0 -110px;
 /*  font:normal 18px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;*/
   /* font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;*/
   font-size:12px;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li 
{
	padding:0px;
    margin:10px;
    float:left;
    position:relative;
    list-style:none;
    z-index:5;
}
#nav a 
{
	 color:#878888;
    font-weight:normal;
   font-size:12pt;
    text-decoration:none;
    display:block;
   /* padding:8px 20px;*/
    padding:5px 20px;
    

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
  /*  text-shadow:0 2px 2px rgba(0,0,0, .7); */
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
 /*   background:#7788aa url(../Images/bg.png) repeat-x 0 -20px;*/
   background:#7788aa url(../Images/bg.png) repeat-x 0 -20px;
    color:#008fc1;
    border-top:1px solid #f8f8f8;

    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
    
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#000;
}
#nav ul li a:hover {
    background:#68c3dd url(../Images/bg.png) repeat-x 0 -100px;
    color:#000;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
   /* text-shadow:0 2px 2px rgba(0,0,0, 0.7);*/
}

#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*some css3*/
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
   
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*some css3*/
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    
}

/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:175px;
    position:absolute;
    background:#68c3dd url(../Images/bg.png) repeat-x 0 0;
    border:1px solid #7788aa;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
    
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
    left:160px;
    top:0px;
}
/* Active Selection Menu */
#nav li a.current {
   background:#7788aa url(../Images/bg.png) repeat-x 0 -20px;
    color:#008fc1;
    border-top:1px solid #f8f8f8;

    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}

/*----------- Verticle Menu -----------------*/
.rcornersmenu a {
  width:220px;
  display:block;
  border: solid #E3E3E3;
  border-width:2px;
 border-radius:8px;
  text-decoration: none;
  outline:none;
 color:#878888;
  background: #ECECEC;
}
.rcornersmenu a b {
  display: block;
  position:relative;
 top: -1px;
  left: 0px;
 /* border:solid #E3E3E3;*/
  border-width:1px 0 0;
  /* border:5px solid #E3E3E3;*/
  font-weight:normal;
  
}
.rcornersmenu a b b {
border-width:0 0 1px;

top: 2px;
padding:2px 6px;

}
.rcornersmenu a:hover,
.rcorners a:hover b 
{
	border:solid 2px #6BC7E0; 
	border-radius:8px;
	
	background:#72D3EE;/*background:#666666;color:#ffffff;*/
	color:White;
	font-weight:bold;
}

.rcornersmenu li 
{
	list-style: none;
	padding-top:10px;
	float:left;
margin-left:-40px;
}